var blocked=false;

//Variable necesaria para la navegación por fotos con teclas
var navDisabled = false;

function pic_next(){
	$("#the_pic").click(function(){
		window.location.href=$("#pic_next").attr("href");
		return false;
	});
}

function clean_next(){
	var ul=$(this).parent("ul");
	ul.children(".first").remove();
	ul.children(".left").attr("class","first");
	ul.children(".right").attr("class","left");
	ul.children(".last").attr("class","right");
	ul.children(".right").after('<li class="last"><a href=""><img src="http://es.trendtation.local.com/public/img/pic.default.120.gif" /></a></li>');
	blocked=false;
}

function clean_prev(){
	var ul=$(this).parent("ul");
	var params=new Array();
	params=ul.attr("name").split(",");
	ul.children(".last").remove();
	ul.children(".right").attr("class","last");
	ul.children(".left").attr("class","right");
	ul.children(".first").attr("class","left");
	ul.children(".left").before('<li class="first"><a href=""><img src="http://es.trendtation.local.com/public/img/pic.default.120.gif" /></a></li>');
	blocked=false;
}

function slide_next(li){
	li.animate({marginLeft:'-109px'},"normal",clean_next);
}

function slide_prev(li){
	li.animate({marginLeft:'0'},"normal",clean_prev);
}

function pic_box(){
	var next=0;
	var previous=0;
	
	$(".photobox").children(".next").click(function(){
		if(!blocked){
			blocked=true;
			var box=$(this).parent(".photobox");
			var ul=box.children(".thumbnails").children("ul");
			var params=new Array();
			params=ul.attr("name").split(",");
			var pos=parseInt(params[4])+parseInt(params[6])+previous;
			var total=parseInt(params[5]);
			previous=0;
			if(pos<total){
				ajaxLoad("photo", {"action":"next",t:params[0],"id":params[1],"id_pic":params[3]}, ul.children(".last"), 'w', function(data){
                //$.post("/?ct=axNavegacionLooks",{t:params[0],id:params[1],idL:params[3],acc:'s'},function(data){
					//ul.children(".last").html(data);
					var n_id = ul.children(".last").children().attr("id");
					var n_pos=pos+1;
					ul.attr("name",params[0]+","+params[1]+","+params[3]+","+n_id+","+n_pos+","+params[5]+",0");
					slide_next(ul.children(".left"));
					next=1;
					if(n_pos>=total)box.children(".next").addClass("disabled");
					box.children(".previous").removeClass("disabled");
				});
			}else{
				blocked=false;
			}
		}
	});

	$(".photobox").children(".previous").click(function(){
		if(!blocked){
			blocked=true;
			var box=$(this).parent(".photobox");
			var ul=box.children(".thumbnails").children("ul");
			var params=new Array();
			params=ul.attr("name").split(",");
			var pos=parseInt(params[4])-parseInt(params[6])-next;
			var total=parseInt(params[5]);
			next=0;
			if(pos>1){
				ajaxLoad("photo", {"action":"previous",t:params[0],"id":params[1],"id_pic":params[2]}, ul.children(".first"), 'w', function(data){
                //$.post("/?ct=axNavegacionLooks",{t:params[0],id:params[1],idL:params[2],acc:'a'},function(data){
					//ul.children(".first").html(data);
					var n_id = ul.children(".first").children().attr("id");
					var n_pos=pos-1;
					ul.attr("name",params[0]+","+params[1]+","+n_id+","+params[2]+","+n_pos+","+params[5]+",0");
					slide_prev(ul.children(".first"));
					previous=1;
					if(n_pos<=1)box.children(".previous").addClass("disabled");
					box.children(".next").removeClass("disabled");
				});
			}else{
				blocked=false;
			}
		}
	});
}

function pic_arrow_nav(){
	$("textarea,input").focus (function ()
	{
		navDisabled = true;
	});
	
	$("textarea,input").blur (function ()
	{
		navDisabled = false;
	});
	
	function checkKey(e){
		if (!navDisabled)
		{
		     switch (e.keyCode) {
		        case 37:
		            window.location.href=$("#pic_prev").attr("href");
		            break;
		        case 39:
		            window.location.href=$("#pic_next").attr("href");
		            break;
			}      
		}
	}
	
	if ($.browser.mozilla) {
	    $(document).keypress (checkKey);
	} else {
	    $(document).keydown (checkKey);
	}
}

function pic_love () {
	var votes = $('#pic_count_loved').text();

	$('#pic_love').mouseover(function () {
		$('#pic_count_loved').text('+1');
	});
	
	$('#pic_love').mouseout(function () {
        $('#pic_count_loved').text(votes);
	});

	if ($('#dashboard_signup').length > 0) {
		var href = $('#dashboard_signup').attr('href');
		var start = href.indexOf("sut_s=") + 6;
		var end = href.indexOf("&", start);
		var cv_section = href.substring(start, end);
	} else {
		var cv_section = "undefined";		
	}
	
	$('#pic_love').click(function () {
		var params = new Array();
		params = $(this).attr('name').split(",");
		if (params[1] == 1) {
			$(this).parent('div').slideUp('fast');
			votes++;
			$('#pic_count_loved').text(votes);
			ajaxCall('likeit', {'action':'like', 'id':params[0]});    
		} else {
			$("#messages").css("top", getPageScroll()[1]);
			$("#messages").show();

			ajaxLoad("addHTML", {"block":"pic_vote","cv_section":cv_section}, $("#messages"), 'w', function(){
				$("#msg_pic_vote").slideDown("fast");		
			});		
		}
		return false;
	});	
}

function pic_init (pic_offset) {
	$('#spots .unitialized').each(function (i) {
		var pos = new Array();
			pos = $(this).attr('name').split(",");
			
		var spot_x = denormalize(pos[0],$('#the_pic').width());
		var spot_y = denormalize(pos[1],$('#the_pic').height());
		
		$(this).css('top', (Math.round(pic_offset.top + spot_y) - 18) + 'px');
		$(this).css('left',  (Math.round(pic_offset.left + spot_x) - 7) + 'px');
		
		$(this).removeClass('unitialized');
	});
	
	$('#spots .undefined').remove();
}

function pic_spot () {
	var pic_offset = $('#the_pic').offset();
	pic_init (pic_offset);
	
	$('#the_pic').mouseover(function(){
		$('#spots .spot').show();
    }).mouseout(function(){
		$('#spots .spot').hide();
    });
	
	$('#spots .spot').mouseover(function(){
		$('#spots .spot').show();
		var num = $(this).text();
		var item = $('#pic_articles').children('li:eq(' + (num - 1) + ')');
			item.addClass('current');
			$(this).addClass('current');
			$('#pic_articles li:not(.current)').fadeTo('fast', 0.30);			
			$('#spots .spot:not(.current)').fadeTo('fast', 0.30);

	}).mouseout(function(){
		$('#pic_articles li').removeClass('current');
		$('#spots .spot').removeClass('current');
		$('#pic_articles li').fadeTo('fast', 1);
		$('#spots .spot').fadeTo('fast', 1);
    });

	$('#pic_articles li').mouseover(function(){
		var num = $(this).children('.article').children('.spot').text();
		$('#spots .spot').each(function (i) {
			if ($(this).text() == num) $(this).show();
		});
    }).mouseout(function(){
		$('#spots .spot').hide();
    });
}

$(document).ready(function() {
	pic_arrow_nav();
	pic_next();
	pic_box();
	pic_love();
});

$(window).load(function () {
	pic_spot();
});