
	function sendId(valueId){
	
		document.forms["buyFormViewed"].elements["product_page_product_id"].value = valueId;
		
		document.forms["buyFormViewed"].submit();

	}
	window.addEvent('domready', function(){
	
		nbProd = 4;
		//recupere la taille max des produit visite 
		var maxProductViewedList = list_productViewed.length;
		//element initial visibile
		var nbViewed = 0;
		//valeur initial du produit max
		var numProductMaxInit = nbProd - 1;
		
		//valeur max de produit visible dans sa selection
		var nbViewedMax = maxProductViewedList - numProductMaxInit;
		
		//taille du div contenant un produit
		var tailleConteneur = 120;
		
		// gestion de l'autorisation du click
		var clickedAuth = true;
		
		//mouvement de scroll
		var viewedScroller = new Fx.Morph('viewed-list', {
			duration: 400,
			transition: Fx.Transitions.Cubic.easeIn,
			onComplete: function(){
			
				// newNumId = numId+1;

				
				if (list_productViewed[numId + 1])
				{
					//requete ajax pour creer le nouvel element
				var ajax = new Request.HTML({
					url:path_modViewed + 'nat_viewed-ajax.php',
					method: 'post',
					data: "val_productViewedlist=" + list_productViewed[numId + 1],
					update: $('viewed_' + newNumId),
					onComplete: function(){
						// possibilite de clicker
						clickedAuth = true;
					}
				}).post();
				}
				
			}
		});
		
		
		//fonction qui cree un élément
		function create_new_viewed_product(numProductMax){
		
			numId = numId++;
			
			var myElement = new Element('div', {
				'id': 'viewed_' + numProductMax
			});
//.set('html','<img src="img/loader.gif" style="padding: 48px">')
		//	//var name = new Element('div', {'class': 'prod-recent'}).injectInside(myElement);
			
			myElement.injectAfter($('viewed_' + numId));
			//$('viewed_'+numProductMax);
		
		}
		
		if ($('next'))
		{
			//fonction bouton suivant
		$('next').addEvent('click', function(e){
			//si clickedAuth est egal faux, on execute rien 
			if (clickedAuth == false)
			{
				return;
			}

			
			//on calcul le nouvelle element visible
			nbViewed = nbViewed - 1;

			//si on arrive a la position max du tableau 
			if ((nbViewed < -nbViewedMax) || (nbImage < nbProd)) {
			
				//on arrete le scroll
				//viewedScroller.stop();
				clickedAuth = false;
				nbViewed = -nbViewedMax;
				return;

				
			}
			else {
			
				//on incrémente la valeur numID
				numId = numProductMaxInit++;
				
				//calcul la position du nouvelle element 
				var position = tailleConteneur * nbViewed;
				
				//sinon on scroll notre block
				viewedScroller.start({
					'margin-left': [tailleConteneur*(nbViewed-1), tailleConteneur*nbViewed]
				});
				
				//valeur de la nouvelle div a creer
				newNumId = numId + 1;
				
				create_new_viewed_product(numId + 1);
				
			}
			
		});
		}
		
		if ($('prev'))
		{
			//fonction bouton précedent
		$('prev').addEvent('click', function(event){
		
			//si clickedAuth est egal faux, on execute rien 
			/*
			 if (clickedAuth == false) return;
			 clickedAuth = false;
			 */
			//calcul l'element precedent
			nbViewed = nbViewed + 1;
			
			//si on arrive a la position initial
			if ((nbViewed >= 1) || (nbImage < nbProd)) {
			
			
				//on arrete le scroll
//				viewedScroller.stop();
				nbViewed = 0;
				clickedAuth = true;
				return;
				
			}
			else {
			
				//calcul de la nouvelle position
				var position = tailleConteneur * nbViewed * -1;
				if (position>0)
				{
					position=0;
				}
				
				//sinon on scroll a la position precedente
				viewedScroller.start({
					'margin-left': [-tailleConteneur*(nbViewed+1), position]
				});
			}
			
			
		});
		}
		
	});
