$(document).ready(function() {
///////////////////////////////////////
// toggle the main who
	$(".whoMainBut").toggle(function(){		
		$(this).html("<img src=images/t.gif alt= />More about us");
		$(this).toggleClass("minus plus");
		$(".whoInner").slideUp(800);
		},
		function(){
		$(this).html("<img src=images/t.gif alt= />Less about us");
		$(this).toggleClass("plus minus");
		$(".whoInner").slideDown(800, function(){
			$(".whoText, .whoWorks").css({"display":"none"});
			//$(".whoInner").next("div").css({"display":"none"});	
			$("#who01").css({"display":"block"});	
			
		});		
		return false;
	});
	

	
	
	
	
//Close step 1 and open person text
	$("#who01 li .greyLink").click(function () {
		var num = $(this).attr("rel");
		$("#who01").slideUp(800, 
			function() {
				$('div[id="' + num + '"]').slideDown(800);
			});
		return false;
	});
//Close person text and open step 1
	$(".whoText .back").click(function () {
		$(this).parents(".whoText").slideUp(800, 
			function() {
				$("#who01").slideDown(800);
			});
		return false;
	});
//Close text and open works
	$(".whoText .works").click(function () {
		var num = $(this).attr("rel");
		$(this).parents(".whoText").slideUp(800, 
			function() {
				$('div[id="' + num + '"]').slideDown(800);
			});
		return false;
	});
//Close works and open text
	$(".whoWorks .textBut").click(function () {
		var num = $(this).attr("rel");
		$(this).parents(".whoWorks").slideUp(800, 
			function() {
				$('div[id="' + num + '"]').slideDown(800);
			});
		return false;
	});
//Close works and open step 1
	$(".whoWorks .back").click(function () {
		$(this).parents(".whoWorks").slideUp(800, 
			function() {
				$("#who01").slideDown(800);
			});
		return false;
	});

$(".scrollable").scrollable().navigator({indexed: true});
////////////////////////////////////////////
// toggle the whatMainBut
	$(".whatMainBut").toggle(function(){
		$(this).html("<img src=images/t.gif alt= />OK, got it");
		$(this).toggleClass("plus minus");
		$(".what").slideDown(800);	
		},
		function(){
		$(this).html("<img src=images/t.gif alt= />How, you ask?");
		$(this).toggleClass("minus plus");
		$(".what").slideUp(800,function(){
			$(".what .faq dt").removeClass("open");
			$(".what .faq dd").css({"display":"none"});			
		});	
		return false;
	});




// toggle the whatMainBut2
	$(".whatMainBut2").toggle(function(){
		$(this).html("<img src=images/t.gif alt= />OK, Let’s say we’ve read everything");
		$(this).toggleClass("plus minus");
		$(".what2").slideDown(800);	
		},
		function(){
		$(this).html("<img src=images/t.gif alt= />Well now, this is interesting!");
		$(this).toggleClass("minus plus");
		$(".what2").slideUp(800,function(){
			$(".what2 .faq dt").removeClass("open");
			$(".what2 .faq dd").css({"display":"none"});			
		});	
		return false;
	});

// toggle the faq dd
	$(".faq dt").click(function(){
		$(this).toggleClass("open");
		$(this).next("dd").slideToggle(400)
	});
/////////////////////////////////////////////////////////
var uCheckStatus = 2;
var uCheckCount = 0;



// toggle the uCheckBut
	$(".uCheckBut").toggle(function(){
		$(this).html("<img src=images/t.gif alt= />OK, we’ve decided");
		$(this).toggleClass("plus minus");
		$(".uCheckMain").slideDown(800);
		},
		function(){
		$(this).html("<img src=images/t.gif alt= />You indecisive little bastards you");
		$(this).toggleClass("minus plus");
		$(".uCheckMain").slideUp(800, function(){
			$(".uCheck2, .uCheck3").css({"display":"none"});
			$(".uCheck1").css({"display":"block"});	
			$(".uCheckMain .td3 span").removeClass("on")
		});
		uCheckStatus = 2;
		return false;
	});
	
//toggle the buttons state	
	$(".td3 span").click(function(){
	var parrentTd = $(this).parent(".td3");
		$(parrentTd).find("span").removeClass("on");
		$(this).addClass("on");
	});
	
//.uCheck1 .next
	$(".uCheck1 .prev").click(function(){
		uCheckCount = $(".uCheckMain .td3 span").filter(".on").length;
		if(uCheckCount == 5)
			{
				$(".uCheck1").slideUp(800);
				$(".uCheck2").slideDown(800);
			}
		else{
				$(".wtf").slideDown(400);
			}
		return false;
	});
//.uCheck2 .next	
	$(".uCheck2 .prev").click(function(){
		uCheckCount = $(".uCheckMain .td3 span").filter(".on").length;
		if(uCheckCount != 10)
			{
				$(".wtf").slideDown(400);
			}
		else if($(".uCheckMain .td3 span").filter(".yes.on").length >= 1)
			{
				$(".uCheckYes").slideDown(800);
				$(".uCheck2").slideUp(800);
			}
		else
			{
				$(".uCheckNo").slideDown(800);
				$(".uCheck2").slideUp(800);
			}
		return false;
	});
	$(".uCheck2 .next").click(function(){
		$(".uCheck2").slideUp(800);
		$(".uCheck1").slideDown(800);
		return false;
	});
//Open the correct Check answer
	
	$(".td3 .yes").click(function(){uCheckStatus = 1;});
	$(".td3 .no").click(function(){uCheckStatus = 0;});
	
	$(".uCheckNo .redo").click(function(){
		uCheckStatus = 2;
		$(".td3 span").removeClass("on");
		$(".uCheckNo").slideUp(800);
		$(".uCheck1").slideDown(800);
		return false;
	});
	
	$(".wtf").click(function(){
		$(this).slideUp(400);	
	});
	
	
//merchandise


	$(".merchandiseBut").toggle(function(){
		$(this).html("<img src=images/t.gif alt= />Maybe after that Cannes Lions bonus");
		$(this).toggleClass("plus minus");
		$(".merchandise").slideDown(800);		
		},
		function(){
		$(this).html("<img src=images/t.gif alt= />You know you want it");
		$(this).toggleClass("minus plus");
		$(".merchandise").slideUp(800,function(){
			$(".merchandiseItem").css({"display":"none"});
			$("#merchandiseTee").css({"display":"block"});
			$(".merchandise nav a").addClass("hot");
			$(".merchandise nav a[rel=merchandiseTee]").removeClass("hot");
		});		
		return false;
	});
//
	$(".merchandise nav a").click(function () {
		var num = $(this).attr("rel");
		$(".merchandiseItem").slideUp(800);
		$(".merchandise nav a").addClass("hot");
		$('div[id="' + num + '"]').slideDown(800);
		$(this).removeClass("hot");
		return false;
	});
//sorry
	$(".sorry b").click(function () {
		$(".sorry").slideUp(200);
	});

	$(".sorryBut").click(function () {
		var num = $(this).attr("rel");
		$(".sorry").show();
		$(".sorry p span").html(num);
		return false;
	});






});