var doc_root;
var selected_set = 0;
var image1_side;

function initLayout(docroot)
{	
	doc_root = docroot;
	
	jQuery('#clickTheCutest #cutest_tout_end').hide();
	
	jQuery('#clickTheCutest .tout p:eq(0)').hide();
	jQuery('#clickTheCutest .tout p:eq(1)').hide();
	jQuery('.score').hide();
	
	writePetImage("left");
	writePetImage("right");
	
	if(contest_closed || user_id == 0 || image_paths.length < 1) showFinalScreen(); return;
}

function vote(dir)
{	
	var index = selected_set*2;
	var index2 = selected_set*2;
	
	if(dir == "right")
	{
		image1_side = "left";
		index = index + 1;
	}else
	{
		image1_side = "right";
		index2 = index + 1;
	}
		
	var image_id = image_ids[index];
	var image2_id = image_ids[index2];

	jQuery.post("update/ctcVote", {id:module_id, image:image_id, image2:image2_id, vote:1},
    	function (response)
		{
			if (response.success == 1)
				voteComplete(response);
			else
				alert(reponse.message);
	    },
	"json");
}

function voteComplete(response)
{
	var img_one_total = response.data.image1;
	var img_two_total = response.data.image2;
	
	var total_votes = img_one_total+img_two_total;
	
	var image1percent = Math.floor((img_one_total/total_votes)*100);
	var image2percent = Math.floor((img_two_total/total_votes)*100);
	
	image1percent += "";
	image2percent += "";
	
	if(image1_side == "right")
	{
		jQuery('#clickTheCutest .leftPet .score').html("<b>"+image1percent+"</b>%");
		jQuery('#clickTheCutest .rightPet .score').html("<b>"+image2percent+"</b>%");
	}else
	{
		jQuery('#clickTheCutest .leftPet .score').html("<b>"+image2percent+"</b>%");
		jQuery(' #clickTheCutest .rightPet .score').html("<b>"+image1percent+"</b>%");
	}
	
	jQuery('#clickTheCutest .score').show();
	jQuery('#clickTheCutest .rightPet .vote').hide();
	jQuery('#clickTheCutest .leftPet .vote').hide();
	
	jQuery('#clickTheCutest .tout p:eq(0)').show();

	jQuery('#clickTheCutest').removeClass('toutSection');
	jQuery('#clickTheCutest').addClass('toutSection voted');
}

function nextPair()
{
	jQuery('#clickTheCutest .rightPet .vote').show();
	jQuery('#clickTheCutest .leftPet .vote').show();
	jQuery('#clickTheCutest .score').hide();
	
	jQuery('#clickTheCutest .tout p:eq(0)').hide();
	
	jQuery('#clickTheCutest').removeClass('toutSection voted');
	jQuery('#clickTheCutest').addClass('toutSection');
	
	selected_set++;
	
	if(selected_set*2 < image_paths.length-1)
	{
		writePetImage("left");
		writePetImage("right");
	}else
	{
		showFinalScreen();
	}
}

function showFinalScreen()
{
	jQuery("#clickTheCutest").toggle();
	
	jQuery('#clickTheCutest .tout').hide();
	jQuery('#clickTheCutest.rightPet').hide();
	jQuery('#clickTheCutest .leftPet').hide();
	jQuery('#clickTheCutest .imgcont').hide();
	jQuery('#clickTheCutest .txtcont .leftPet').hide();
	jQuery('#clickTheCutest .txtcont .rightPet').hide();
	
	jQuery('#clickTheCutest  #cutest_tout_end').show();
	
	jQuery('#clickTheCutest').removeClass('toutSection voted');
	jQuery('#clickTheCutest').addClass('toutSection end');
	
	jQuery("#clickTheCutest").toggle();
}

function writePetImage(dir)
{
	var index = selected_set*2;
	
	if(dir == "right")
		index = index + 1;
		
	var path = image_paths[index];
	var name = image_user_names[index];
	//var location = image_user_locations[index];
	var userid = image_user_ids[index];
	
	var alt = "Choose a pet";
	var tag = "<img src='"+doc_root+"/images/"+path+"' width='171' height='129' border='0' alt='"+name+"' />";
	
	if(dir == "left")
	{
		jQuery('#clickTheCutest #leftPet').html(tag); 
		jQuery('#clickTheCutest .leftPet p:eq(0) a').html(name);
		jQuery('#clickTheCutest .leftPet p:eq(0) a').attr("href", doc_root+"/meetotherpets/profile/user/"+userid); 
		//jQuery('#clickTheCutest .leftPet p:eq(1)').html(location);
	}else
	{
		jQuery('#clickTheCutest #rightPet').html(tag);
		jQuery('#clickTheCutest .rightPet p:eq(0) a').html(name); 
		jQuery('#clickTheCutest .rightPet p:eq(0) a').attr("href", doc_root+"/meetotherpets/profile/user/"+userid); 
		//jQuery('#clickTheCutest .rightPet p:eq(1)').html(location); 
	}
}