// JavaScript Document
var MaxNumImg = 0;
var currImg = 0;

function contarImg()
{
	MaxNumImg = $$('#ulInterior li').length;
}

function ponControles(){
	if(currImg<MaxNumImg-1 && MaxNumImg>1){ 
		$("controlForward").innerHTML = "<img src='/images/btn-rg.gif' border='0' />";
	}
	else 
	{
		$("controlForward").innerHTML = "";
	}

	if(currImg>0 && MaxNumImg>1){ 
		$("controlBack").innerHTML = "<img src='/images/btn-lf.gif' border='0'/>";
	}
	else 
	{
		$("controlBack").innerHTML = "";
	}
}

function addHandlers(){

	ponControles();
	var antImg = currImg;
		
	$("controlForward").addEvent("click", function(){
			antImg = currImg + 1; 
			if(antImg<MaxNumImg){
				currImg = antImg;
				var marginChange = new Fx.Style($("ElInterior"), 'margin-left', {duration:500});
				marginChange.start(-200*currImg);
				ponControles();
			}
		});

	$("controlBack").addEvent("click", function(){
			antImg = currImg - 1; 
			if(antImg>=0){
				currImg = antImg;
				var marginChange = new Fx.Style($("ElInterior"), 'margin-left', {duration:500});
				marginChange.start(-200*currImg);
				ponControles();
			}
		});


}

function ponerImagenesS9(){

	var LasImagenes = $$('#ulInterior li');
	
	LasImagenes.each(function(opcion,indice) {
		var SourceImage = opcion.innerHTML;
		opcion.innerHTML = SourceImage;
	  });

	var LasImagenes2 = $$('#otrasPiezas div');

	LasImagenes2.each(function(opcion,indice) {
		var SourceImage = opcion.innerHTML;
		opcion.innerHTML = SourceImage;
	  });

}

function S9Hacercambios(){
 contarImg();
 addHandlers();
 ponerImagenesS9.delay(1000);
}

function isIE(){  return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);}

window.addEvent('load', function() 
					 { 
					 if(!isIE()){S9Hacercambios();};
					 });