/* Partie association de produits */


   function getIndex(index,maxIndex) {   		
	   if (index >= maxIndex+1 ) {
   			return (index - (maxIndex+1));
   		} else if (index < 0)  {
   			return (maxIndex+ 1 + index);
   		} else{
   			return index;
   		}   		
   }
   	
   function initAssoPrd(){
	   
	   var UlContent=document.getElementById("carousel-see-too").getElementsByTagName("ul")[0];
	   var content="";
	   for (var i=0;i<tabAssoPrdA.length;i=i+1)
	   {
		   if(i != tabAssoPrdA.length-1)
			   content += '<li>';
		   else
			   content += '<li class=\"last\">';
		   content += '<a href=' + tabAssoPrdA[i] + ' class=\"picture\"> ' + ' <img src=\"' + tabAssoPrdImg[i] + '\" alt="" />';
		   content += '<span>'+ tabAssoPrdMD[i] + '</span></a>';
		   content += '<p class=\"name\">'+ tabAssoPrdP[i] +'</p>';
		   content += '</li>';
	   }
	   UlContent.innerHTML = content;
   }

	function initAssoPrd1(){
	/* definition des elements html */
		
			/* elements images */
		var AssoPrdImg1=document.getElementById("vignette1").getElementsByTagName("img")[0];
		var AssoPrdImg2=document.getElementById("vignette2").getElementsByTagName("img")[0];
		var AssoPrdImg3=document.getElementById("vignette3").getElementsByTagName("img")[0];		
		var AssoPrdImg4=document.getElementById("vignette4").getElementsByTagName("img")[0];
		var AssoPrdImg5=document.getElementById("vignette5").getElementsByTagName("img")[0];
		
			/* elements liens */
		var AssoPrdA1=document.getElementById("vignette1").getElementsByTagName("a")[0];
		var AssoPrdA2=document.getElementById("vignette2").getElementsByTagName("a")[0];
		var AssoPrdA3=document.getElementById("vignette3").getElementsByTagName("a")[0];
		var AssoPrdA4=document.getElementById("vignette4").getElementsByTagName("a")[0];
		var AssoPrdA5=document.getElementById("vignette5").getElementsByTagName("a")[0];
		
			/* elements paragraphes */
		var AssoPrdP1=document.getElementById("vignette1").getElementsByTagName("p")[0];
		var AssoPrdP2=document.getElementById("vignette2").getElementsByTagName("p")[0];
		var AssoPrdP3=document.getElementById("vignette3").getElementsByTagName("p")[0];
		var AssoPrdP4=document.getElementById("vignette4").getElementsByTagName("p")[0];
		var AssoPrdP5=document.getElementById("vignette5").getElementsByTagName("p")[0];
		
			/* elements paragraphes demarques */
		
		var AssoPrdMD1=document.getElementById("vignette1").getElementsByTagName("span")[0];
		var AssoPrdMD2=document.getElementById("vignette2").getElementsByTagName("span")[0];
		var AssoPrdMD3=document.getElementById("vignette3").getElementsByTagName("span")[0];
		var AssoPrdMD4=document.getElementById("vignette4").getElementsByTagName("span")[0];
		var AssoPrdMD5=document.getElementById("vignette5").getElementsByTagName("span")[0];
		
		if(tabAssoPrdA.length<=5){
			
			
			document.getElementById("arrowAssoPrdPreced").className="visibleHid";
			document.getElementById("arrowAssoPrdSuiv").className="visibleHid";
			
			if(tabAssoPrdA.length<=4){
				document.getElementById("vignette5").className="visibleHid";
			}
			if(tabAssoPrdA.length<=3){
				document.getElementById("vignette4").className="visibleHid";
			}
			
			if(tabAssoPrdA.length<=2){
				document.getElementById("vignette3").className="visibleHid";
			}
			if(tabAssoPrdA.length<=1){
				document.getElementById("vignette2").className="visibleHid";
			}
			if(tabAssoPrdA.length==0){
				document.getElementById("vignette1").className="visibleHid";
			}
			
			/* Vignette 1 */
			AssoPrdP1.innerHTML=tabAssoPrdP[0];
			AssoPrdA1.href=tabAssoPrdA[0];
			AssoPrdImg1.src=tabAssoPrdImg[0];
			
			if(tabAssoPrdMD[0] != ''){
				AssoPrdMD1.className='showReduc';
			} else {
				AssoPrdMD1.className='';
			}
			AssoPrdMD1.innerHTML=tabAssoPrdMD[0];
			
			/* Vignette 2 */
			AssoPrdP2.innerHTML=tabAssoPrdP[1];
			AssoPrdA2.href=tabAssoPrdA[1];					
			AssoPrdImg2.src=tabAssoPrdImg[1];	
			if(tabAssoPrdMD[1] != ''){
				AssoPrdMD2.className='showReduc';
			} else {
				AssoPrdMD2.className='';
			}
			AssoPrdMD2.innerHTML=tabAssoPrdMD[1];
			
			/* Vignette 3 */
			AssoPrdP3.innerHTML=tabAssoPrdP[2];
			AssoPrdA3.href=tabAssoPrdA[2];					
			AssoPrdImg3.src=tabAssoPrdImg[2];	
			if(tabAssoPrdMD[2] != ''){
				AssoPrdMD3.className='showReduc';
			} else {
				AssoPrdMD3.className='';
			}
			AssoPrdMD3.innerHTML=tabAssoPrdMD[2];
			
			/* Vignette 4 */
			AssoPrdP4.innerHTML=tabAssoPrdP[3];
			AssoPrdA4.href=tabAssoPrdA[3];					
			AssoPrdImg4.src=tabAssoPrdImg[3];	
			if(tabAssoPrdMD[3] != ''){
				AssoPrdMD4.className='showReduc';
			} else {
				AssoPrdMD4.className='';
			}
			AssoPrdMD4.innerHTML=tabAssoPrdMD[3];
			
			/* Vignette 5 */
			if(tabAssoPrdA.length==5) {
				AssoPrdP5.innerHTML=tabAssoPrdP[4];
				AssoPrdA5.href=tabAssoPrdA[4];
				AssoPrdImg5.src=tabAssoPrdImg[4];	
				if(tabAssoPrdMD[4] != ''){
					AssoPrdMD5.className='showReduc';
				} else {
					AssoPrdMD5.className='';
				}
				AssoPrdMD5.innerHTML=tabAssoPrdMD[4];		
			}	
				
			
		}else{
		
			var elemCourantAssoPrd=0;
			
			/* Innitialisation des elements */
				
			/* Vignette 1 */
			AssoPrdP1.innerHTML=tabAssoPrdP[(elemCourantAssoPrd)];
			AssoPrdA1.href=tabAssoPrdA[(elemCourantAssoPrd)];
			AssoPrdImg1.src=tabAssoPrdImg[(elemCourantAssoPrd)];
			if(tabAssoPrdMD[(elemCourantAssoPrd)] != ''){
				AssoPrdMD1.className='showReduc';
			}else{
				AssoPrdMD1.className='';
			}
			AssoPrdMD1.innerHTML=tabAssoPrdMD[(elemCourantAssoPrd)];
			
			/* Vignette 2 */
			AssoPrdP2.innerHTML=tabAssoPrdP[elemCourantAssoPrd+1];
			AssoPrdA2.href=tabAssoPrdA[elemCourantAssoPrd+1];
			AssoPrdImg2.src=tabAssoPrdImg[elemCourantAssoPrd+1];
			if(tabAssoPrdMD[(elemCourantAssoPrd+1)] != ''){
				AssoPrdMD2.className='showReduc';
			}else{
				AssoPrdMD2.className='';
			}
			AssoPrdMD2.innerHTML=tabAssoPrdMD[(elemCourantAssoPrd+1)];
			
			/* Vignette 3 */
			AssoPrdP3.innerHTML=tabAssoPrdP[(elemCourantAssoPrd+2)];
			AssoPrdA3.href=tabAssoPrdA[(elemCourantAssoPrd)+2];
			AssoPrdImg3.src=tabAssoPrdImg[(elemCourantAssoPrd+2)];
			if(tabAssoPrdMD[(elemCourantAssoPrd+2)] != ''){
				AssoPrdMD3.className='showReduc';
			}else{
				AssoPrdMD3.className='';
			}
			AssoPrdMD3.innerHTML=tabAssoPrdMD[(elemCourantAssoPrd+2)];
			
			/* Vignette 4 */
			AssoPrdP4.innerHTML=tabAssoPrdP[(elemCourantAssoPrd+3)];
			AssoPrdA4.href=tabAssoPrdA[(elemCourantAssoPrd+3)];
			AssoPrdImg4.src=tabAssoPrdImg[(elemCourantAssoPrd+3)];
			if(tabAssoPrdMD[(elemCourantAssoPrd+3)] != ''){
				AssoPrdMD4.className='showReduc';
			}else{
				AssoPrdMD4.className='';
			}
			AssoPrdMD4.innerHTML=tabAssoPrdMD[(elemCourantAssoPrd+3)];

			/* Vignette 5 */
			AssoPrdP5.innerHTML=tabAssoPrdP[(elemCourantAssoPrd+4)];
			AssoPrdA5.href=tabAssoPrdA[(elemCourantAssoPrd+4)];
			AssoPrdImg5.src=tabAssoPrdImg[(elemCourantAssoPrd+4)];
			if(tabAssoPrdMD[(elemCourantAssoPrd+4)] != ''){
				AssoPrdMD5.className='showReduc';
			}else{
				AssoPrdMD5.className='';
			}
			AssoPrdMD5.innerHTML=tabAssoPrdMD[(elemCourantAssoPrd+4)];
			
			
			/* Gestion du clique sur le lien suivant */
			
			
			document.getElementById("arrowAssoPrdSuiv").onclick=function(){			
				
				maxIndex = tabAssoPrdA.length-1;				
				elemCourantAssoPrd++;
				if(elemCourantAssoPrd == maxIndex+1) elemCourantAssoPrd = 0;
				/*
				elemCourantAssoPrd = getIndex(elemCourantAssoPrd,maxIndex);
				elemCourantAssoPrdLeft = getIndex(elemCourantAssoPrd,maxIndex);
				elemCourantAssoPrdRight = getIndex(elemCourantAssoPrd+1,maxIndex);
				*/	
					/* Vignette 1 */
					AssoPrdP1.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd,maxIndex)];
					AssoPrdA1.href=tabAssoPrdA[getIndex(elemCourantAssoPrd,maxIndex)];
					AssoPrdImg1.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd,maxIndex)] != ''){
						AssoPrdMD1.className='showReduc';
					}else{
						AssoPrdMD1.className='';
					}
					AssoPrdMD1.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd,maxIndex)];

					/* Vignette 2 */
					AssoPrdP2.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+1,maxIndex)];
					AssoPrdA2.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+1,maxIndex)];
					AssoPrdImg2.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+1,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+1,maxIndex)] != ''){
						AssoPrdMD2.className='showReduc';
					}else{
						AssoPrdMD2.className='';
					}
					AssoPrdMD2.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+1,maxIndex)];
					
					
					/* Vignette 3 */
					AssoPrdP3.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+2,maxIndex)];
					AssoPrdA3.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+2,maxIndex)];
					AssoPrdImg3.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+2,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+2,maxIndex)] != ''){
						AssoPrdMD3.className='showReduc';
					}else{
						AssoPrdMD3.className='';
					}
					AssoPrdMD3.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+2,maxIndex)];
					
					/* Vignette 4 */
					AssoPrdP4.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+3,maxIndex)];
					AssoPrdA4.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+3,maxIndex)];
					AssoPrdImg4.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+3,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+3,maxIndex)] != ''){
						AssoPrdMD4.className='showReduc';
					}else{
						AssoPrdMD4.className='';
					}
					AssoPrdMD4.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+3,maxIndex)];
					

					/* Vignette 5 */
					AssoPrdP5.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+4,maxIndex)];
					AssoPrdA5.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+4,maxIndex)];
					AssoPrdImg5.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+4,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+4,maxIndex)] != ''){
						AssoPrdMD5.className='showReduc';
					}else{
						AssoPrdMD5.className='';
					}

					AssoPrdMD5.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+4,maxIndex)];
				
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==0){
					AssoPrdImg1.className="selected";
				}else{
					AssoPrdImg1.className="";
				}	
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==1){
					AssoPrdImg2.className="selected";
				}else{
					AssoPrdImg2.className="";
				}
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==2){
					AssoPrdImg3.className="selected";
				}else{
					AssoPrdImg3.className="";
				}
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==3){
					AssoPrdImg4.className="selected";
				}else{
					AssoPrdImg4.className="";
				}
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==4){
					AssoPrdImg5.className="selected";
				}else{
					AssoPrdImg5.className="";
					
				}
				return(false);
			}
			
			/* Gestion du clique sur le lien suivant */
			
			document.getElementById("arrowAssoPrdPreced").onclick=function(){				
				
				maxIndex = tabAssoPrdA.length-1;				
				elemCourantAssoPrd--;
				if(elemCourantAssoPrd == maxIndex*(-1)) elemCourantAssoPrd = 0;
				/*
				elemCourantAssoPrd = getIndex(elemCourantAssoPrd,maxIndex);
				elemCourantAssoPrdLeft = getIndex(elemCourantAssoPrd,maxIndex);
				elemCourantAssoPrdRight = getIndex(elemCourantAssoPrd+1,maxIndex);
				*/	
					/* Vignette 1 */
					AssoPrdP1.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd,maxIndex)];
					AssoPrdA1.href=tabAssoPrdA[getIndex(elemCourantAssoPrd,maxIndex)];
					AssoPrdImg1.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd,maxIndex)] != ''){
						AssoPrdMD1.className='showReduc';
					}else{
						AssoPrdMD1.className='';
					}
					AssoPrdMD1.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd,maxIndex)];

					/* Vignette 2 */
					AssoPrdP2.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+1,maxIndex)];
					AssoPrdA2.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+1,maxIndex)];
					AssoPrdImg2.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+1,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+1,maxIndex)] != ''){
						AssoPrdMD2.className='showReduc';
					}else{
						AssoPrdMD2.className='';
					}
					AssoPrdMD2.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+1,maxIndex)];
					
					
					/* Vignette 3 */
					AssoPrdP3.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+2,maxIndex)];
					AssoPrdA3.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+2,maxIndex)];
					AssoPrdImg3.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+2,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+2,maxIndex)] != ''){
						AssoPrdMD3.className='showReduc';
					}else{
						AssoPrdMD3.className='';
					}
					AssoPrdMD3.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+2,maxIndex)];
					
					/* Vignette 4 */
					AssoPrdP4.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+3,maxIndex)];
					AssoPrdA4.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+3,maxIndex)];
					AssoPrdImg4.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+3,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+3,maxIndex)] != ''){
						AssoPrdMD4.className='showReduc';
					}else{
						AssoPrdMD4.className='';
					}
					AssoPrdMD4.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+3,maxIndex)];
					

					/* Vignette 5 */
					AssoPrdP5.innerHTML=tabAssoPrdP[getIndex(elemCourantAssoPrd+4,maxIndex)];
					AssoPrdA5.href=tabAssoPrdA[getIndex(elemCourantAssoPrd+4,maxIndex)];
					AssoPrdImg5.src=tabAssoPrdImg[getIndex(elemCourantAssoPrd+4,maxIndex)];
					if(tabAssoPrdMD[getIndex(elemCourantAssoPrd+4,maxIndex)] != ''){
						AssoPrdMD5.className='showReduc';
					}else{
						AssoPrdMD5.className='';
					}

					AssoPrdMD5.innerHTML=tabAssoPrdMD[getIndex(elemCourantAssoPrd+4,maxIndex)];
				
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==0){
					AssoPrdImg1.className="selected";
				}else{
					AssoPrdImg1.className="";
				}	
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==1){
					AssoPrdImg2.className="selected";
				}else{
					AssoPrdImg2.className="";
				}
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==2){
					AssoPrdImg3.className="selected";
				}else{
					AssoPrdImg3.className="";
				}
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==3){
					AssoPrdImg4.className="selected";
				}else{
					AssoPrdImg4.className="";
				}
				
				if(getIndex(elemCourantAssoPrd,maxIndex)==4){
					AssoPrdImg5.className="selected";
				}else{
					AssoPrdImg5.className="";
					
				}
				return(false);
			}
		}
	}