// JavaScript Document

window.addEvent('domready', initGeneral);


function initGeneral() {
	
	stopFunction = function(event){
		 event.stop();
		}
		
	
	var btnUp = $('btnUp');
	var btnDown = $('btnDown');	
	
	var prodThumb = $$('.prodThumb');	
	var theBigPicture = $('bigProduct');
	
	btnUp.addEvent('click', scrollProd);
	btnDown.addEvent('click', scrollProd);
	
	prodThumb.addEvent('click', presentProduct);
	
	prodThumb.addEvent('click', stopFunction.bindWithEvent());
	
	
	
	
	
	//theBigPicture.addEvent('mouseout', presentBackProduct);
	
	if ($('manteaux') ) {
									theBigPicture.addEvent('mouseout', presentBackProduct);
									theBigPicture.addEvent('mouseover', presentBackProduct);
								}
	var da = $('body');
	var chose;
	
	}
	
function scrollProd(btnPress) {
	
	var productContainer = $('productContainer');	 // div contenant les thumbnails
	var productContainerHeight = productContainer.getStyle('height').toInt();
	var productList = $('productList');	 // div contenant les thumbnails	
	var elScrollHeight = productList.getSize().scrollSize.y;
	var elScrollCorrected = elScrollHeight - productContainerHeight;
	var elPosition = productList.getStyle('top').toInt();	
	var productArray = $$('.prodThumb');
	var scrollSpeed = productContainerHeight;
	
	var theBtn = $(this).id;
	
	// Instancie l'animation dans la variable fxScroll
	var fxScroll = new Fx.Styles(productList, {duration:1000, wait:true, transition: Fx.Transitions.Sine.easeOut});
	
			
		if (elPosition > 0 || elPosition > -(elScrollCorrected-scrollSpeed)) {
			
				if (theBtn == "btnUp") {
					
								if (elPosition > -elScrollCorrected && elPosition < -scrollSpeed) {
								
								
								var newPosition = elPosition + scrollSpeed ;
	
								}
								else {
									
									var newPosition = 0;
	
									
									}
								
				}
				else {
					
					var newPosition = elPosition - scrollSpeed ;
					
					}
				
				fxScroll.start({top: [elPosition, newPosition]});
					
				}
			
		else {

						if (theBtn == "btnUp" ) {
							
							if  ((elPosition + scrollSpeed) > 0 )  {
								
								var newPosition = 0;
								}
							
							
							else {
							var newPosition = elPosition + scrollSpeed ;
							}
							
							}
							
				
						else {
								if (elPosition >= -(elScrollCorrected)) {
								
								var newPosition = -(elScrollCorrected) ;
								}
					
							}
				
				fxScroll.start({top: [elPosition, newPosition]});
			
			
			}
		
		
	}
	
	
// Affiche l'item lorsque l'on clique sur le thumbnail 	
function presentProduct() {	

	var prodThumb = $$('.prodThumb');	
	var theBigPicture = $('bigProduct');
	
	theBigPicturesrc = this.getProperty('href');
	theBigPicture.setStyle('opacity', 0.0);
	
	var fx = new Fx.Styles(theBigPicture, {duration:800, wait:true});
	
	fx.start({
			'opacity':1.0
		});
	
	theBigPicture.setProperty('src', theBigPicturesrc);

	var productBack = theBigPicturesrc.indexOf(8);
	var test;
}


function presentBackProduct() {
	
	
	var theBigPicture = $('bigProduct');
	
	var thePictSrc = theBigPicture.src;
	var thePict = thePictSrc.match("-Dos.jpg");

	
	var fxShow = new Fx.Styles(theBigPicture, {duration:200, wait:false});
	
	
	if (thePict == null) {
	
		var brokeURL = thePictSrc.slice(0,-4);
		var newURL = brokeURL + "-Dos.jpg";

		theBigPicture.setProperty('src', newURL);
		}
	
	else {
		
		var brokeURL = thePictSrc.slice(0,-8);
		var newURL = brokeURL + ".jpg";
		theBigPicture.setProperty('src', newURL);
		
		}
	var test = thePictSrc;
	
}