var ultimo='';

// SLIDE JQUERY
$(function(){
	
	ultimo = $("#ultimoSlide").val()-2;
	
	$('#slide > div > img').css({
		position:"absolute",
		zIndex:1,
		width:'410px',
		height:'237px',
		display:'block',
		margin:'10px 0 0 475px',
		cursor:'pointer'
	});
	
	$('#slide > div > img:last').css({
		margin:'10px 0 0 95px'
	});
	
	$('#slide > div > img:first').css({
		position:"absolute",
		margin:'0px 0 0 239px',
		zIndex:3,
		height:'295px',
		width:'510px'
	});
	
	$('#slide_'+getNext()).css({
		zIndex:2
	});
	
	//if(ultimo==0) alert("hay solo 1 imagen");
	//if(ultimo==1) alert("hay solo 2 imagenes");
	//if(ultimo==2) alert("hay solo 3 imagenes");
	//if(ultimo==3) alert("hay solo 4 imagenes");
	//if(ultimo>3) alert("hay mas de 4, funcionamiento normal");
	
	/*if(ultimo==0) { //una sola
		$("#slide_left").hide();
		$("#slide_right").hide();
	}
	if(ultimo==1) {//dos
		//alert("Solo hay seleccionadas dos imagenes, el slider no va a funcionar correctamente!");
	}
	if(ultimo==2) {//tres
	
	}
	
	if(ultimo>=3) {//cuatro o mas de cuatro*/
		$('#slide_left').click(function(e){
			e.preventDefault();
			prevSlide();
		});
		
		$('#slide_right').click(function(e){
			e.preventDefault();
			nextSlide();
		});
	/*}*/

});

var actual = 1;
var sliding = false;
var t;

t = setTimeout('nextSlide()',10000);

function nextSlide(){
	clearTimeout(t);
	if(sliding) return;
	sliding = true;


	$('#slide_'+getNext()).css({
		marginTop:'10px',
		marginLeft:'475px'
	});
	$('#slide_'+actual).animate({
		width:'410px',
		height:'237px',
		marginTop:'10px',
		marginLeft:'95px'
	},200,function(){
		$('#slide_'+actual).css({
			zIndex:2
	  });
		$('#slide_'+getPrev()).css({
			zIndex:1
	  });
	});	
	
	setTimeout('nextSlide_up()',200);
	t = setTimeout('nextSlide()',10000);
}

// CYCLE FUNCTIONS
function prevSlide(){
	clearTimeout(t);
	if(sliding) return;
	sliding = true;
	
	$('#slide_'+getPrev()).css({
		marginTop:'10px',
		marginLeft:'95px'
	});
	$('#slide_'+actual).animate({
		width:'410px',
height:'237px',
		marginTop:'10px',
		marginLeft:'475px'
	},200,function(){
		$('#slide_'+actual).css({
			zIndex:2
	  });
		$('#slide_'+getNext()).css({
			zIndex:1
	  });
	});
	setTimeout('prevSlide_up()',200);
	t = setTimeout('nextSlide()',10000);
}

function nextSlide_up(){
	$('#slide_'+getNext()).css({
		zIndex:3
	});
	$('#slide_'+getNext2()).css({
		zIndex:2,
		marginTop:'10px',
		marginLeft:'475px'
	});
	
	$('#slide_'+getNext()).animate({
		width:'510px',
		height:'295px',
		marginTop:'0',
		marginLeft:'239px'
	},function(){
		$('#slide_'+actual).css({
			zIndex:2
	  });
		$('#slide_'+getNext()).css({
			zIndex:3
	  });
		actual = getNext();
		sliding = false;
	});

}

function prevSlide_up(){
	$('#slide_'+getPrev()).css({
		zIndex:3
	});
	$('#slide_'+getPrev2()).css({
		zIndex:2,
		marginTop:'10px',
		marginLeft:'95px'
	});
	
	$('#slide_'+getPrev()).animate({
		width:'510px',
		height:'295px',
		marginTop:'0',
		marginLeft:'239px'
	},function(){
		actual = getPrev();
		prox = null;
		sliding = false;
	});
}

function getNext(){
	ultimo = $("#ultimoSlide").val()-1;
	
	if(actual == ultimo){
		return 1;
	}else{
		return actual + 1;
	}
}

function getNext2(){
	var s = actual;
	ultimo = $("#ultimoSlide").val()-1;
	if(actual == (ultimo-1) || actual == ultimo){
		s -= ultimo;
	}
	return s + 2;
}

function getPrev(){
	ultimo = $("#ultimoSlide").val()-1;
	if(actual == 1){
		return ultimo;
	}else{
		return actual - 1;
	}
}

function getPrev2(){
	ultimo = $("#ultimoSlide").val()-1;
	var s = actual;
	if(actual == 1 || actual == 2){
		s += ultimo;
	}
	return s - 2;
}