window.addEvent('domready', function() {
	/*Compteur 20ans*/
	var div=$('compteur_anniv');
	if(div){
		d=new Date();
		d.setFullYear(2011,11,1);
		d.setHours(0);
		d.setMinutes(0); 
		countdown = new CountDown({
			date: d,
			frequency: 500,
			onChange: function(counter) {
			var text = '<div class="conteneur_digit">';
			text +="<div class='compteur_case'><span class='compteur_digit' id='compteur_jours'>"+(counter.days >= 10 ? '' : '0') + counter.days + '</span></div> ';
			text +="<div class='compteur_case'><span class='compteur_digit' id='compteur_heures'>" + (counter.hours >= 10 ? '' : '0') + counter.hours + '</span></div>';
			text +="<div class='compteur_case'><span class='compteur_digit' id='compteur_minutes'>" + (counter.minutes >= 10 ? '' : '0') + counter.minutes+ '</span></div>';
			text+="</div>"
			div.set('html', text)
			}, 
			//complete
			onComplete: function () {
				div.destroy();
			}
		});
	}
	
	// POPUP
	/**********************************/
	//masque les popup au clic
	if($$('.popup'))
	{
		$$('.popup').each(function(item, index){
		
			item.addEvent('click', function(){
				//item.setStyle('display','none');
				$$('.popup_fond').setStyle('display','none');
			});
		});
		
		$$("#fermer_popup").addEvent('click',function(){
			$$('.popup_fond').setStyle('display','none');
		});
	}
	
	// ouvre le popup au clic
	if($$('.btn_popup'))
	{
		$$('.btn_popup').each(function(item, index){
			
			var popup = item.id;
			
			$(popup).addEvent('click', function(){
				$("popup_"+popup).setStyle('display','block');
			});
		});
	}
	
	
	// RECAP PANIER
	/**********************************/
	// effet sur panier dans le menu du haut
	if($('recap_panier_content'))
	{
		$('recap_panier_content').setStyle('display', 'block');
		var myVerticalSlide = new Fx.Slide('recap_panier_content');
		myVerticalSlide.hide();
		
		
		$('recap_panier').addEvents({
			
			'mouseenter' : function(){
				myVerticalSlide.cancel();
				myVerticalSlide.slideIn();
				if($('url_panier'))
					$$('#recap_panier .top').setStyle('cursor', 'pointer');
			},
			
			'mouseleave' : function(){
				myVerticalSlide.cancel();
				myVerticalSlide.slideOut();
			}
			/*
			'click' : function(){
				
				if($('url_panier'))
					window.location.replace($('url_panier').get('href'));
			}
			*/
		});	
		
		$('recap_panier_top').addEvents({
			
			'click' : function(){
				
				if($('url_panier'))
					window.location.replace($('url_panier').get('href'));
			}
			
		});
		
		$('panier_bottom').addEvents({
			
			'mouseenter' : function(){
				myVerticalSlide.cancel();
				myVerticalSlide.slideIn();
			}
		});
		
	}
	
	
	// BOX VOTRE COMPTE
	/**********************************/
	var	focus_connexion=false;
	var box_compte_visible=false;
	
	// focus du formulaire de login
	if($('mh_login'))
	{
		$('mh_login').addEvents({
			
			'focus' : function(){
				focus_connexion=true;
			},
			
			'blur' : function(){
				
				// si on sort de l'input, et que la souris était deja en dehors de la box, on masque la box
				if(box_compte_visible==false)
					$('box_moncompte').setStyle('display', 'none');
				
				focus_connexion=false;
			}
			
		});
		
		$('mh_pass').addEvents({
			
			'focus' : function(){
				focus_connexion=true;
			},
			
			'blur' : function(){
				
				// si on sort de l'input, et que la souris était deja en dehors de la box, on masque la box
				if(box_compte_visible==false)
					$('box_moncompte').setStyle('display', 'none');
				
				focus_connexion=false;
			}
			
		});
	}
	
	
	// affichage du div "mon compte"
	if($('btn_moncompte'))
	{
		
		var timerCompte;
		
		$('btn_moncompte').addEvents({
			
			'mouseenter' : function(){
				
				box_compte_visible=true;
				
				// IE6, pas de delay
				if(Browser.Engine.trident && Browser.Engine.version == 4)
				{
					$('box_moncompte').setStyle('display', 'block');
				}
				else
				{
					timerCompte = afficheCompte.delay(350);
				}
			},
			
			'mouseleave' : function(){
				
				box_compte_visible=false;
				
				// quand on leave, il faut que les champs de login ne soient pas focus
				if(focus_connexion==false)
				{
					// IE6, pas de delay
					if(Browser.Engine.trident && Browser.Engine.version == 4)
					{
						$('box_moncompte').setStyle('display', 'none');
					}
					else
					{
						clearTimeout(timerCompte);
						$('box_moncompte').setStyle('display', 'none');
					}
				}
					
			}
			
		});
		
		
		// sous chrome, un survol d'un input provoque un mouseleave.
		// pour parer ce comportement on met un mouseover sur les input
		$('btn_moncompte').getElements('input').each(function(item){
			item.addEvent('mouseover', function(event){
				box_compte_visible=true;
				$('box_moncompte').setStyle('display', 'block');
			});
		});
		
		
	}
	
	
	
	
	
	/*
	$('mh_login').addEvent('mouseleave', function(event){
		event.stopPropagation(); 
	});
	*/
	
	
	// MENU PRINCIPAL
	/**********************************/
	// affichage des div "sous famille"
	$$('.btn_famille_princ').each(function(item, index){
		
		var id = item.get('id');
		var menu = $(id).getElement('.menu_box');
		var timer;
		
		$(id).addEvents({
			
			'mouseenter' : function(){
				
				// IE6, pas de delay
				if(Browser.Engine.trident && Browser.Engine.version == 4)
				{
					afficheMenu(id);
				}
				else
				{
					timer = afficheMenu.delay(350, $(id), id);
				}

			},
			
			'mouseleave' : function(){
				
				// si c'est ie6, on change l'image d'arrière plan
				if(Browser.Engine.trident && Browser.Engine.version == 4)
				{
					if($(id+"_selected"))
						$(id+"_selected").set('id', id);
						
					$$('#'+id+' .menu_box').setStyle('display', 'none');
				}
				else
				{
					// on annule le delay, si jamais il est en cours
					clearTimeout(timer);
					$$('#'+id+' .menu_box').setStyle('display', 'none');
				}
				
			}
			
		});
		
	});
	
	
	// TOOLTIP
	/**********************************/
	// tooltip pour les frais de port (page produit)
	if($("tooltip_fp"))
	{
		$$('a.tooltipfp').each(function(element,index) {
			
			var titre = element.get('title');
			var contenu = $("tooltip_fp").get('html');
			element.store('tip:title', titre);
			element.store('tip:text', contenu);
		});
		
		var tipzfp = new Tips('.tooltipfp',{
			className: 'tooltip',
			fixed: true,
			hideDelay: 50,
			showDelay: 50,
			offset: {
				'x': -325,
				'y': 40 
			}
		});
	}
	
	// tooltip pour les frais de port (page d'accueil)
	if($("tooltip_fpacc"))
	{
		$$('a.tooltip_fpacc').each(function(element,index) {
			
			var titre = element.get('title');
			var contenu = $("tooltip_fpacc").get('html');
			element.store('tip:title', titre);
			element.store('tip:text', contenu);
		});
		
		var tipzfpacc = new Tips('.tooltip_fpacc',{
			className: 'tooltip',
			fixed: true,
			hideDelay: 50,
			showDelay: 50,
			offset: {
				'x': -325,
				'y': -50 
			}
		});
	}
	
	// tooltip creation compte
	$$('a.tooltip').each(function(element,index) {
		
		var content = element.get('title').split('::');
		var titre = content[0];
		var contenu = content[1];
		element.store('tip:title', titre);
		element.store('tip:text', contenu);
	});
	
	var tipzcreacompte = new Tips('.tooltip',{
		className: 'tooltip',
		fixed: true,
		hideDelay: 50,
		showDelay: 50,
		offset: {
			'x': 75,
			'y': 0 
		}
	});
	
	// tooltip menu_droite
	$$('a.tooltip2').each(function(element,index) {
		
		var content = element.get('title').split('::');
		var titre = content[0];
		var contenu = content[1];
		element.store('tip:title', titre);
		element.store('tip:text', contenu);
	});
	
	var tipzmenudroite = new Tips('.tooltip2',{
		className: 'tooltip2',
		fixed: true,
		hideDelay: 50,
		showDelay: 50,
		offset: {
			'x': -330,
			'y': 0 
		}
	});
	
	
	// tooltip produit en commande
	$$('span.tt_dispo').each(function(element,index) {
		
		var content = element.get('title').split('::');
		var titre = content[0];
		var contenu = content[1];
		element.store('tip:title', titre);
		element.store('tip:text', contenu);
	});
	
	var tipzprodcommande = new Tips('.tt_dispo',{
		className: 'tooltip',
		fixed: true,
		hideDelay: 50,
		showDelay: 50,
		offset: {
			'x': 90,
			'y': 0 
		}
	});
	
	
	// FAQ ouvrant / fermant
	if($('fiche_faq')){
		
		$('fiche_faq').getElements('div.faq_elem').each( function( elem ){
			
			var list = elem.getElement('div.reponse');
			
			var myFx = new Fx.Slide(list).hide();
			
			elem.addEvent('click', function(){
				myFx.cancel();
				myFx.toggle();
			});
			
		});
		
	}
	
	
	// Comparatif ouvrant / fermant
	if($('bloc-comp'))
	{
		if($('bloc-comp-princ').get('class') == "comp-vide")
			var compSlide = new Fx.Slide('bloc-comp-princ').hide();
		else
			var compSlide = new Fx.Slide('bloc-comp-princ');
		
		$('bloc-comp-top').addEvent('click', function(){
			compSlide.cancel();
			compSlide.toggle();
		});
		
	}
	
	//Enregistrer le panier dans la sélection
	if($('panier_dans_selection')){
		$('panier_dans_selection').addEvent('click',function(){
			var requete;
			var first_ligne=$$("td.art")[0];
			requete=new Request({url:'ajouter_a_selection.php',method:'post'});
			var first_ref=first_ligne.getElement('span').getElement('a').get('html').split('-');
			requete.send("page_origine=visualisation_caddie.php&ajax=1&ARCOD="+first_ref[0]);
			requete.addEvent('onComplete',function(){
				$$("td.art").each(function(el){
					ref=el.getElement('span').getElement('a').get('html').split('-');
					if(ref!=first_ref){
						requete=new Request({url:'ajouter_a_selection.php',method:'post'});
						requete.send("page_origine=visualisation_caddie.php&ajax=1&ARCOD="+ref[0]);
					}
				});
				requete.addEvent('onComplete',function(){
					window.location.reload();			 					  
				});
			});
		});
	}
	
	
	// SCROLL TO TOP
	
	if($('footer'))
	{
		// création de l'élément HTML contenant le bouton haut de page
		var btnScrollToTop = new Element('a', {
			href: '#haut',
			id: 'scrollHautPage',
			html: '<img src="/images/site/scrollToTop.png" />',
			styles: {
				position: 'fixed',
				bottom: '10px',
				right: '10px'
			}
		});
		
		btnScrollToTop.fade('hide');
		btnScrollToTop.inject('footer', 'bottom');
		
		// on masque les boutons haut page classiques (apparaitront si pas de js)
		$$('.btn_haut_page').setStyle('display', 'none');
		
		window.addEvent('scroll',  function(){
			
			// on récupère la position de la fenetre
			var scrol = window.getScroll();
			
			if(scrol.y > 0)
				$('scrollHautPage').fade('1');
			else
				$('scrollHautPage').fade('0');
			
		});
	}
	
	// FIN SCROLL TO TOP
	
	
});


// affiche les gros bloc du menu princ
function afficheMenu(id)
{
	$$('#'+id+' .menu_box').setStyle('display', 'block');
	
	// si c'est ie6
	if(Browser.Engine.trident && Browser.Engine.version == 4)
	{
		// si la famille n'est pas selected, on change l'image d'arrière plan
		if(id.indexOf("selected", 0) == -1)
			$(id).set('id', id+'_selected');
	}
}

// affiche le bloc 'votre compte'
function afficheCompte()
{
	$('box_moncompte').setStyle('display', 'block');	
}