var ancho=0;
var totalHijos=0;
var t=0;
var tAbs=0;
var tiempo=0;
var desplazamiento;
var prop=
{
	"ancho":560,
	"vel":30,
	"avance":20,
	"slider":"list-slider",
	"totalPags":0,
	"pagAct":0,
	"idAct":""
};

var desplazamiento=prop.ancho;

$(document).ready(function()
{
	tieneHijos();
	
	$("a.prevBtn").click(function()
	{

		ladoIzq();
		
		return false;
	});
	
	$("a.nextBtn").click(function()
	{

		ladoDer();
		
		return false;
	});
	
	/*MANEJO DE BORDE SOBRE LAS IMAGENES*/
	$("#list-slider img").mouseover(function(){$(this).attr("class",""); $(this).addClass("borde2");});
	$("#list-slider img").mouseout(function(){$(this).attr("class",""); $(this).addClass("borde1");});
		
	$("#list-slider div div").click(function()
	{
		/*REMUEVO LAS CLASES ANTERIORES */
		$("#list-slider div div").removeClass("slide-act");
		/*PONGO LA FLECHITA EN EL QUE DEN CLICK*/
		$(this).addClass("slide-act");
		
		
		var idA=$(this).attr("id").split("_");
		var idslider=idA[1];
		prop.idAct=idslider;
		/*PARA PONER TODAS LAS IMAGENES Y TEXTOS OCULTOS EN LA PARTE PRINCIPAL DEL SPLAHS*/
		$("div.slide-image").css("display","none");
		/*MOSTRAR SOLO EL INVOCADO POR EL SLIDER DE ABAJO*/
		$("#top_"+idslider).css("display","block");
		
	});
	
});





function tieneHijos()
{
	element=$("#"+prop.slider);
	totalHijos=$(element).children().length;
	
	prop.totalPags=totalHijos;
	
	if(totalHijos>1)
	{
		colocaPropiedades(element,totalHijos);
	}
}

function colocaPropiedades(div,hijos)
{
	ancho=prop.ancho*hijos;
	$(div).css("width",ancho);
	$(div).css("margin-left","0px");
	$("a.prevBtn").show("slow");	
}

function ladoDer()
{
	
	var desplazamientoPx2=$("#"+prop.slider).css("margin-left");
	desplazamiento=desplazamientoPx2.split("px");
	desplazamiento=Math.abs(desplazamiento[0]);
	
	t=desplazamiento;
	
	var hijos=$("#"+prop.slider).children().length;
	
	desplazamiento-=prop.ancho;
	ancho=prop.ancho*hijos;
	
	//alert(desplazamiento);
	
	
	if((ancho-(prop.ancho*2)) == desplazamiento)
	{
		$("a.prevBtn").show("slow");
	}	
	
	if( (desplazamiento+prop.ancho) >0)
	{
		//alert("t= " +t);
		//alert("desp= "+desplazamiento);
		mueveDer();
	}
	
	if(desplazamiento == 0)
	{
		$("a.nextBtn").hide();
		$("a.prevBtn").show("slow");
	}
	
}


function ladoIzq()
{
	var desplazamientoPx=$("#"+prop.slider).css("margin-left");
	desplazamiento=desplazamientoPx.split("px");
	desplazamiento=Math.abs(desplazamiento[0]);
	
	if(desplazamiento==0)
	{ 
		t=0; 
		
	}else{
			t=desplazamiento;
		}
		
	//alert("desp= "+desplazamiento);	
	
	tieneHijos($("#"+prop.slider));	
	desplazamiento+=prop.ancho;
	
	var hijos=$("#"+prop.slider).children().length;
	
	//alert(hijos);
	
	ancho=prop.ancho*hijos;
	
	//$("div.items").html("<p>Desplazamiento: "+desplazamiento+"</p><p>Ancho: "+ancho+" t= "+t+"</p>");
		
	
	if( desplazamiento>0)
	{
		$("a.nextBtn").show("slow");
	}		
		
	if( desplazamiento < ancho)
	{
		mueveIzq();
	}
	
	if(desplazamiento == (ancho-prop.ancho))
	{
		$("a.prevBtn").hide();
		$("a.nextBtn").show("slow");
	}
	
}


function mueveDer()
{
	
	t-=prop.avance;
	/*
	alert("t= " +t);
	alert("desplazamiento= " +desplazamiento);
	*/
	
	if( t >= desplazamiento)
	{
		
		tiempo=setTimeout(function()
		{
			mueveDer();
		},prop.vel);
		

		$("#"+prop.slider).css("margin-left","-"+t+"px");
	}
	
}

function mueveIzq()
{

	t+=prop.avance;
	if(t<=desplazamiento)
	{
		tiempo=setTimeout(function()
		{
			mueveIzq();
		},prop.vel);
		
		$("#"+prop.slider).css("margin-left","-"+t+"px");	
	}
	
}

function verificaPagina()
{
	alert(prop.totalPags);
}