// JavaScript Document


function turnBrown(){
	$('.tabContent').removeClass('tabContentGreen').removeClass('tabContentBlue').addClass('tabContentBrown');
	$('#tabContentTop').removeClass('boostContTopG').removeClass('boostContTopBl').addClass('boostContTopBr');
	$('#tabContentBot').removeClass('boostContBotG').removeClass('boostContBotBl').addClass('boostContBotBr');	
}

function turnGreen(){
	$('.tabContent').removeClass('tabContentBrown').removeClass('tabContentBlue').addClass('tabContentGreen');
	$('#tabContentTop').removeClass('boostContTopBl').removeClass('boostContTopBr').addClass('boostContTopG');
	$('#tabContentBot').removeClass('boostContBotBl').removeClass('boostContBotBr').addClass('boostContBotG');	
}

function turnBlue() {
	$('.tabContent').removeClass('tabContentBrown').removeClass('tabContentGreen').addClass('tabContentBlue');
	$('#tabContentTop').removeClass('boostContTopBr').removeClass('boostContTopG').addClass('boostContTopBl');
	$('#tabContentBot').removeClass('boostContBotBr').removeClass('boostContBotG').addClass('boostContBotBl');	
}

function forceTab() {
				//alert('in force');
				//declare vars
			    var tabIDprefix = 'tab-';
				var tabIDsuffix = '-enhanced';
				//reference to tabs container
				var tabs = $('#featured');
				//nav is first ul
				var tabsNav = tabs.find('ul:first');
				//body is nav's next sibling
				var tabsBody = $(tabsNav.find('a:eq(0)').attr('href')).parent();
		
				//unselect tabs
				tabsNav.find('li.tabs-selected')
					.removeClass('tabs-selected')
					.find('a')
						.attr('tabindex','-1');
				//force selection tab
				var mTb = $('.forceTab');
					mTb
					.attr('tabindex','0')
					.parent()
					.addClass('tabs-selected');
				//unselect  panels
				//tabsBody.find('div.tabs-panel-selected').attr('aria-hidden',true).removeClass('tabs-panel-selected');
				$('div.tabs-panel-selected').attr('aria-hidden',true).removeClass('tabs-panel-selected');
				//select active panel
				$( mTb.attr('href') + tabIDsuffix ).addClass('tabs-panel-selected').attr('aria-hidden',false);	
				$('#featured-links li a.on').removeClass('on');				 
				$('#tboost').toggleClass('on');
				$('#leftbrown, #connectorbrown').hide();
				turnBlue();
				$('#stockconnector1').show();
					
}//END forceTab




				$('#brothBeef, #brothVegetable').addClass('bg');
				$('#leftbrown').show();
				$('#leftblue, #leftgreen').hide();
				turnBrown();
				$('#connectorbrown').show();	
					
				$('#featured-links li a').click(function(){
										$('#featured-links li a.on').removeClass('on');				 
										$(this).toggleClass('on');
										$('#leftblue, #leftbrown, #leftgreen').hide();
										var newTab = $(this).attr('id');
										switch (newTab){
											case 'tstock':
											$('.holdContent').load('load/stockChicken.html');
											$('.selection ul li.on').removeClass('on');	
											$('#stockChicken').addClass('on');
											turnBlue();
											$('#stockconnector1, #stockconnector2, #stockconnector3, #stockconnector4').hide();
											$('#stockconnector1').show();
											$('#connectorbrown, #connectorblue, #connectorgreen').hide();
											break;
											
											case 'tbroth':
											$('#brothBeef, #brothVegetable').addClass('bg');
											$('#brothChicken').addClass('on');
											$('.holdContent').load('load/brothChicken.html');
											//$('.selection ul li.on').removeClass('on');	
											$('#tbroth').addClass('on');
											$('#leftbrown').show();
										    $('#leftblue, #leftgreen').hide();
											$('.g2, .g3').removeClass('on').removeClass('bg');
											turnBrown();
											$('#stockconnector1, #stockconnector2, #stockconnector3').hide();
											$('#connectorbrown, #connectorblue, #connectorgreen').hide();
											$('#connectorbrown').show();
											break;
											
											case 'tboost':
											$('.holdContent').load('load/boostChicken.html');
											$('.selection ul li.on').removeClass('on');	
											$('#boostChicken').addClass('on');
											turnBlue();
											$('#stockconnector1, #stockconnector2, #stockconnector3').hide();
											$('#stockconnector1').show();
											$('#connectorbrown, #connectorblue, #connectorgreen').hide();
											break;
											}									
				});
				$('.selection ul li').click(function(){
										$('.selection ul li.on').removeClass('on');
										$('.selection ul li.bg').removeClass('bg');	
										$(this).toggleClass('on');
										var selcontent = $(this).attr('id');
										var url = 'load/' + selcontent + '.html';
										var container = $('.holdContent').filter( "." + $(this).parent("ul").attr("class") );
										$.ajax({
										  url: url,
										  success: function(data){
											$(container).html(data);
										  }
										});
				});
				$('.selection ul li.g1, .selection ul li.g2, .selection ul li.g3').click(function(){
								      var selcontent = $(this).attr('id');
									  if ((selcontent == 'brothChicken') || (selcontent == 'brothBeef') || (selcontent == 'brothVegetable')){
										  $('.g1').not('.on').addClass('bg');
										  $('#leftbrown').show();
										  $('#leftblue, #leftgreen').hide();
										  turnBrown();
										  $('#connectorbrown, #connectorblue, #connectorgreen').hide();
										  $('#connectorbrown').show();
										  } 
										  else if((selcontent == 'brothGoodness') || (selcontent == 'brothLowersodium')){
											  $('.g2').not('.on').addClass('bg');
											  $('#leftblue').show();
										      $('#leftbrown, #leftgreen').hide();
											  turnBlue();
											  $('#connectorbrown, #connectorblue, #connectorgreen').hide();
											  $('#connectorblue').show();
											  }
										else{
											$('.g3').not('.on').addClass('bg');
											$('#leftgreen').show();
										    $('#leftblue, #leftbrown').hide();
											turnGreen();
											$('#connectorbrown, #connectorblue, #connectorgreen').hide();
											$('#connectorgreen').show();
											}	  
				});
				$('#stockBeef, #boostBeef').click(function(){
                    $('#stockconnector1, #stockconnector2, #stockconnector3, #stockconnector4').hide();
					$('#stockconnector2').show();			   
				});
				$('#stockChicken, #boostChicken').click(function(){
                    $('#stockconnector1, #stockconnector2, #stockconnector3, #stockconnector4').hide();
					$('#stockconnector1').show();
				});

				$('#stockUnsaltedBeef').click(function() {
				    $('#stockconnector1, #stockconnector2, #stockconnector3, #stockconnector4').hide();
				    $('#stockconnector4').show();
				});
				$('#stockUnsaltedChicken').click(function() {
				    $('#stockconnector1, #stockconnector2, #stockconnector3, #stockconnector4').hide();
				    $('#stockconnector3').show();
				});
				
				$('#boostVegetable').click(function() {
				    $('#stockconnector1, #stockconnector2, #stockconnector3').hide();
				    $('#stockconnector3').show();
				});



				$(document).ready(function() {
				    var params = $.deparam.querystring();
				    if (params.boost && params.boost == "yes") {
				        $("a#tboost").trigger('click');
				        /*forceTab();
				        $('.holdContent').load('load/boostChicken.html');
				        */
				    }
				    else if (params.stock && params.stock == "yes") {
				        $("a#tstock").trigger('click');
				    }
				    else $("a#tbroth").trigger('click');
				    
				    $("div#tabHold").css('visibility', 'visible');
				})
				

