document.writeln('<style type="text/css"> #list-portfolio .trabajo .mod-txt{display: none;} </style>')

$(document).ready(function(){
	
	/*****************/
	/* CONFIGURACION */
	/*****************/
	var desplazamiento = 274; //desplazamiento de la navegacion vertical (px) 
	var velocidad_desplazamiento = 800; //velocidad desplazamiento de la navegacion vertical
	/* */
	
	var posicion = 0;
	var posicion_old = 0;
	num_fotos = $("#list-portfolio").children().length; //numero de fotos del carrusel
	$("#list-portfolio .trabajo").eq(0).children(".mod-txt").show();	
		
	//desplazar carrusel
	function desplazar_carrusel(){	
		
		$("#list-portfolio .trabajo").eq(posicion_old).children(".mod-txt").fadeOut("fast", function() {
			set_desplazamiento = -(posicion * desplazamiento);
				$("#list-portfolio").animate({
   		  			top: set_desplazamiento    
  		  		}, velocidad_desplazamiento, function() {
					$("#list-portfolio .trabajo").eq(posicion).children(".mod-txt").fadeIn("fast", function() {
																											
					});
					posicion_old = posicion;
		    });		
		});		
	}
	
	// anterior - siguiente
	$("#portfolio #btn-anterior a").click(function(){
		 //colocar = 0;
		$("#portfolio #btn-siguiente").removeClass("desactivado")

		if(posicion == 0)
		 	return false;
		 
		 posicion--;
		 if(posicion == 0)
		 	$(this).parent().addClass("desactivado") 
		 desplazar_carrusel()								  
	 	 return false;
	   });
	
	$("#portfolio #btn-siguiente a").click(function(){		 						  
		 //colocar = 0;
		 $("#portfolio #btn-anterior").removeClass("desactivado")		 
		 
		 if(posicion == num_fotos-1)
		 	return false;
		 
		 posicion++;
			 
		 if(posicion == num_fotos-1)
		 	$(this).parent().addClass("desactivado")  
			
		 desplazar_carrusel()							  
	 	 return false;
	});
});