$(document).ready(function(){
	counter = 1;
	uId = Math.floor(Math.random()*999999);
	$("#btn_whatsTheDeal_support").html('Click the button above to learn what gives them the edge.');
	$("#cardNav_prev a").css('visibility', 'hidden');
	
	var cards = new Array();
	cards[1] = "<img src='images/card1.png' alt='' />";
	cards[2] = "<img src='images/card1a.png' alt='' />";
	cards[3] = "<img src='images/card2.png' alt='' />";
	cards[4] = "<img src='images/card3.png' alt='' />";
	cards[5] = "<img src='images/card4.png' alt='' />";
	
	function flipForward(){
		if(counter <= 4){
			counter = ++counter;	
			
			if(counter==1){
				$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal.png');
				$("#btn_whatsTheDeal_support").html('Click the button above to learn what gives them the edge.');
			}
			if((counter==2) || (counter==3) || (counter==4)){
				
				$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal2.png');
				$("#btn_whatsTheDeal_support").html('');
			}
			if(counter==5){
				
				$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal3.png');
				$("#btn_whatsTheDeal_support").html('');
			}
			
			$("#cardContent").html(cards[counter]);
		
		}
		else if(counter==5){
			
			$("#cardContent").html(cards[counter]);
			counter = counter-4;
			$("#cardContent").html(cards[counter]);
			$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal.png');
			$("#cardNav_next a").css('visibility', 'visible');
		}
		
		$("#debug").val(counter);
		if(counter==1){
			$("#btn_whatsTheDeal_support").html('Click the button above to learn what gives them the edge.');
			$("#cardNav_prev a").css('visibility', 'hidden');
		}
		if((counter==2) || (counter==3) || (counter==4)){
			$("#cardNav_prev a").css('visibility', 'visible');
			$("#cardNav_next a").css('visibility', 'visible');
		}
		if(counter==5){
			$("#cardNav_next a").css('visibility', 'hidden');
		}
		return false;
	}
	
	function flipBackward(){
		if(counter <= 4){
			counter = --counter;	
			
			if(counter==1){
				$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal.png');
				$("#btn_whatsTheDeal_support").html('Click the button above to learn what gives them the edge.');
			}
			if((counter==2) || (counter==3) || (counter==4)){
				
				$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal2.png');
				$("#btn_whatsTheDeal_support").html('');
			}
			if(counter==5){
				
				$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal3.png');
				$("#btn_whatsTheDeal_support").html('');
			}
			
			$("#cardContent").html(cards[counter]);
		
		}
		else if(counter==5){
			
			$("#cardContent").html(cards[counter]);
			counter = counter-1;
			$("#cardContent").html(cards[counter]);
			$("#btn_whatsTheDeal img").attr('src', 'images/btn_whatsTheDeal.png');
		}
		
		$("#debug").val(counter);
		if(counter==1){
			$("#btn_whatsTheDeal_support").html('Click the button above to learn what gives them the edge.');
			$("#cardNav_prev a").css('visibility', 'hidden');
		}
		if((counter==2) || (counter==3) || (counter==4)){
			$("#cardNav_prev a").css('visibility', 'visible');
			$("#cardNav_next a").css('visibility', 'visible');
		}
		if(counter==5){
			$("#cardNav_next a").css('visibility', 'hidden');
		}
		return false;
	}
	
	$("#btn_whatsTheDeal a").click(function(){
		flipForward();
		urchinTracker("/fruitnaturals/roulette_lever_pulled_"+uId+"_card"+counter);
		//alert("/fruitnaturals/roulette_lever_pulled_"+uId+"_"+counter);
		return false;
	});
	
	$("#cardNav_prev a").click(function(){
		flipBackward();
		urchinTracker("/fruitnaturals/roulette_lever_pulled_"+uId+"_card"+counter);
		//alert("/fruitnaturals/roulette_lever_pulled_"+uId+"_"+counter);
		return false;
	});
	
	$("#cardNav_next a").click(function(){
		flipForward();
		urchinTracker("/fruitnaturals/roulette_lever_pulled_"+uId+"_card"+counter);
		//alert("/fruitnaturals/roulette_lever_pulled_"+uId+"_"+counter);
		return false;
	});
	
	$("#cardContent").html(cards[counter]);	
	
	
	
	
});