// JavaScript Document
$(document).ready(function() {
						   
$("#kid3").css({'background-image' : "url(images/kids/5.jpg)" }).fadeIn("slow");
$("#kid5").css({'background-image' : "url(images/kids/6.jpg)" }).fadeIn("slow");
$("#kid6").css({'background-image' : "url(images/kids/13.jpg)" }).fadeIn("slow");
						  						   
						   
//$("a").click(function(){ 
//		if ( $(this).hasClass("mainMenu") )
//		{
//		var navTarget = $(this).attr("href");	
//		//alert(navTarget);
//		$("a").removeClass("current");
//		$(this).addClass("current");
////		$(".contentBox").hide();
////		$("#servicesMenu").slideUp();
//		switch (navTarget)
//			{
//			case "action1":
//			 $("#bgAction").animate({left: "0"}, 2500, function() {$("#contentBoxHome").fadeIn("slow");}   )
//			 break;
//			 case "action2":
//			 $("#bgAction").animate({left: "-900"}, 2500, function() {$("#contentBoxAbout").fadeIn("slow");}   )
//			 break;
//			 case "left":
//			 $("#bgAction").animate({left: "0"}, 2500, function() {$("#contentBoxAbout").fadeIn("slow");}   )
//			 break;
//			 case "right":
//			 $("#bgAction").animate({left: "-900"}, 2500, function() {$("#contentBoxAbout").fadeIn("slow");}   )
//			 break;
//			}
//			
//		}
//								  		
//			return false;			
//	});
//
//$(".arrowLeft").click(function(){ 
//	 //alert(leftPos);
//	 if(lefPos!=0){  $("#bgAction").slideUp(); }
//	 return false;			
//	});


$(".panelButton").click(function(){  //panel div click	
							 
		
		var panelName = String($(this).attr("name"));
		panelName = "#" + panelName;
		
		//track panel click with google analytics
		pageTracker._trackPageview("/" + panelName);
						   
		//hide kids animation on lower row
		$("#kid4").stop();
		$("#kid5").stop();
		$("#kid6").stop();
		$("#kid7").stop();
						   
						   
		//$(".subNav").hide("fast");
		$(".kid").slideUp("slow");
		$("#infusionWellness").animate({height: "0"}, 600)
		$(".subContentPanel").hide("fast");
		$("#header").animate({height: "146"}, 600)
		$(panelName).animate({opacity: "1", height: "390"}, 600).removeClass("panelClosed")
		$(".panel").not(panelName).animate({height: "31"}, 600).removeClass("panelOpen")
		$(".panel").not(panelName).addClass("panelClosed")
		//$(this).find(".subNav").fadeIn("slow");
		$(panelName).addClass("panelOpen");
		$(panelName).find(".subContentPanel:first").slideDown("slow"); //default subContentPanel open on load
		$("li").removeClass("active")
		$(panelName).find("li:first").addClass("active");
		//reset panel slides
		$("a").removeClass("current");
		$(panelName).find("a:first").addClass("current");
		$("#maskedContentInfusion").animate({left: "0"}, 500);
		$("#maskedContentAction").animate({left: "0"}, 500);
		$("#maskedContent").animate({left: "0"}, 500);
		leftPos = 0;
		leftPosAction = 0;
		leftPosinfusion = 0;
		kidSection = "top";
	return false;			
	});	
 
 $("#header").click(function() //logo click for windows IE
		{
		
		//track panel click with google analytics
		var varSelection = String($(this).attr("id"));
		varSelection = varSelection.replace(/^\s+|\s+$/g, '') ;
		pageTracker._trackPageview("/homepage");
			
		$("#infusionWellness").animate({height: "0"}, 600)
		//$(".kid").slideDown("slow");
		$(".subContentPanel").hide("fast");
		$("#header").animate({opacity: "1", height: "390"}, 600)
		$(".panel").animate({height: "31"}, 600).removeClass("panelOpen")	;
		kidSection = "all";
		return false;							
		});
 
 $("#logoBug").click(function(){  //panel div click	
							  
		//track panel click with google analytics
		//var varSelection = String($(this).attr("id"));
		//varSelection = varSelection.replace(/^\s+|\s+$/g, '') ;
		//pageTracker._trackPageview("/infusionWellness");
							  
		//hide kids animation on lower row
		$("#kid4").stop();
		$("#kid5").stop();
		$("#kid6").stop();
		$("#kid7").stop();
						   
		//$(".subNav").hide("fast");
		$(".kid").slideUp("slow");
		$(".subContentPanel").hide("fast");
		$("#header").animate({height: "146"}, 600);
		
		$(".panel").animate({height: "31"}, 600).removeClass("panelOpen");
		$(".panel").addClass("panelClosed");
		$("#infusionWellness").animate({opacity: "1", height: "390"}, 600);
		$("#infusionWellness").addClass("panelOpen");
		$("#infusionWellness").find(".subContentPanel:first").slideDown("slow"); //default subContentPanel open on load
		$("#infusionWellness").find("a:first").addClass("current");
		$("#infusionWellness").show(); 
		kidSection = "top";
	return false;			
	});
 
 
 //$("li").click(function(){
//	
//		$("li").removeClass("active")
//		$(this).addClass("active")
//		//alert($(this).text());   //VERY handy debugger
//		//detect which li clicked, and clean up string. IE adds a space. Bastards.
//		var varSelection = String($(this).text());
//		varSelection = varSelection.replace(/^\s+|\s+$/g, '') ;
//		//alert(varSelection);
//		$(".subContentPanel").fadeOut("slow");
//		//alert($(this).parent().find(".subContentPanel").text());
//		
//		switch(varSelection)
//		{
//		case "How to Help":		
//		$("#HowtoHelp").fadeIn("slow");
//		break;
//		case "Packing List":		
//		$("#PackingList").fadeIn("slow");
//		break;
//		default :
//		$("#" + varSelection + "").fadeIn("slow");
//		break;
//		}
//	return false;
//	});


// $("a").click(function(){
//		var varSelection = String($(this).text());
//		varSelection = varSelection.replace(/^\s+|\s+$/g, '') ;
//		alert(varSelection);
//	return false;
//	});
 
	

$(function() {
    setInterval( "kidSwitch()", 6000 ); //6000
});		 
  
}); //jQuery END

 var kidSection = "all"; //animate all kids
 var kidCounter = 0;
 function kidSwitch() {
    kidCounter += 1;
	//alert(kidSection);
	if(kidSection == "all")
	{
			if(kidCounter==15){kidCounter=1;}
			//alert(kidCounter);
			switch(kidCounter)
			{
			case 1:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/1.jpg)" });
			$("#kid6").fadeOut(5000);
			break;
			case 2:
			$("#kid4").fadeIn(10000, function() {$("#kid4").fadeOut(5000);});
			$("#kid4").css({'background-image' : "url(images/kids/2.jpg)" });
			break;
			case 3:
			$("#kid7").fadeIn(10000, function() {$("#kid7").fadeOut(5000);});
			$("#kid7").css({'background-image' : "url(images/kids/3.jpg)" });
			$("#kid2").fadeOut(5000);
			break;
			case 4:
			$("#kid1").fadeIn(10000, function() {$("#kid1").fadeOut(5000);});
			$("#kid1").css({'background-image' : "url(images/kids/logo.png)" });
			break;
			case 5:
			$("#kid5").fadeIn(10000, function() {$("#kid5").fadeOut(5000);});
			$("#kid5").css({'background-image' : "url(images/kids/6.jpg)" });
			$("#kid6").fadeIn(10000, function() {$("#kid6").fadeOut(5000);});
			$("#kid6").css({'background-image' : "url(images/kids/13.jpg)" });
			break;
			case 6:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/5.jpg)" });
			break;
			case 7:
			$("#kid6").fadeIn(10000, function() {$("#kid6").fadeOut(5000);});
			$("#kid6").css({'background-image' : "url(images/kids/7.jpg)" });
			
			break;
			// cycle 2
			case 8:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/1.jpg)" });
			break;
			case 9:
			$("#kid4").fadeIn(10000, function() {$("#kid4").fadeOut(5000);});
			$("#kid4").css({'background-image' : "url(images/kids/11.jpg)" });
			break;
			case 10:
			$("#kid7").fadeIn(10000, function() {$("#kid7").fadeOut(5000);});
			$("#kid7").css({'background-image' : "url(images/kids/14.jpg)" });
			break;
			case 11:
			$("#kid1").fadeIn(10000, function() {$("#kid1").fadeOut(5000);});
			$("#kid1").css({'background-image' : "url(images/kids/4.jpg)" });
			break;
			case 12:
			$("#kid5").fadeIn(10000, function() {$("#kid5").fadeOut(5000);});
			$("#kid5").css({'background-image' : "url(images/kids/12.jpg)" });
			break;
			case 13:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/5.jpg)" });
			break;
			case 14:
			$("#kid6").fadeIn(10000, function() {$("#kid6").fadeOut(5000);});
			$("#kid6").css({'background-image' : "url(images/kids/13.jpg)" });
			break;
			}
	}
	else
		{
			if(kidCounter==15){kidCounter=1;}
			//alert(kidCounter);
			switch(kidCounter)
			{
			case 1:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/1.jpg)" });
			break;
			case 2:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/4.jpg)" });
			break;
			case 3:
			$("#kid1").fadeIn(10000, function() {$("#kid1").fadeOut(5000);});
			$("#kid1").css({'background-image' : "url(images/kids/5.jpg)" });
			break;
			case 4:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/logo.png)" });
			break;
			case 5:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/8.jpg)" });
			break;
			case 6:
			$("#kid1").fadeIn(10000, function() {$("#kid1").fadeOut(5000);});
			$("#kid1").css({'background-image' : "url(images/kids/9.jpg)" });
			break;
			case 7:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/10.jpg)" });
			break;
			// cycle 2
			case 8:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/15.jpg)" });
			break;
			case 9:
			$("#kid1").fadeIn(10000, function() {$("#kid1").fadeOut(5000);});
			$("#kid1").css({'background-image' : "url(images/kids/16.jpg)" });
			break;
			case 10:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/17.jpg)" });
			break;
			case 11:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/18.jpg)" });
			break;
			case 12:
			$("#kid1").fadeIn(10000, function() {$("#kid1").fadeOut(5000);});
			$("#kid1").css({'background-image' : "url(images/kids/19.jpg)" });
			break;
			case 13:
			$("#kid2").fadeIn(10000, function() {$("#kid2").fadeOut(5000);});
			$("#kid2").css({'background-image' : "url(images/kids/20.jpg)" });
			break;
			case 14:
			$("#kid3").fadeIn(10000, function() {$("#kid3").fadeOut(5000);});
			$("#kid3").css({'background-image' : "url(images/kids/21.jpg)" });
			break;
			}
	}
}