/**
 * Navig.js		=> Gestion des menus et vignette
**/


 
	function DesactiveVignette() {
		$$('li.vignette').each(function(vign) {
			vign.removeClass('actif');
		});   
	}



	          
	/**
	 * Envoi la requete au traitement PHP
	**/
	var RequeteLogin = function() {   
		req = new Request({
			url: 'assets/ajax/login.php',
			method:'get',
			data:{
				user:user,
				password:password 
			},
			onSuccess: function(retourAjax) {    
				window.location = 'liste-produits.html';   
			}, 
			onFailure: function(retourAjax) {
				alert(retourAjax);     
			}
		});
	 	req.send();
	};
	        
	  
	






window.addEvent('domready',function(){
    
	// clic sur les vignettes
	$$('li.vignette').each(function(vignette) {
		vignette.addEvent('click', function(e) {
 			DesactiveVignette();
			
 			var urlImage = vignette.getElement('span.url_image').get('html');
			$('viewer').getElement('img').set('src', urlImage);
			
			vignette.addClass('actif');
			
		}) /** fin fonction - e **/
	}); 
	
	
	
	
	/**
	 * Nuancier
	**/
	$$('li.pastille').each(function(pastille) {  
		       
 		pastille.addEvent('mouseover', function(e) {      
			var urlImage = pastille.getElement('span').get('html'); 
			var prevue = $('prevue');
 			prevue.set('html', '<img src="'+urlImage+'" />'); 
			                        
  			var top = 0;
            var left = 0
			var cp = pastille.get('class').split(' ');
			var nPastille = cp[1];      
			              
			// parce que les putain d'image sont ^pas de la même taille dans toutes les rubrique…
 			if ($('listePapiers').get('class')=="page0") {
				top = (pastille.getCoordinates().top)-660; 
				switch (nPastille) { 
					case '0': left = 0;   break;
					case '1': left = 80; break;
					case '2': left = 110; break;
					case '3': left = 130; break;
					case '4': left = 160; break;
				};    
			} else {
				top = (pastille.getCoordinates().top)-600;   
				switch (nPastille) { 
					case '0': left = 0;   break;
					case '1': left = 80; break;
					case '2': left = 130; break;
					case '3': left = 180; break;
					case '4': left = 240; break;
				};    				
			};

         
			prevue.setStyles({
					'display': 'block',                    
					'top': top +'px',
					'left': left +'px',
					});
 		}); 
 
 		pastille.addEvent('mouseout', function(e) {
 			$('prevue').set('html', '');
			$('prevue').setStyle('display', 'none'); 
 		}); 

 	});
	
	


	/**
	 * Login Client
	**/
	if ($('bt_login')!==null) {
		$('bt_login').addEvent('click', function(e) {
 			RequeteLogin();
		});
		
	};
         
	         
});