var TouchedSubMenu = 0;
var idactive = false;

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Appel des fonctions une fois le DOM chargé
window.addEvent('domready', function(){
	var userAgent = navigator.userAgent.toLowerCase();
	

	// Activation du menu principal
	activeMenu();
	
	// Gestion de la baseline générique
	InitOverStatesGenericMenu();
	
	// Initialisation de la popup au chargement de la page
	
	  try
	  {
		TB_init();
	  }
	  catch(err)
	  {
	  //Handle errors here
	  }
	
	// Gestion de l'opacité sur le over et out des thumbnails de la popup rappel produits
	initPopupRappelProduitsThumbs();
	
	if($('myform'))
	{
	// Form Check
	new FormCheck('myform');
	}

	// Initialisation du slider
	initSlider();
	sliderRappelproduit();
	

	// Champs parcourir personnalisés
	HideFileTypeInput();
		
	// Texte défilant
	AutoScrollText();
	
	//Etats over du plan du site
	siteMapItemOver();

});
function getBaseURL() {
    var url = location.href;
    var baseURL = url.substring(0, url.indexOf('/', 14)); 

    if (baseURL.indexOf('http://localhost') != -1) {
        var pathname = location.pathname;
        var index1 = url.indexOf(pathname);
        var index2 = url.indexOf("/", index1 + 1);
        var baseLocalUrl = url.substr(0, index2);

        return baseLocalUrl;
    }
    else {
        return baseURL;
    }

}

function openvideo(filevideo)
{
	var pathsite = getBaseURL();
	
	var close_image_path = pathsite+'/image/popup-rappel-produits/btn-fermer-popup-rappel-produits.gif';
	var loading_image_path = pathsite+'/image/commun/loading.gif';
	
	TB_show("", pathsite+"/maison/video.html?filevideo="+filevideo+"&keepThis=true&TB_iframe=false&height=295&width=460", "smoothbox");

}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function showMenu(currentId){

	
	$("spanmenu"+currentId).addClass('top-menu-active');
	
	idactive = currentId
	Element.implement({
		fadeIn: function() {
			//this.fade('in');
			this.set('tween', {duration: 200});
			this.tween('opacity', 1);
			this.setStyle('z-index', 30);
			this.setStyle('display', 'block');
		},
		fadeOut: function() {
			$$('#sub-menu ul').setStyle('z-index', 29);
			//this.fade('out');
			this.set('tween', {duration: 700});
			this.tween('opacity', 0);
			this.setStyle('z-index', 29);
			//this.setStyle('display', 'none');	
		}
	});
	var layer = new String();
	layer = "#submm" + currentId;	
	$$(layer).fadeIn();

}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function moveCssClass(idprec, idsuivant){
	
	$("ssspan"+idprec).removeClass('sub-menu-active');
	
	$("ssspan"+idsuivant).addClass('sub-menu-active');
	//'sub-menu-active'
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Gestion du menu principal
function activeMenu(){
	

	// Création de fonctions de fading pour les effets d'apparition et disparition du sous-menu
	Element.implement({
		fadeIn: function() {
			//this.fade('in');
			this.set('tween', {duration: 200});
			this.tween('opacity', 1);

			this.setStyle('display', 'block');
			this.setStyle('z-index', 30);
			$('shadow-main-sub-menu').setStyle('display', 'block');
		},
		fadeOut: function() {
			$$('#sub-menu ul').setStyle('z-index', 29);
			//this.fade('out');
			this.set('tween', {duration: 700});
			this.tween('opacity', 0);
			
			//this.setStyle('display', 'none');
			this.setStyle('z-index', 29);
			$('shadow-main-sub-menu').setStyle('display', 'none');
		}
	});
	
	
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	// Initialisation des sous-menus en opacité à 0
	////////////////////////////////////////////////////////////////////////////////////////
	
	// le menu principal est survolé
	$$('#top-menu li').each(function(el){
									 
		// Initialisation des sous-menus en opacité à 0
		//$$('#sub-menu ul').setStyle('opacity', 0);
		$$('#sub-menu ul').setStyle('visibility', 'hidden');
		//$$('#sub-menu ul').setStyle('display', 'none');
		
		
		
		//////////////////////////////////////////////////////
		// le menu principal est survolé							 
		el.addEvent('mouseover', function(){
										  
			
			// On récupère le numéro de l'id (css) parent
			var currentId = new String();
			currentId = el.getAttribute("id").replace(/mm/g,'');
			
			// On concatène le numéro de l'id (css) parent pour préparer l'id (css) du sous-menu enfant correspondant
			var layer = new String();
			layer = "#submm" + currentId;
			
			// Réinitialisation des sous-menus en opacité à 0 au cas où un sous-menu est déjà affiché
			//$('sub-menu').setStyle('display', 'block');
			//$$('#sub-menu ul').setStyle('visibility', 'visible');
			//$('sub-menu').getElements('ul').fadeOut();
			
			// On affiche le sous-menu enfant correspondant
			$$(layer).fadeIn();
			
			// le menu principal est survolé et le sous-menu enfant est survolé
//.getElements('li')
			$$(layer).each(function(el){
				el.addEvent('mouseover', function(){
												  
					testid = "#submm" + idactive;				  
					//$('sub-menu').getElements('ul').fadeOut();										 
					// On affecte la valeur 1 => le sous-menu enfant est bien survolé
					
					if(layer!=testid) 
					{
					
					TouchedSubMenu = 1;
					// On affiche le sous-menu enfant correspondant aussi dans ce cas
					$$(layer).fadeIn();
					}
				});
			});
			
			//////////////////////////////////////////////////////
			// le menu principal a été survolé et on quitte le sous-menu enfant
			//.getElements('li')
			$$(layer).each(function(el){
				el.addEvent('mouseout', function(){			
					// On affecte la valeur 0 => le sous-menu enfant est considéré comme non survolé					
					testid = "#submm" + idactive;				  
					//$('sub-menu').getElements('ul').fadeOut();										 
					// On affecte la valeur 1 => le sous-menu enfant est bien survolé
					if(layer!=testid) 
					{	
						
						TouchedSubMenu = 0;
						// On fait disparaître le sous-menu enfant correspondant dans ce cas
						$$(layer).fadeOut();
					}
				
		
				});
			});
			
			
			
		});
		
		////////////////////////////////////////////////////////////////////////////////////////
		
		// la souris quitte le menu principal
		el.addEvent('mouseout', function(){
														 
			survolmenu1 =false;						 
			// On récupère le numéro de l'id (css) parent
			var currentId = new String();
			currentId = el.getAttribute("id").replace(/mm/g,'');
			
			// On concatène le numéro de l'id (css) parent pour préparer l'id (css) du sous-menu enfant correspondant
			var layer = new String();
			layer = "#submm" + currentId;	
			
				
			
			// On étudie l'état du sous-menu enfant dans le cas où le menu parent est quitté
			//.getElements('li')
			$$(layer).each(function(el){
				
				
				el.addEvent('mouseover', function(){
					//On n'a plus aucune raison d'afficher le sous-menu-enfant => on le fait donc disparaître
					
						
					testid = "#submm" + idactive;				  
					//$('sub-menu').getElements('ul').fadeOut();										 
					// On affecte la valeur 1 => le sous-menu enfant est bien survolé
					if(layer!=testid) 
					{
						
						TouchedSubMenu = 1;
						// On affiche le sous-menu enfant correspondant aussi dans ce cas
						$$(layer).fadeIn();
					}

			
				});


				//////////////////////////////////////////////////////
				//Variable d'état du sous-menu à 0 si le sous-menu n'a pas été survolé
				
				//if(TouchedSubMenu == 1) $$(layer).fadeIn();
				
				//Etat over du menu principal lorsqu'un sous-menu existe et est survolé
				//////////////////////////////////////////////////////
				/*$$(layer).addEvent('mouseover', function(){
				
				$("spanmenu"+currentId).addClass('top-menu-active');
				
				});*/
		
				//////////////////////////////////////////////////////
				/*$$(layer).addEvent('mouseout', function(){
				
				$("spanmenu"+currentId).removeClass('top-menu-active');
				
				});*/
		
				
			});

			if(currentId!=idactive)  $$(layer).fadeOut();

			if(TouchedSubMenu == 0)
			{
				if(idactive!=false )
				{
					var lar = new String();
					lar = "#submm" + idactive;	
					$$(lar).fadeIn();
				}
			}
		});
		

	});
	
	

}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Etats Over Menu générique avec Icones (nouveautés, catalogue, newsletter, magasins)
function InitOverStatesGenericMenu(){

if($('generic-baseline') != null){
	
	$$('#generic-baseline li').each(function(el){
			el.addEvent('mouseover', function(){
				//el.getParent().setStyle('background-position','0px -19px');
				el.setStyle('background-position','0px -19px');
			});	
			
			el.addEvent('mouseout', function(){
				//el.getParent().setStyle('background-position','0px -101px');
				el.setStyle('background-position','0px -101px');
			});
		});
	
	}
	
	$$('#generique-baseline-left .link-baseline').addEvent('mouseover', function(){
		this.setStyle('color','#cdb07b');
	});
	
	$$('#generique-baseline-middle-left .link-baseline').addEvent('mouseover', function(){
		this.setStyle('color','#b3ee00');
	});
	
	$$('#generique-baseline-middle-right .link-baseline').addEvent('mouseover', function(){
		this.setStyle('color','#fbcc69');
	});
	
	$$('#generique-baseline-right .link-baseline').addEvent('mouseover', function(){
		this.setStyle('color','#6bbfff');
	});
	
	$$('.link-baseline').addEvent('mouseover', function(){
		this.setStyle('text-decoration','underline');
	});
	
	
	$$('.link-baseline').addEvent('mouseout', function(){
		this.setStyles({'color':'#989898','text-decoration':'none'});
	});

}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Etats Over thumbs Popup rapple produits
function initPopupRappelProduitsThumbs(){

	$$('.pprp-produit-unique img').each(function(el){
		el.setStyle('opacity',0.6);	 
		el.addEvent('mouseover', function(){
			el.setStyle('opacity',1);
			el.setAttribute('title','Cliquer pour consulter les informations du produit');
		});	
		
		el.addEvent('mouseout', function(){
			el.setStyle('opacity',0.6);
		});
	});
		
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Slider Popup rapple produits
 var nS4 = new Object();
function sliderRappelproduit(){

	if($('box4') != null){
	  nS4 = new noobSlide({
			
			box: $('box4'),
			items: $$('#box4 div'),
			size: 515,
			handles: $$('#handles4 span'),
			onWalk: function(currentItem,currentHandle){
				//$('info4').set('html',currentItem.getFirst().innerHTML);
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});
	}
	
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Création du slider Recrutement
function initSlider(){
	
	if($('box8') != null){
		
	//liste déroulante de choix de descriptifs de postes
	//showJobSheet();	
		
	//var handles8_more = $$('#handles8_more span');
	nS8 = new noobSlide({
		box: $('box8'),
		items: $$('#box8 h3'),
		size: 686,
		handles: $$('#handles8 span'),
		addButtons: {previous: $('prev8'), next: $('next8') }/*,
		addButtons: {previous: $('prev8'), play: $('play8'), stop: $('stop8'), playback: $('playback8'), next: $('next8') },
		onWalk: function(currentItem,currentHandle){
			//style for handles
			$$(this.handles,handles8_more).removeClass('active');
			$$(currentHandle,handles8_more[this.currentIndex]).addClass('active');
			//text for "previous" and "next" default buttons
			$('prev8').set('html','<< '+this.items[this.previousIndex].innerHTML);
			$('next8').set('html',this.items[this.nextIndex].innerHTML+' >>');
		}*/
	});
	//more "previous" and "next" buttons
	nS8.addActionButtons('previous',$$('#box8 .prev'));
	nS8.addActionButtons('next',$$('#box8 .next'));
	//more handle buttons
	//nS8.addHandleButtons(handles8_more);
	//walk to item 3 witouth fx
	nS8.walk(0,false,true);
	
	
	// Création du lien dynamique de "Descriptif Postes" vers "Candidature" (recrutement)
	linkCandidate = $('link-recrutement-postuler').getElement('a').getProperty('href');
	
	// Initialisation du lien par défaut en arrivant sur la page de descriptifs de postes
	$('link-recrutement-postuler').getElement('a').setAttribute('href', linkCandidate + '?id_type_offre=' + 1);
	
	
	// On clique sur les boutons de navigation "précédent" et "suivant"
	$$('.buttons').addEvent('click', function(){
		
	// Variable numéro type d'offre
	idOfferType = nS8.currentIndex + 1;
	// Mise à jour de la liste déroulante (affichage option correspondante)
	document.jobsheetForm.jobsheet.selectedIndex =  nS8.currentIndex;
		

	//alert(idOfferType);
		
		// Mise à jour du lien vers le formulaire
		if( $('link-recrutement-postuler').getElement('a') != null){
			$('link-recrutement-postuler').getElement('a').setAttribute('href', linkCandidate + '?id_type_offre=' + idOfferType);
		}
	});
	
	
	}
	
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Fonction appelée sur la liste déroulante de descriptif de postes
function showJobSheet(){
		
		//alert(nS8.currentIndex);
		
		// Mise à jour du numéro d'offre par la liste déroulante
		idOfferType = document.jobsheetForm.jobsheet.selectedIndex + 1;
		nS8.walk(idOfferType-1,false,true);
		//alert(nS8.currentIndex);
		
		// Mise à jour du lien ver le formulaire par la liste déroulante
		if( $('link-recrutement-postuler').getElement('a') != null){
			$('link-recrutement-postuler').getElement('a').setAttribute('href', linkCandidate + '?id_type_offre=' + idOfferType);
		} 
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


// Inputs de type file personnalisés
function HideFileTypeInput(){
	
	$$('.input_file1').setStyles({'background-position':'100% 29px','height':'45px'});
	$$('.input_file1 .rcf-input').setStyles({'opacity':0.01,'height':'45px','top':'0px','left':'0'});
	$$('.input_file1 input').setStyle('display','block');
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//Texte défilant vertical
function AutoScrollText(){
	if($('scrollText')){
		obj = new mooquee($('scrollText'),{
			marHeight: 60,
			marWidth: 115,
			steps: 1,
			speed: 40,
			direction: 'top',
			pauseOnOver: true,
			pauseOnContainerOver: true
		});
	}
	
	if($('scrollText2')){
		obj = new mooquee($('scrollText2'),{
			marHeight: 80,
			marWidth: 130,
			steps: 1,
			speed: 40,
			direction: 'top',
			pauseOnOver: true,
			pauseOnContainerOver: true
		});
	}
	
	if($('scrollText3')){
		obj = new mooquee($('scrollText3'),{
			marHeight: 60,
			marWidth: 195,
			steps: 1,
			speed: 40,
			direction: 'top',
			pauseOnOver: true,
			pauseOnContainerOver: true
		});
	}
	
	if($('scrollText4')){
		obj = new mooquee($('scrollText4'),{
			marHeight: 100,
			marWidth: 225,
			steps: 1,
			speed: 40,
			direction: 'top',
			pauseOnOver: true,
			pauseOnContainerOver: true
		});
	}
	
}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//Etats over du plan du site
function siteMapItemOver(){
	
	var parentTdCssClass = new String();
	var parentCategoryCssClass = new String();
	var testOver = new Number();
	testOver = 0;
	
	$$('#plan-du-site-listes-pages td li').getElement('span a').each(function(el){
		el.addEvent('mouseover',function(){
			//alert('ok');
			$(this).getParent('li').setStyle('background-position','0 0');
			//alert($(this).getParent('td').get('class'));
			
			parentTdCssClass = $(this).getParent('td').get('class').replace(/pds-list-/g,'');
			parentCategoryCssClass =  "pds-" + parentTdCssClass;
			
			if(testOver == 1){$$('#plan-du-site-listes-pages th').setStyle('background-position','0 -20px');}

			$$('.' + parentCategoryCssClass).setStyle('background-position','0 0');
			
			testOver = 1;
		});
		
		//////////////////////////////////////////////////////////////////////////////////////////////////////
		
		el.addEvent('mouseout',function(){
			$(this).getParent('li').setStyle('background-position','0 -20px');
		});
	});

}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////