var currSlide = 0;
var slides = [slide1, slide2, slide3, slide4, slide5];
var clearSlides = [clearSlide1, clearSlide2, clearSlide3, clearSlide4, clearSlide5];
var t;
var t2;
var t3;
var t4;
var t5;
var t6;

// slide timings
var time1 = 5000
var time2 = 12000;
var time3 = 12000;
var time4 = 12000;
var time5 = 12000;

$(document).ready(function() {
	$('.arrows').animate({opacity: 0}, 0);
	$('.slide1_obj').animate({opacity: 0}, 0);
	$('.slide2_obj').css( 'left', '-1000px' );
	$('.slide3_obj').css( 'top', '-800px' );
	$(".slide4_obj").css( 'top', '-800px' );
	$(".slide4_obj").css( 'left', '100px' );
	$("#slide4_snapper_01").css( 'left', '85px' );
	$("#slide4_snapper_02").css( 'left', '180px' );
	$('#slide4_digital').animate({opacity: 0}, 0);
	$('#slide4_text').animate({opacity: 0}, 0);
	$(".slide5_obj").css( 'left', '-1000px' );
	$("#slide5_angel_tree_01").css( 'top', '45px' );
	$("#slide5_break_the_cycle_01").css( 'top', '10px' );
	$("#slide5_break_the_cycle_02").css( 'top', '20px' );
	$("#slide5_break_the_cycle_03").css( 'top', '100px' );
	$("#slide5_non_profit").css( 'left', '595px' );
	$("#slide5_text").css( 'left', '595px' );
	$('#slide5_non_profit').animate({opacity: 0}, 0);
	$('#slide5_text').animate({opacity: 0}, 0);
	$("#left_arrow").css( 'left', '0' );
	$("#right_arrow").css( 'left', '1150px' );
	showArrows();  // we only do this once on page load
	slides[0]();	
});

function slide1() {
	$('#slide1').fadeIn("slow", function() {
		// reset positions
		$('.slide1_obj').stop();
		$('.slide1_obj').animate({opacity: 0}, 0);
		$("#slide1_bkv").css( 'left', '465px' );
		$("#slide1_is_direct").css( 'left', '655px' );
		$("#slide1_almost_too_direct").css( 'left', '635px' );
		
		// begin animations
		t = setTimeout("nextSlide()",time1);
		//t2 = setTimeout("almostTooDirect()",1000);
		$('#slide1_bkv').animate({ left: 585, opacity: 1.0 }, 5500, 'linear');
		$('#slide1_is_direct').animate({ left: 545, opacity: 1.0 }, 5500, 'linear');
	});
}

function almostTooDirect() {
	clearTimeout(t2);
	$('#slide1_almost_too_direct').animate({ left: 545, opacity: 1.0 }, 5500, 'linear');
}

function clearSlide1() {
	$('#slide1').fadeOut("slow", function() {
		// reset positions
		$('.slide1_obj').stop();
		$('.slide1_obj').animate({opacity: 0}, 0);
		$("#slide1_bkv").css( 'left', '465px' );
		$("#slide1_is_direct").css( 'left', '655px' );
		$("#slide1_almost_too_direct").css( 'left', '635px');
	});
}

function slide2() {
	$('#slide2').fadeIn("slow", function() {
		// reset positions
		$('.slide2_obj').stop();
		$(".slide2_obj").css( 'left', '-1000px' );
		
		// begin animations
		t = setTimeout("nextSlide()",time2);
		$('#slide2_hd_01').animate({ opacity: 1.0}, 0);
		$('#slide2_hd_02').animate({ opacity: 1.0}, 0);
		$('#slide2_hd_01').animate({ left: 100}, 700, 'easeOutExpo');
		$('#slide2_hd_02').animate({ left: 235}, 1400, 'easeOutExpo');
		t2 = setTimeout("slide2Consumer()", 1000);
		t3 = setTimeout("slide2Text()", 1100);
		t4 = setTimeout("slide2LearnMore()", 1200);
		t6 = setTimeout("slide2RotateCarters()", 4000);
	});
}

function slide2Consumer() {
	clearTimeout(t2);
	$('#slide2_consumer').animate({ opacity: 1.0}, 0);
	$('#slide2_consumer').animate({ left: 610}, 400, 'easeOutExpo');
}

function slide2Text() {
	clearTimeout(t3);
	$('#slide2_text').animate({ opacity: 1.0}, 0);
	$('#slide2_text').animate({ left: 610}, 400, 'easeOutExpo');
}

function slide2LearnMore() {
	clearTimeout(t4);
	$('#slide2_learn_more').animate({ opacity: 1.0}, 0);
	$('#slide2_learn_more').animate({ left: 610}, 400, 'easeOutExpo');
}

function clearSlide2() {
	$('#slide2').fadeOut("slow", function() {
		// reset positions
		$('.slide2_obj').stop();
		$('.slide2_obj').css( 'left', '-1000px' );
		$('#slide2').fadeIn("fast");
	});
}


function slide2RotateCarters() {
	clearTimeout(t6);
	$('#slide2_hd_01').animate({ opacity: 0}, 700, 'easeOutExpo');
	$('#slide2_hd_02').animate({ opacity: 0}, 700, 'easeOutExpo');
	$('#slide2_carters_01').animate({ opacity: 1.0}, 0);
	$('#slide2_carters_02').animate({ opacity: 1.0}, 0);
	$('#slide2_carters_01').animate({ left: 100}, 700, 'easeOutExpo');
	$('#slide2_carters_02').animate({ left: 260}, 1400, 'easeOutExpo');
}

function slide3() {
	$('#slide3').fadeIn("slow", function() {
		// reset positions
		$('.slide3_obj').stop();
		$('.slide3_obj').css( 'top', '-800px' );
		
		// begin animations
		t = setTimeout("nextSlide()",time3);
		$('#slide3_cervilenz_01').animate({ top: 20}, 700, 'easeOutBounce');
		$('#slide3_cervilenz_02').animate({ top: 330}, 1000, 'easeOutBounce');
		t2 = setTimeout("slide3B2b()", 1000);
		t3 = setTimeout("slide3Text()", 1100);
		t4 = setTimeout("slide3LearnMore()", 1200);
		t5 = setTimeout("slide3RotateDTO()", 4000);
		t6 = setTimeout("slide3RotateArbys()", 8000);
	});
}

function slide3B2b() {
	clearTimeout(t2);
	$('#slide3_b2b').css( 'top', '95px' );
	$('#slide3_b2b').css( 'left', '120px' );
	$('#slide3_b2b').animate({ left: 610}, 700, 'easeOutExpo');
	
}

function slide3Text() {
	clearTimeout(t3);
	$('#slide3_text').css( 'top', '200px' );
	$('#slide3_text').css( 'left', '120px' );
	$('#slide3_text').animate({ left: 610}, 700, 'easeOutExpo');
}

function slide3LearnMore() {
	clearTimeout(t4);
	$('#slide3_learn_more').css( 'top', '325px' );
	$('#slide3_learn_more').css( 'left', '120px' );
	$('#slide3_learn_more').animate({ left: 610}, 700, 'easeOutExpo');
}

function slide3RotateDTO() {
	clearTimeout(t5);
	$('#slide3_cervilenz_01').animate({ top: 1000}, 700, 'easeInBack');
	$('#slide3_cervilenz_02').animate({ top: 1000}, 1000, 'easeInBack', function () {
		$('#slide3_dto_01').animate({ top: 20}, 700, 'easeOutBounce');
	});
}

function slide3RotateArbys() {
	clearTimeout(t6);
	$('#slide3_dto_01').animate({ top: 1000}, 700, 'easeInBack', function() {
		$('#slide3_arbys_01').animate({ top: 10}, 700, 'easeOutBounce');
		$('#slide3_arbys_02').animate({ top: 55}, 1000, 'easeOutBounce');
	});
}

function clearSlide3() {
	$('#slide3').fadeOut("slow", function() {
		// reset positions
		$('.slide3_obj').stop();
		$('.slide3_obj').css( 'top', '-800px' );
		$('#slide3').fadeIn("fast");
	});
}

function slide4() {
	$('#slide4').fadeIn("slow", function() {
		// reset positions
		$('.slide4_obj').stop();
		$(".slide4_obj").css('top', '-800px');
		$(".slide4_obj").css('left', '100px');
		$("#slide4_snapper_01").css( 'left', '85px' );
		$("#slide4_snapper_02").css( 'left', '180px' );
		$('#slide4_digital').animate({opacity: 0}, 0);
		$('#slide4_text').animate({opacity: 0}, 0);
		
		// begin animations
		t = setTimeout("nextSlide()",time4);
		$('#slide4_mobile_01').animate({ top: 25}, 700, 'easeOutBounce', function() {
			$("#slide4_mobile_02").css( 'top', '40px' );
			$("#slide4_mobile_03").css( 'top', '55px' );
			$("#slide4_digital").css( 'top', '125px' );
			$("#slide4_digital").css( 'left', '600px' );
			$("#slide4_text").css( 'top', '155px' );
			$("#slide4_text").css( 'left', '600px' );
			$('#slide4_mobile_02').animate({ left: 255}, 500, 'easeOutExpo');
			$('#slide4_mobile_03').animate({ left: 390}, 500, 'easeOutExpo', function() {
				$('#slide4_digital').animate({opacity: 1}, 500);
				$('#slide4_text').animate({opacity: 1}, 500);
			});
		});
		t5 = setTimeout("slide4RotateSnapper()", 4000);
		t6 = setTimeout("slide4RotatePetSafe()", 8000);
	});
}

function slide4RotateSnapper() {
	clearTimeout(t5);
	$('#slide4_mobile_02').animate({ left: 100}, 500, 'easeOutExpo');
	$('#slide4_mobile_03').animate({ left: 100}, 500, 'easeOutExpo', function() {
		$('#slide4_mobile_01').animate({ top: 1000}, 700, 'easeInBack');
		$('#slide4_mobile_02').animate({ top: 1000}, 700, 'easeInBack');
		$('#slide4_mobile_03').animate({ top: 1000}, 700, 'easeInBack', function() {
			$('#slide4_snapper_01').animate({ top: 140}, 700, 'easeOutBounce');
			$('#slide4_snapper_02').animate({ top: 25}, 1000, 'easeOutBounce');
		});
	});

}

function slide4RotatePetSafe() {
	clearTimeout(t6);
	$('#slide4_snapper_01').animate({ top: 1000}, 700, 'easeInBack');
	$('#slide4_snapper_02').animate({ top: 1000}, 1000, 'easeInBack', function() {
		$('#slide4_petsafe_01').animate({ top: 32}, 700, 'easeOutBounce');
	});
}

function clearSlide4() {
	$('#slide4').fadeOut("slow", function() {
		// reset positions
		$('.slide4_obj').stop();
		$(".slide4_obj").css( 'top', '-800px' );
		$(".slide4_obj").css( 'left', '100px' );
		$("#slide4_snapper_01").css( 'left', '85px' );
		$("#slide4_snapper_02").css( 'left', '180px' );
		$('#slide4_digital').animate({opacity: 0}, 0);
		$('#slide4_text').animate({opacity: 0}, 0);
		$('#slide4').fadeIn("fast");
	});
}

function slide5() {
	$('#slide5').fadeIn("slow", function() {
		// reset positions
		$('.slide5_obj').stop();
		$(".slide5_obj").css( 'left', '-1000px' );
		$("#slide5_angel_tree_01").css( 'top', '45px' );
		$("#slide5_break_the_cycle_01").css( 'top', '10px' );
		$("#slide5_break_the_cycle_02").css( 'top', '20px' );
		$("#slide5_break_the_cycle_03").css( 'top', '100px' );
		$("#slide5_non_profit").css( 'left', '595px' );
		$("#slide5_text").css( 'left', '595px' );
		$('#slide5_non_profit').animate({opacity: 0}, 0);
		$('#slide5_text').animate({opacity: 0}, 0);
		
		// begin animations
		t = setTimeout("nextSlide()",time5);
		$('#slide5_angel_tree_01').animate({ opacity: 1.0}, 0);
		$('#slide5_break_the_cycle_01').animate({ opacity: 1.0}, 0);
		$('#slide5_angel_tree_01').animate({ left: 80}, 700, 'easeOutExpo');
		$('#slide5_break_the_cycle_01').animate({ left: 205}, 1000, 'easeOutExpo', function() {
			$("#slide5_non_profit").css( 'left', '595px' );
			$("#slide5_text").css( 'left', '595px' );
			$('#slide5_non_profit').animate({opacity: 1}, 500);
			$('#slide5_text').animate({opacity: 1}, 500);
		});
		t5 = setTimeout("slide5RotateBreakCycle()", 4000);
	});
}

function slide5RotateBreakCycle() {
	clearTimeout(t5);
	$('#slide5_angel_tree_01').animate({ top: 1000}, 700, 'easeInBack');
	$('#slide5_break_the_cycle_01').animate({ top: 1000}, 1000, 'easeInBack', function() {
		$('#slide5_break_the_cycle_02').animate({ opacity: 1.0}, 0);
		$('#slide5_break_the_cycle_03').animate({ opacity: 1.0}, 0);
		$('#slide5_break_the_cycle_02').animate({ left: 85}, 1000, 'easeOutExpo');
		$('#slide5_break_the_cycle_03').animate({ left: 330}, 1000, 'easeOutExpo');
	});
}

function clearSlide5() {
	$('#slide5').fadeOut("slow", function() {
		// reset positions
		$('.slide5_obj').stop();
		$(".slide5_obj").css( 'left', '1000px' );
		$("#slide5_angel_tree_01").css( 'top', '45px' );
		$("#slide5_break_the_cycle_01").css( 'top', '10px' );
		$("#slide5_break_the_cycle_02").css( 'top', '20px' );
		$("#slide5_break_the_cycle_03").css( 'top', '100px' );		
		$("#slide5_non_profit").css( 'left', '595px' );
		$("#slide5_text").css( 'left', '595px' );
		$('#slide5_non_profit').animate({opacity: 0}, 0);
		$('#slide5_text').animate({opacity: 0}, 0);
		$('#slide2').fadeIn("fast");
	});
}


function showArrows() {
  	$('#left_arrow').animate({ left: 20, opacity: 1.0 }, 200, 'easeOutExpo', function() {
    	$('#right_arrow').animate({ left: 940, opacity: 1.0 }, 200, 'easeOutExpo');
  	});	
}

function nextSlide() {
	clearTimeout(t);
	clearTimeout(t2);
	clearTimeout(t3);
	clearTimeout(t4);
	clearTimeout(t5);
	clearTimeout(t6);
	if(slides.length > 1)
	{
		clearSlides[currSlide]();
		if(currSlide == slides.length - 1) {
			currSlide = 0;
		}
		else {
			currSlide++;
		}
		slides[currSlide]();
	}
}

function prevSlide() {
	clearTimeout(t);
	clearTimeout(t2);
	clearTimeout(t3);
	clearTimeout(t4);
	clearTimeout(t5);
	clearTimeout(t6);
	if(slides.length > 1)
	{
		clearSlides[currSlide]();
		if(currSlide == 0) {
			currSlide = slides.length - 1;
		}
		else {
			currSlide--;
		}
		slides[currSlide]();
	}
}

// click handlers
$('#left_arrow').click(function() {
	prevSlide();
});

$('#right_arrow').click(function() {
	nextSlide();
});

$('#slide1').click(function() {
	
});

$('#slide2').click(function() {
	window.location = "http://www.bkv.com/advertising/default.jsp";
});

$('#slide3').click(function() {
	window.location = "http://www.bkv.com/business-to-business/default.jsp";
});

$('#slide4').click(function() {
	window.location = "http://www.bkv.com/interactive/default.jsp";
});

$('#slide5').click(function() {
	window.location = "http://www.bkv.com/non-profit/default.jsp";
});
