/******* Nouvelles fonctions : Cyril 24/03/09
 *
 * - hpo_menu_onlinkover    Action sur événement mouseover sur le lien ou bouton
 * - hpo_menu_onlinkeout    Action sur événement mouseout sur le lien ou bouton
 * - hpo_menu_onmenuover    Action sur événement mouseover sur le menu (toute la surface)
 * - hpo_menu_onmenuout     Action sur événement mouseout sur le menu (toute la surface)
 * - hpo_menu_openmenu      Ouverture du menu
 * - hpo_menu_closemenu     Fermeture du menu
 *
 */
/**
 *
 * Menu Object qui contient toutes les infos de gestion du menu et de ses items
 *
 * @params sLink Racine commune aux identifiant de type Link
 * @params sLayer Racine commune aux identifiant de type Layer
 * @params activeId Identifiant du menu actif au départ (sélectionné)
 * @params timeOut Timeout d'affichage du claque
 * @params closeLast  Fermer le dernier calque ouvert
 */
function hpo_menu_object(sLink, sLayer, activeId, selectedLink, timeOut, closeLast, isAjax) {
    this.sLink = sLink;
    this.sLayer = sLayer;
    this.activeId = activeId;
    this.selectedLink = selectedLink;
    this.timeOut = timeOut;
    this.closeLast = closeLast;
    this.isAjax = isAjax;
    this.ajaxPages = [];
    this.ajaxToogleLoaded = [];
    this.timers = [];
    this.skipEvents = false;
}

/**
 * Timer Objet qui contient les infos timer
 *
 */
function hpo_menu_timer(menuId, timerId, action) {
    this.menuId = menuId;   // id du menu (lien + calque)
    this.action = action;   // Action : open / close
    this.timerId = timerId; // Timer de fermeture ou d'ouverture
}

function hpo_menu_init(sLink, sLayer, activeId, selectedLink, timeOut, closeLast, isAjax) {
    return new hpo_menu_object(sLink, sLayer, activeId, selectedLink, timeOut, closeLast, isAjax);
}

hpo_menu_object.prototype.onLinkClick = function(menuId) {
    var savedId = this.activeId;
    
    if (this.activeId) {
        this.closeMenu(this.activeId);
		}
		
    if (menuId != savedId) {
        this.openMenu(menuId);
		}
};

hpo_menu_object.prototype.onLinkOver = function(menuId) {
	  var thisObj;
	  var timerId;
	  var timerObj;

		if ( this.isAjax && !this.ajaxToogleLoaded[menuId] ) {
			this.loadAjax(menuId);
		}
		
	  // 1 on prolonge le menu actif si il est ouvert
	  for (var i = 0; i < this.timers.length; i++) {
	      timerObj = this.timers[i];
	      clearTimeout(timerObj.timerId);
	      
	      if ((timerObj.menuId == this.activeId) && (timerObj.action == 'close')) {
	          thisObj = this;
	          timerId = setTimeout( function(){ thisObj.closeMenu(thisObj.activeId); }, this.timeOut);
	          this.timers[i].timerId = timerId;
	      }
	      else {
	          this.timers.splice(i--, 1);
				}
	  }
	  
	  // 2 on créé le nouveau timer d'ouverture de menu et on le stocke !
	  thisObj = this;
	  timerId = setTimeout( function(){ thisObj.openMenu(menuId); }, this.timeOut);
	  timerObj = new hpo_menu_timer(menuId, timerId, 'open');
	  this.timers.push(timerObj);
};

hpo_menu_object.prototype.onLinkOut = function (menuId){
    // 1 on supprime l'eventuel timer open du lien
    for (var i = 0; i < this.timers.length; i++) {
        var timerObj = this.timers[i];
        if ((timerObj.menuId == menuId) && (timerObj.action == 'open')) {
            clearTimeout(timerObj.timerId);
            this.timers.splice(i--, 1);
        }
    }
    
    // 2 on appelle la méthode de fermeture onLayerOut !
    this.onLayerOut(menuId);
};

hpo_menu_object.prototype.onLayerOver = function (menuId) {
    // on supprime tous les timers !
    for (var i = 0; i < this.timers.length; i++) {
        var timerObj = this.timers[i];

        clearTimeout(timerObj.timerId);
        this.timers.splice(i--, 1);
    }
};

hpo_menu_object.prototype.onLayerOut = function (menuId) {
    var thisObj;
    var timerId;
    var timerObj;
    
    // on créé le nouveau timer de fermeture pour le menu actif si il existe
    if ((this.closeLast == 1) && (this.activeId !== 0) && (!this.skipEvents)) {
        thisObj = this;
        timerId = setTimeout( function(){ thisObj.closeMenu(thisObj.activeId); }, this.timeOut);
        timerObj = new hpo_menu_timer(this.activeId, timerId, 'close');
        this.timers.push(timerObj);
    }
    else if ((this.closeLast === false) && (this.selectedLink > 0)) {
        thisObj = this;
        timerId = setTimeout( function(){ thisObj.closeMenu(thisObj.activeId); }, this.timeOut);
        timerObj = new hpo_menu_timer(this.activeId, timerId, 'close');
        this.timers.push(timerObj);
        timerId = setTimeout( function(){ thisObj.openMenu(thisObj.selectedLink); }, this.timeOut);
        timerObj = new hpo_menu_timer(this.selectedLink, timerId, 'open');
        this.timers.push(timerObj);
    }
};

/*** Spécifique ie : gestion onFocus sur le select*/
hpo_menu_object.prototype.onFocus = function () {  
    this.skipEvents = true;
};

/*** Spécifique ie : gestion onLeave sur le select*/
hpo_menu_object.prototype.onBlur = function () {   
    this.skipEvents = false;         
};
            
/*** Spécifique ie : gestion onLeave sur le select*/
hpo_menu_object.prototype.onChange = function () {
    this.skipEvents = false;
    event.srcElement.blur();       
};
            
hpo_menu_object.prototype.openMenu = function (menuId) {
		if ( this.isAjax && !this.ajaxToogleLoaded[menuId] ) {
			this.loadAjax(menuId);
		}
		
    var linkObj = document.getElementById(this.sLink + menuId);             // Le nouveau calque
    var layerObj = document.getElementById(this.sLayer + menuId);
    
    // On supprime l'entrée du tableau hpo_menu_objects
    this.cleanTimers(menuId, 'open');
    
    $(linkObj).addClass("over");
    // linkObj.className = 'over';
    // Parcours des enfants et modification de la propriété display
    //this.display(linkObj, linkObj.parentNode, 'block');
    
    if(layerObj) {
			layerObj.style.display = 'block';
		}
		
    // Si il existe un menu actif <> de celui qu'on désire ouvrir, on le supprime !
    if ((this.activeId > 0) && (this.activeId != menuId)) {
        this.closeMenu(this.activeId);
		}
    // Si on a un selectedLink...
    else if ((this.selectedLink > 0) && (this.selectedLink != menuId)) {
        $(this.sLink + this.selectedLink).removeClass('over');
        // document.getElementById(this.sLink + this.selectedLink).className = '';
		}
		
    // On enregistre le nouveau calque actif
    this.activeId = menuId;
    
    // Si on a du ie !!! On parcours les éléments du calque pour ajouter aux selects la gestion du onmouseover et onmouseout !
    if (typeof document.selection != "undefined" && layerObj) {
        var objs = layerObj.getElementsByTagName("SELECT");
        var thisObj = this;
        
        for (var i = 0; i < objs.length; i++) {
            if (objs[i].attachEvent) {
                // Le select
                objs[i].attachEvent("onfocus", function(){ thisObj.onFocus(); });
                objs[i].attachEvent("onblur", function(){ thisObj.onBlur(); });
                objs[i].attachEvent("onchange", function(){ thisObj.onChange(); });
            }
        }
    }
};

hpo_menu_object.prototype.closeMenu = function (menuId) {
    if (menuId === 0) {
        return;
		}
		
    var linkObj = document.getElementById(this.sLink + menuId);
    var layerObj = document.getElementById(this.sLayer + menuId);
    
    // On supprime l'entrée du tableau hpo_menu_objects
    this.cleanTimers(menuId, 'close');
    
    // On gère la sélection du lien...
    if (this.selectedLink > 0) {
        $(this.sLink + this.selectedLink).addClass('over');
        // document.getElementById(this.sLink + this.selectedLink).className = 'over';
		}
		
    if (menuId != this.selectedLink) {
			$(linkObj).removeClass("over");
        // linkObj.className = '';
		}
		
    // Parcours des enfants et modification de la propriété display
    //this.display(linkObj, linkObj.parentNode, 'none');
    if(layerObj) {
			layerObj.style.display = 'none';
		}
		
    // Il n'y a plus de calque actif
    this.activeId = 0;
    
    // Si on a du ie !!! On parcours les éléments du calque pour ajouter aux selects la gestion du onmouseover et onmouseout !
    if (typeof document.selection != "undefined" && layerObj) {
        var objs = layerObj.getElementsByTagName("SELECT");
        var thisObj = this;
        for (var i = 0; i < objs.length; i++) {
            if (objs[i].detachEvent) {
                // Le select
                objs[i].detachEvent("onfocus", function(){ thisObj.onFocus(); });
                objs[i].detachEvent("onblur", function(){ thisObj.onBlur(); });
                objs[i].detachEvent("onchange", function(){ thisObj.onChange(); });
            }
        }
    }
};

hpo_menu_object.prototype.cleanTimers = function (id, sType) {
    for (var i = 0; i < this.timers.length; i++) {
        var timerObj = this.timers[i];
        
        if ((this.timers[i].menuId == id) && (this.timers[i].action == sType)) {
            this.timers.splice(i--, 1);
            break;
        }
    }
};

hpo_menu_object.prototype.loadAjax = function(menuId)
{
	var pageUrl = this.ajaxPages[(menuId - 1)];
	if ( pageUrl ) {
		document.getElementById(this.sLayer + menuId).className = 'loading';
		var thisObj = this;
		pageXhr = this.getFile(pageUrl, 'GET');
		pageXhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
		pageXhr.onreadystatechange = function() 
		{
			if(pageXhr.readyState == 4) 
			{
				document.getElementById(thisObj.sLayer + menuId).innerHTML = pageXhr.responseText;
				document.getElementById(thisObj.sLayer + menuId).className = '';
				thisObj.ajaxToogleLoaded[menuId] = 1;
			}
		};
		pageXhr.send(null); 
	}
};

hpo_menu_object.prototype.getXhr = function()
{
	if(window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}
	else if(window.ActiveXObject) {
		try
		{
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else
	{
		alert("Votre navigateur n'est pas compatible avec XMLHttpRequest");
		return false;
	}
	
	return xhr;
};

hpo_menu_object.prototype.getFile = function(fichier, protocole, asyncr)
{
	if(arguments.length == 3) {
		async = asyncr;
	}
	else {
		async = true;
	}
	// Récupération XMLHttpRequest selon navigateur
	if(!(xhr = this.getXhr())) {
		return false;
	}
		
	//********* Pour contrer le cache IE *******/
	d = new Date();
	
	reg = new RegExp("[?]");
	if(!fichier.match(reg)) {
		fichier = fichier + '?' + d.getTime();
	}
	else {
		fichier = fichier + '&' + d.getTime();
	}
	//*******************************************/
		
	xhr.open(protocole, fichier, async);
	
	return xhr;
};

function hpo_menu_preloadImgs(imgs) {
    var doc = document;
    if (doc.images) { 
        if (!doc.hpo_menu_Images) {
            doc.hpo_menu_Images = [];
				}
				
        var j = doc.hpo_menu_Images.length;
        var args = hpo_menu_preloadImgs.arguments;
        
        for(var i = 0; i < args.length; i++) {
            if (args[i].indexOf("#") !== 0){
                doc.hpo_menu_Images[j] = new Image();
                doc.hpo_menu_Images[j++].src = args[i];
            }
				}
    }
}
/*
hpo_menu_object.prototype.display = function (activeObjId, parent, s) {
    if (parent == null)
        return;
    
    var nodes = parent.childNodes;
    
    for(var i = 0; i < nodes.length; i++) {
        if ((nodes[i] != activeObjId) && (nodes[i].nodeType != 3)) {
            if ((nodes[i].style != undefined) && (nodes[i].style.display != undefined))
                nodes[i].style.display = s;
            this.display(activeObjId, nodes[i], s);
        }
    }
} 
*/
/*function extractParams(s) {
    var r = new RegExp("[ ,;-]+", "g");
    
    var s_ = s.substring(s.indexOf("[",0) + 1, s.indexOf("]",0));
    return s_.split(r)
}*/




function preloaderImage(){
    imageObjn = new Image();
    imageObjo = new Image();

    // Démarrer le préchargement
    for(i=1; i<=6; i++){
        imageObjn.src="/fileadmin/site_corporate/templates/skin/default/imgs/menu/bkg_item"+ i +"_n.gif";
        imageObjo.src="/fileadmin/site_corporate/templates/skin/default/imgs/menu/bkg_item"+ i +"_s.gif";
    }
}