var portfolio1 = 0;
var portfolio2 = 0;

$(document).ready(function(){
	
	$("#flechaIzq").click(function(){
		$("#slider").animate({left: "0px"}, 700);
		
		return false;
	});
	
	$("#flechaDer").click(function(){
		$("#slider").animate({left: "-488px"}, 700);
		
		return false;
	});
	
	/*BIND DIGITAL*/
	
	bindSlideNext("#portfolio1 a.siguiente", "#digital .slider");
	bindSlidePrev("#portfolio1 a.anterior", "#digital .slider");
	
	/*BIND PRINT*/
	
	bindSlideNext("#portfolio2 a.siguiente", "#print .slider");
	bindSlidePrev("#portfolio2 a.anterior", "#print .slider");
	
	/*BIND WEB*/
	
	bindSlideNext("#portfolio3 a.siguiente", "#web .slider");
	bindSlidePrev("#portfolio3 a.anterior", "#web .slider");
	
	/*BIND DIGITAL CREATIVE*/
	
	bindSlideNext("#portfolio4 a.siguiente", "#digital-creative .slider");
	bindSlidePrev("#portfolio4 a.anterior", "#digital-creative .slider");
	
	/*BIND PRESS*/
	
	bindNext(".press a.siguiente", ".videos .slider");
	bindPrev(".press a.anterior", ".videos .slider");
	bindCirculos();
	
	$("a.print").click(function(){
		$("#portfolio2").css("display", "block");
		$("#portfolio1").css("display", "none");
		portfolio1 = 0;
		
		return false;
	});
	
	$("a.digital").click(function(){
		$("#portfolio1").css("display", "block");
		$("#portfolio2").css("display", "none");
		portfolio1 = 0;
		
		return false;
	});
	
	$("a.web").click(function(){
		$("#portfolio3").css("display", "block");
		$("#portfolio4").css("display", "none");
		portfolio2 = 0;
		
		return false;
	});
	
	$("a.digital-creative").click(function(){
		$("#portfolio4").css("display", "block");
		$("#portfolio3").css("display", "none");
		portfolio2 = 0;
		
		return false;
	});
	
});

function bindSlideNext(boton, slider){
	$(boton).click(function(){
		var hijos = $(slider).children().length;
		var ancho = $(slider).children(":first-child").width();
		
		if(portfolio1+1 < hijos){
			portfolio1++;
			portfolio2++;
			$(slider).animate({left: -portfolio1*ancho+"px"}, 700);
		}
		
		return false;
	});
}

function bindSlidePrev(boton, slider){
	$(boton).click(function(){
		var ancho = $(slider).children(":first-child").width();
		
		if(portfolio1 > 0){
			portfolio1--;
			portfolio2--;
			$(slider).animate({left: -portfolio1*ancho+"px"}, 700);
		}
		
		return false;
	});
}

function bindNext(boton, slider){
	$(boton).click(function(){
		var hijos = $(slider).children().length;
		var ancho = $(slider).children(":first-child").width();
		
		if(portfolio1+1 < hijos){
			portfolio1++;
			portfolio2++;
			$(slider).css({left: -portfolio1*ancho+"px"}, 700);
			$(".circulos #circulo"+portfolio1+" img").attr("src", url_base+"/view/images/circulo_a.png");
			$(".circulos #circulo"+(portfolio1+1)+" img").attr("src", url_base+"/view/images/circulo_b.png");
		}
		
		return false;
	});
}

function bindPrev(boton, slider){
	$(boton).click(function(){
		var ancho = $(slider).children(":first-child").width();
		
		if(portfolio1 > 0){
			portfolio1--;
			portfolio2--;
			$(slider).css({left: -portfolio1*ancho+"px"}, 700);
			$(".circulos #circulo"+(portfolio1+2)+" img").attr("src", url_base+"/view/images/circulo_a.png");
			$(".circulos #circulo"+(portfolio1+1)+" img").attr("src", url_base+"/view/images/circulo_b.png");
		}
		
		return false;
	});
}

function bindCirculos(){
	$(".circulos a").click(function(){
		var ancho = 654;
		var numero = $(this).attr("href");

		$(".videos .slider").css({left: -(numero-1)*ancho+"px"}, 700);
		$(".circulos img").attr("src", url_base+"/view/images/circulo_a.png");
		$(".circulos #circulo"+numero+" img").attr("src", url_base+"/view/images/circulo_b.png");
		
		return false;
	});
}