/*

Documebntation
Product browser with background images full screen
Structure

*/

if(typeof(Artres)=="undefined"){Artres={};}

Artres.ProductBrowserParera={
	sliderPos:0,
	sliderPosAnt:0,
	sliderBg:1680,
	sliderPd:458,
	numProd:15,
	init:function(){
		Event.observe(
			$('next'),
			'click',
			function(){
				Artres.ProductBrowserParera.next();
			}
		);
		
		Event.observe(
			$('prev'),
			'click',
			function(){
				Artres.ProductBrowserParera.prev();
			}
		);
		for(i=0;i<this.numProd;i++){
			Event.observe(
				$('prod_'+i),
				'click',
				function(){
					Artres.ProductBrowserParera.sliderPos=this.getAttribute('id').slice(5);
					$('prod_'+Artres.ProductBrowserParera.sliderPosAnt).setAttribute('class','prod');
					$('prod_'+Artres.ProductBrowserParera.sliderPos).setAttribute('class','prod_on');
					Artres.ProductBrowserParera.sliderPosAnt=Artres.ProductBrowserParera.sliderPos;
					Artres.ProductBrowserParera.animMove();
				}
			);
		}
	},
	next:function(){
		if(this.sliderPos<this.numProd){
			this.sliderPos++;
			$('prod_'+this.sliderPosAnt).setAttribute('class','prod');
			$('prod_'+this.sliderPos).setAttribute('class',"prod_on");
			this.sliderPosAnt=this.sliderPos;
			this.animMove();
		}
		if(this.sliderPos>=this.numProd-1){
			$('next').setAttribute('class','hidde');
		}
		$('prev').setAttribute('class','prev');
	},
	prev:function(){
		if(this.sliderPos>0){
			this.sliderPos--;
			$('prod_'+this.sliderPosAnt).setAttribute('class','prod');
			$('prod_'+this.sliderPos).setAttribute('class',"prod_on");
			this.sliderPosAnt=this.sliderPos;
			this.animMove();
		}
		if(this.sliderPos<=0){
			$('prev').setAttribute('class','hidde');
		}
		$('next').setAttribute('class','next');
	},
	animMove:function(){
		new Effect.Move(
			$('fondo_producto'),
			{
				x:this.sliderPos*this.sliderBg*-1,
				y:0,
				mode:'absolute',
				transition:Effect.Transitions.sinoidal
			});
		new Effect.Move(
			$('fichas'),
			{
				x:this.sliderPos*this.sliderPd*-1,
				y:0,
				mode:'absolute',
				transition:Effect.Transitions.sinoidal
			});
	}
}

var imgPreloader;
var objImg;
var srcImg;

function imageLoaded(){
	if(imgPreloader.complete){
		$('loader').hide();
	}else{
		setTimeout("imageLoaded()",100)
	}
}

function changeImage(object,image){
	
	imgPreloader = new Image();
	$('loader').show();
	imgPreloader.src='images/pieles/'+image;
	$(object).src=imgPreloader.src;
	imageLoaded();	
}