// JavaScript Document
Ext.ns('RH');
RH.FnOut=function(e,t){
	
}
RH.iProductCarrousselX=0;	

RH.doCarroussel=function(itemIdName, inc){
	RH.carrouInc=inc;
	RH.carrouItemName=itemIdName;
	//alert(RH.carrouItemName);
	clearInterval(RH.carrouInterv);
	RH.carrouInterv=setInterval(RH.moveCarroussel,100);
}

RH.stopCarroussel=function(){
	clearInterval(RH.carrouInterv);
}
RH.showhide=function(sToHide,sToShow){
	if(Ext.get(sToHide)){
		Ext.get(sToHide).setStyle('display','none');
	}
	
	if(Ext.get(sToShow)){
		Ext.get(sToShow).setStyle('display','block');
	}
}
RH.setFocus=function(sToFocus){
	//Ext.getDom(sToFocus).setFocus();
}
RH.moveCarroussel=function(){
		margleft=Ext.get(RH.carrouItemName).getStyle('margin-left');
		sDisplaywidth=Ext.get('TopProductsCarrousselCenter').getStyle('width');
		displaywidth=Number(sDisplaywidth.substr(0,sDisplaywidth.length-2));
		fullwidth=RH.numberOfProducts*68;
			margleftNb=margleft.substr(0,margleft.length-2);
			
	//	alert(RH.carrouInc);
		if(RH.carrouInc==-1){
			if(Number(margleft.substr(0,margleft.length-2))>0-fullwidth+displaywidth-25){
				RH.iProductCarrousselX+=RH.carrouInc*10;
				Ext.get(RH.carrouItemName).setStyle('margin-left',RH.iProductCarrousselX+'px');
				Ext.getDom('TopProductsCarrousselLeftArrow').src="images/ArrowCarrousselLeftOn.gif";
				Ext.getDom('TopProductsCarrousselRightArrow').src="images/ArrowCarrousselRightOff.gif";
			} else {
				Ext.getDom('TopProductsCarrousselLeftArrow').src="images/ArrowCarrousselLeftdisabled.gif";
			}
		} else {
			if(Number(margleftNb)<0){
				RH.iProductCarrousselX+=RH.carrouInc*10;
				Ext.get(RH.carrouItemName).setStyle('margin-left',RH.iProductCarrousselX+'px');
				Ext.getDom('TopProductsCarrousselRightArrow').src="images/ArrowCarrousselRightOn.gif";
				Ext.getDom('TopProductsCarrousselLeftArrow').src="images/ArrowCarrousselLeftOff.gif";
			} else {
				Ext.getDom('TopProductsCarrousselRightArrow').src="images/ArrowCarrousselRightdisabled.gif";
			}
		}
	/*	if(margleftNb<0){
			
			//"images/ArrowCarrousselRightdisabled.gif"
		}
		if(margleftNb==0){
		}*/
		//Ext.get(RH.carrouItemName).setStyle('margin','0 0 0 '+RH.iProductCarrousselX+'px');
		
}
RH.FnOverOut=function(e,t){
	im=t.src;
	if(im.substr(im.length-7,3)=='Off'){
		newim=im.substr(0,im.length-7)+'On'+im.substr(im.length-4,4);
		t.src=newim;
	} 
	
	if(im.substr(im.length-6,2)=='On'){
		newim=im.substr(0,im.length-6)+'Off'+im.substr(im.length-4,4);
		t.src=newim;
	}
}
Ext.onReady(function() {
	if(String(Ext.fly('TopProductsCarrousselLeftArrow'))!=='null'){
			Ext.fly('TopProductsCarrousselLeftArrow').on('mouseover',function(){
					//alert('ii');
					//RH.carrouInterval=setInterval( RH.moveCarroussel('ProductCarrousselUl',-1),50);
					//RH.moveCarroussel('ProductCarrousselUl',-1);
					RH.doCarroussel('ProductCarrousselUl',-1);
				});
			Ext.fly('TopProductsCarrousselRightArrow').on('mouseover',function(){
					//alert('ii');
					
					RH.doCarroussel('ProductCarrousselUl',1);
				});
			
			Ext.fly('TopProductsCarrousselLeftArrow').on('mouseout',function(){
					RH.stopCarroussel();
				});
			Ext.fly('TopProductsCarrousselRightArrow').on('mouseout',function(){
					RH.stopCarroussel();
				});
	}
	Ext.select('.rolloverItem').each(function (item) {
			item.hover(RH.FnOverOut, RH.FnOverOut);										 
		},
		this)
												 
	RH.numberOfProducts=0;													 
	Ext.select('.ProductCarrousselLiOff').each(function (item) {
			RH.numberOfProducts++;
			item.on('mouseover',
				function(e,t,o){
					//alert(Ext.get(t).parent('li'));
					Ext.get(t).parent('li').addClass('LiBackHighlight');
					//alert(Ext.getDom(Ext.get(t).parent('li').child('p')).innerHTML);
					Ext.getDom('productsHighligthdetailTop').innerHTML=Ext.getDom(Ext.get(t).parent('li').child('p')).innerHTML;
				},
				 this)
			item.on('mouseout',
				function(e,t,o){
					Ext.get(t).parent('li').removeClass('LiBackHighlight');
					//Ext.get(t).setStyle('background','url(../images/ProductCarrousselBackGrey.gif) no-repeat');	
				},
				 this)
	});
})

//document.getElementById('alertZone').innerHTML='';
var fCheckInput=function(type,element,label,empty){

 var validinput=true;
  oAlertZone=document.getElementById('alertZone');
  if(empty!==false){oAlertZone.innerHTML='';}
  if(element.value=='' && type=='required'){
     oAlertZone.innerHTML+='Veuillez remplir le champs '+label+'<br/>';
     oAlertZone.style.display='block';
     validinput=false;
  }

  if((element.value.indexOf('.')==-1 || element.value.indexOf('@')==-1) && type=='email'){
     oAlertZone.innerHTML+='Veuillez saisir un email valide.<br/>';
     oAlertZone.style.display='block';
     validinput=false;
  }
  return validinput;
}

RH.formChecks={
 contact:[
   {id:'nom',label:'nom',type:'required'}
   ,{id:'prenom',label:'prenom',type:'required'}
   ,{id:'email',label:'email',type:'email'}
 ]
};
var fCheckForm=function(sArrayName){

  oAlertZone=document.getElementById('alertZone');
   oAlertZone.innerHTML='';
 var aArrayToCheck=RH.formChecks[sArrayName];
 var valid=true;
 for(i=0;i<aArrayToCheck.length;i++){
   element=document.getElementById(aArrayToCheck[i].id);
   retvalid=fCheckInput(aArrayToCheck[i].type,element,aArrayToCheck[i].label, false);
   if(retvalid==false){valid=false;}
 }
  //alert(valid);
   return valid;
}