function log(obj) {
	if (window.console && window.console.log)
		window.console.log(obj);
};



function serenaAnimationOne() {
	$("#serena-tennis").animate({top: '0' }, {queue:false, duration:700, easing:'easeOutCubic'});
	$("#bg-bar").animate({bottom: '0' }, {queue:false, duration:700, easing:'easeOutCubic'});
	$("#lady").animate({left: '30px', top: '10px' }, {queue:false, duration:700, easing:'easeOutCubic'});
	setTimeout("serenaAnimationTwo()",1000);
}
function serenaAnimationTwo() {
	$("#hd").fadeIn("slow").animate({left: '503px', top: '25px' }, {queue:false, duration:1000, easing:'easeOutElastic'});
	$("#cta-watch").fadeIn("slow");
	$("#serena-copy").fadeIn("slow");
	$("#cta-tryit").fadeIn("slow");
	$("#tennis-ball").fadeIn("fast").animate({left: '315px', top: '75px' }, {queue:false, duration:700, easing:'easeOutCubic'});
}
// beauty favs animation
function beautyfavsAnimationOne(){
       pageTracker._trackEvent('click','homepage/centerstage','training-camp_view');
	$("#beautyfavs").fadeIn(1500);
	//setTimeout("pearlAnimationTwo()",1000); 
}
function claraAnimationOne(){
    pageTracker._trackEvent('click','homepage/centerstage','clara/see_how_it_works');
	$("#clara").fadeIn(1500);
	//setTimeout("pearlAnimationTwo()",1000); 
}
function pearlAnimationOne(){
	$("#hd-one").fadeIn(1500);
	setTimeout("pearlAnimationTwo()",1000); 
}
function pearlAnimationTwo() {
	$("#hd-two").fadeIn(1500);
	setTimeout("pearlAnimationThree()",1000);
}
function pearlAnimationThree() {
	$("#pearl-copy").fadeIn(1500);
	$("#pearls:not(:visible)").fadeIn(1500);
	$("#tryit").fadeIn(1500);
}
function downpourAnimationOne() {
	//pageTracker._trackPageview('click/centerstage/betty/try_it_free');
	pageTracker._trackEvent('click','centerstage','view_review');
	$("#downpour-rain").animate({top: '0'}, {queue:false, duration:4500, easing:'easeInSine'});
	setTimeout("downpourAnimationTwo()",2000);
}
function downpourAnimationTwo() {
	$("#downpour-mothernature2").fadeIn(250);
	$("#downpour-ribbon2").fadeIn(250);
	$("#downpour-mothernature1").fadeOut(250);
	$("#downpour-ribbon1").fadeOut(250);
	setTimeout("downpourAnimationThree()",2000);
}
function downpourAnimationThree() {
	$("#downpour-final").fadeIn("slow");
	setTimeout("downpourAnimationFour()",1000);
}
function downpourAnimationFour() {
	$("#downpour-tryitfree").fadeIn("slow").hover(
	      function () {
	        $(this).find("img").attr("src","/App_Themes/themeTampax/Images/en-US/home/downpour/downpour-tryitfree-hover.gif");
	      }, 
	      function () {
	        $(this).find("img").attr("src","/App_Themes/themeTampax/Images/en-US/home/downpour/downpour-tryitfree-static.gif");
	      }
	    );
	//pageTracker._trackPageview('click/centerstage/betty/end');
	pageTracker._trackEvent('click','centerstage','view_review');
}

$(document).ready(function() {
	
	//pageTracker._trackEvent('click','home','truth_be_told_view');
	if($.browser.msie && $.browser.version=="6.0") { var ie6 = true; };
	if ($.browser.mozilla && (parseFloat($.browser.version) < 1.9)) { var ff2 = true; };
	
	
	var $slideholder = $('#centerstage-panels');
	var slideCount = $slideholder.children().length;
	var cycleFX = "fade";
	if ($.browser.msie && $.browser.version.substr(0,1)<7) { cycleFX = "none"; }
	
    $slideholder.cycle({
		pause: 1, // pause on hover
		pager: "#centerstage-control",
//		autostop: 1,
//		autostopCount: slideCount + 1,
//		end: cyclePause,
		pagerClick: cyclePause,
		before: cycleBefore,
		fx: cycleFX,
		timeout: 9000,
		speed: 700
	});

	function cycleBefore(currSlideElement, nextSlideElement, options, forwardFlag) {
			initAnimations(nextSlideElement.id);
	};
	function cyclePause(zeroBasedSlideIndex, slideElement) {
		$('#centerstage-panels').cycle('pause');
	};
	
	
	function initAnimations(slideid){			
		switch (slideid) {
			case 'serena':
			    setTimeout("serenaAnimationOne()", 1000);
				$("#centerstage-product2").hide();
			    $("#centerstage-product").hide();
				$("#centerstage-beautyfavs").hide();
				$("#centerstage-clara").hide();
			    $("#centerstage-product1").show();
				
			  break;
			case 'clara':
				setTimeout("claraAnimationOne()",1000);
				$("#centerstage-product1").hide();
			    $("#centerstage-product").hide();
				$("#centerstage-product2").hide();
				$("#centerstage-beautyfavs").hide();
				$("#centerstage-clara").show();
			  break;
			case 'pearl':
			    setTimeout("pearlAnimationOne()", 1000);
				$("#centerstage-product2").hide();
			    $("#centerstage-product1").hide();
				$("#centerstage-beautyfavs").hide();
				$("#centerstage-clara").hide();
			    $("#centerstage-product").show();
			  break;
			case 'downpour':
				setTimeout("downpourAnimationOne()",1000);
				$("#centerstage-product1").hide();
			    $("#centerstage-product").hide();
				$("#centerstage-beautyfavs").hide();
				$("#centerstage-clara").hide();
				$("#centerstage-product2").show();
			  break;
			case 'beautyfavs':
				setTimeout("beautyfavsAnimationOne()",1000);
				$("#centerstage-product1").hide();
			    $("#centerstage-product").hide();
				$("#centerstage-product2").hide();
				$("#centerstage-clara").hide();
				$("#centerstage-beautyfavs").show();
			  break;
			default:
			  return;
		}
	}
	
	
	if (!ff2){ // do not open link in fancybox because FF2 does not the swf file properly
		// serna video ifram link
		$("#cta-watch a").fancybox({
			'overlayShow': true,
			'frameWidth': 500,
			'frameHeight': 585,
			'padding': 0,
			'overlayOpacity': .6,
			'overlayColor': '#000'
		});
	}
		

	// More about popups
		$('.pearl').each(function () {
		    var distance = 10;
		    var time = 500;
		    var hideDelay = 150;
		    var hideDelayTimer = null;
		    var beingShown = false;
		    var shown = false;
		    var trigger = $('a.trigger', this);
		    var info = $('span', this).css('opacity', 0);
			var triggerIMG = $('.pearlIMG', this);
			var offIMG = "/App_Themes/themeTampax/Images/en-US/home/pearl/pearl-off.png"
			var onIMG = "/App_Themes/themeTampax/Images/en-US/home/pearl/pearl-on.png"
			
		    $([trigger.get(0), info.get(0)]).mouseover(function () {
		        if (hideDelayTimer) clearTimeout(hideDelayTimer);
		        if (beingShown || shown) {
		            // don't trigger the animation again
		            return;
		        } else {
		            // reset position of info box
		            beingShown = true;
					if (!ie6) {	triggerIMG.attr("src", onIMG); }
		           	info.css({
		                bottom: 20,
		                display: 'block'
		            }).animate({
		                bottom: '+=' + distance + 'px',
		                opacity: 1
		            }, time, 'swing', function() {
		                beingShown = false;
		                shown = true;
		            });
					var track = trigger.attr("track");
		        }
		        return false;
		    }).mouseout(function () {
		        if (hideDelayTimer) clearTimeout(hideDelayTimer);
		        hideDelayTimer = setTimeout(function () {
					if (!ie6) {	triggerIMG.attr("src", offIMG);	}
		            hideDelayTimer = null;
		            info.animate({
		                bottom: '-=' + distance + 'px',
		                opacity: 0
		            }, time, 'swing', function () {
		                shown = false;
		                info.css('display', 'none');
		            });
		        }, hideDelay);
		        return false;
		    });
		});

});