//js Document

var id;
var AnchMask = "400px"; //anchura del contenedor
var AchIni = 0; //ancho de las imagenes
var Altini = 0; //alto de las imagenes
var Ntotal = 9; //numero total de fotos en el slide
var Ajuste = 5; //valor de ajuste objeto li para el ancho del contenedor de fotos

var PorcienZoom = 0; //% para el zoom
var flagZoomI = false; //bandera aumento
var flagZoomO = false; //bandera decremento
var ObjZoom = ""; //objeto a zoomear
var MAch = AchIni; //maxima anchura para zoom
var MAlt = Altini; //maxima altura para zoom
var mZoom = 0; //pendiente crecimento zoom


function arranca(){
	//inicializa el ancho del contenedor para poder reconocerlo con javascript
	var mask = document.getElementById('FOSlideContainer');
	mask.style.width = AnchMask;
	//inicializa las dimenciones de las imagenes
	AchIni = 78;//95;
	Altini = 54;//103;
	Ntotal = 15;
	Ajuste = 5; //Revision 18-feb-09 se ajusto la hoja de estilos para forzar que sea 5px real

	PorcienZoom = 20;
	MAch = AchIni*(1 + (PorcienZoom/100));
	MAlt = Altini*(1 + (PorcienZoom/100));
	//pendientes de crecimineto para los zoom
	mZoom = ( (MAch -  AchIni) / 2 ) / ( (MAlt - Altini) / 2 );

	id = setInterval("reloj()",100);
}

function DoZoom(){
	//Obtiene los datos actuales de la imagen para efectuar el zoom in
	var zanch = ObjZoom.width;
	var zalt = ObjZoom.height;
	//evalua si no ha llegado al maximo permitido
	if( zanch < MAch && zalt < MAlt )
	{
		x = ((AchIni - zanch) / 2) + 10;
		y = mZoom * x;
		ObjZoom.width =  zanch + ( x * 2 );
		ObjZoom.height = zalt + ( y * 2 );
	}
	//alert(ObjZoom.width);
	//kill();
}

function QuitZoom(){
	//Obtiene los datos actuales de la imagen para efectuar el zoom in
	var zanch = ObjZoom.width;
	var zalt = ObjZoom.height;

	//evalua si no ha llegado al maximo permitido
	if( zanch < MAch && zalt < MAlt )
	{
		x = ((AchIni - zanch) / 2) - 10;
		y = mZoom * x;

		ObjZoom.width =  zanch - ( x * 2 );
		ObjZoom.height = zalt - ( y * 2 );
	}
	//kill();
}

function reloj(){
	ReajusteAnchos();

	var ant = document.getElementById('FOContent');
	var getant = (ant.style.left != "")?parseInt(ant.style.left.replace("px", "")):0;

	var mask = document.getElementById('FOSlideContainer');
	var maskt = parseInt(ant.style.width.replace("px", "")) - parseInt(mask.style.width.replace("px", ""));
	var maxposX = "-" + maskt + "px";

	//movimiento perpetuo de Derecha a Izquierda
	if(getant > (-maskt)){
		ant.style.left = (getant - 2)+"px";
	}
	else{
		ant.style.left = "0px";
	}

	//llamados para el zoom
	if(flagZoomI)
		DoZoom();

	if(flagZoomO)
		QuitZoom();

	//kill();
}

function kill(){
		clearInterval(id);
}

function ReajusteAnchos(){
	//numero de fotos cargadas incluyendo repeticion
	//10 cada una de 95px de ancho

	var elm = document.getElementById('FOContent');
	elm.style.width = ( AchIni + ( (Ntotal - 1) * (AchIni + Ajuste) ) )+"px";
	elm.style.height = Altini+"px";
}

//funciones zoom
function ZoomIn(Elm){
	//zoomin = setinterval("agranda()",100);
	flagZoomI = true;
	flagZoomIO= false;
	ObjZoom = document.getElementById(Elm);
}

function ZoomOut(Elm){
	//zoomin = setinterval("achica()",100);
	flagZoomI = false;
	flagZoomO = true;
	ObjZoom = document.getElementById(Elm);
}

function OverShadow(Elm){
	var contshadow = document.createElement("div");
	contshadow.setAttribute("id","FOShadowContainer");

	var shadow = document.createElement("div");
	shadow.setAttribute("id","FOShadow");
	shadow.style.width = AchIni+"px";
	shadow.style.height = Altini+"px";
	shadow.style.margin.top = "-"+ parseInt(Altini + 1) +"px";

	contshadow.appendChild(shadow);

	Elm.parentNode.parentNode.appendChild(contshadow);
}

function OutShadow(){
	var Elm = document.getElementById('FOShadowContainer');
	Elm.parentNode.removeChild(Elm);
}