var t = 1200;
var ouvreHome = false;
var fermeHome = false;
var ouvrePragma = false;
var fermePragma = false;
var ouvreExpertises = false;
var fermeExpertises = false;
var ouvreProduits = false;
var fermeProduits = false;
var ouvreClients = false;
var fermeClients = false;
var ouvreRecrutement = false;
var fermeRecrutement = false;
var ouvreContact = false;
var fermeContact = false;
var topPragma;
var d = 300;


(function($) {

    $.fn.delayedMouseover = function(callback, options) {

        var options = $.extend({ delay: 1000 }, options);

        return this.each(function() {
            var obj = $(this);
            var timer = false;
            obj.mouseover(function(event) {
                if (timer) clearTimeout(timer);
                timer = setTimeout(function() { callback.apply(obj[0], [event]); }, options.delay);
            });
            obj.mouseout(function(event) {
                if (timer) clearTimeout(timer);
                timer = false;
            });
        });
    };

})(jQuery);

$(document).ready(function() {

    function getContainerWithClassName(node, tagName, className) {
        while (node != null) {
            if (node.tagName != null && node.tagName == tagName && hasClassName(node, className)) {
                return node;
            }
            node = node.parentNode;
        }
        return node;
    }
    function hasClassName(el, name) {
        var i, list;
        list = el.className.split(" ");
        for (i = 0; i < list.length; i++) {
            if (list[i] == name) {
                return true;
            }
        }
        return false;
    }



    //ferme tout les onglets
    function closeAll() {


        if (document.getElementById("ssMenuHome").style.display == 'block') {
            if (!fermeHome) {
                fermeHome = true;
                //$("#ssMenuHome").stop(true, true);
                $("#ssMenuHome:visible").hide("slide", { direction: "down" }, t, function() {
                    fermeHome = false;
                }); //cache sous menu2
                $("#monMenuHome").css("visibility", "visible");
            }
        }
        if (document.getElementById("ssMenuPragma").style.display == 'block') {
            if (!fermePragma) {
                fermePragma = true;
                //$("#ssMenuPragma").stop(true, true);

                $("#ssMenuPragma:visible").hide("slide", { direction: "down" }, t, function() {
                    fermePragma = false;

                }); //cache sous menu2
                $("#monMenuPragma").css("visibility", "visible");
            }
        }
        if (document.getElementById("ssMenuExpertises").style.display == 'block') {
            if (!fermeExpertises) {
                fermeExpertises = true;
                //$("#ssMenuExpertises").stop(true, true);
                $("#ssMenuExpertises:visible").hide("slide", { direction: "down" }, t, function() {
                    fermeExpertises = false;
                }); //cache sous menu2
                $("#monMenuExpertises").css("visibility", "visible");
            }
        }
        if (document.getElementById("ssMenuProduits").style.display == 'block') {
            if (!fermeProduits) {
                fermeProduits = true;
                //$("#ssMenuProduits").stop(true, true);
                $("#ssMenuProduits:visible").hide("slide", { direction: "down" }, t, function() {
                    fermeProduits = false;
                }); //cache sous menu2
                $("#monMenuProduits").css("visibility", "visible");
            }
        }
        if (document.getElementById("ssMenuClients").style.display == 'block') {
            if (!fermeClients) {
                fermeClients = true;
                //$("#ssMenuClients").stop(true, true);
                $("#ssMenuClients:visible").hide("slide", { direction: "down" }, t, function() {
                    fermeClients = false;
                }); //cache sous menu2
                $("#monMenuClients").css("visibility", "visible");
            }
        }
        if (document.getElementById("ssMenuRecrutement").style.display == 'block') {
            if (!fermeRecrutement) {
                fermeRecrutement = true;
                //$("#ssMenuRecrutement").stop(true, true);
                $("#ssMenuRecrutement:visible").hide("slide", { direction: "down" }, t, function() {
                    fermeRecrutement = false;
                }); //cache sous menu2
                $("#monMenuRecrutement").css("visibility", "visible");
            }
        }
        if (document.getElementById("ssMenuContact").style.display == 'block') {
            if (!fermeContact) {
                fermeContact = true;
                //$("#ssMenuContact").stop(true, true);
                $("#ssMenuContact:visible").hide("slide", { direction: "down" }, t, function() {
                    fermeContact = false;
                }); //cache sous menu2
                $("#monMenuContact").css("visibility", "visible");
            }
        }
    }

    /*$("html").click(function() {
        //if (!ouvreHome && !ouvrePragma && !ouvreExpertises && !ouvreClients && !ouvreRecrutement && !ouvreContact)
        closeAll();
    });*/

    $("#ssMenuHome").mouseout(function(e) {
        e = window.event || e;
        var el = e.toElement || e.relatedTarget;
        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });

    $("#ssMenuClients").mouseout(function(e) {
        e = window.event || e;
        var el = e.toElement || e.relatedTarget;
        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });

    $("#ssMenuExpertises").mouseout(function(e) {
        e = window.event || e;
        var el = e.toElement || e.relatedTarget;
        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });
    
    $("#ssMenuProduits").mouseout(function(e) {
        e = window.event || e;
        var el = e.toElement || e.relatedTarget;
        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });
    
    $("#ssMenuRecrutement").mouseout(function(e) {
        e = window.event || e;
        var el = e.toElement || e.relatedTarget;
        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });

    $("#ssMenuPragma").mouseout(function(e) {

        e = window.event || e;
        var el = e.toElement || e.relatedTarget;

        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });

    $("#ssMenuContact").mouseout(function(e) {

        e = window.event || e;
        var el = e.toElement || e.relatedTarget;
        if (getContainerWithClassName(el, "DIV", "ssMenu") == null) {
            closeAll();
        }
    });

    //ouvre le menu et ferme les autres
    $("#monMenuHome").delayedMouseover(function(event) {
        closeAll();
        if ($("#ssMenuHome div").size() > 1) {
            if (!ouvreHome) {
                ouvreHome = true;
                $("#monMenuHome").css("visibility", "hidden");
                $("#ssMenuHome").show("slide", { direction: "down" }, t, function() {
                    ouvreHome = false;
                }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler
            }
        }
    }, { delay: d });

    $("#monMenuPragma").delayedMouseover(function(event) {
        closeAll();
        if (!ouvrePragma) {
            if ($("#ssMenuPragma div").size() > 1) {

                ouvrePragma = true;
                $("#monMenuPragma").css("visibility", "hidden");


                $("#ssMenuPragma").show("slide", { direction: "down" }, t, function() {
                    ouvrePragma = false;

                }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler
            }
        }
    }, { delay: d });

    $("#monMenuExpertises").delayedMouseover(function(event) {
        closeAll();
        if (!ouvreExpertises) {
            if ($("#ssMenuExpertises div").size() > 1) {

                ouvreExpertises = true;
                $("#monMenuExpertises").css("visibility", "hidden");
                $("#ssMenuExpertises").show("slide", { direction: "down" }, t, function() {
                    ouvreExpertises = false;
                }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler
            }
        }
    }, { delay: d });

    $("#monMenuProduits").delayedMouseover(function(event) {
        closeAll();
        if (!ouvreProduits) {
            if ($("#ssMenuProduits div").size() > 1) {

                ouvreProduits = true;
                $("#monMenuProduits").css("visibility", "hidden");
                $("#ssMenuProduits").show("slide", { direction: "down" }, t, function() {
                    ouvreProduits = false;
                }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler
            }
        }
    }, { delay: d });

    $("#monMenuClients").delayedMouseover(function(event) {
        closeAll();
        if ($("#ssMenuClients div").size() > 1) {
            if (!ouvreClients) {
                ouvreClients = true;
                $("#monMenuClients").css("visibility", "hidden");
                $("#ssMenuClients").show("slide", { direction: "down" }, t, function() {
                    ouvreClients = false;
                }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler
            }
        }
    }, { delay: d });

    $("#monMenuRecrutement").delayedMouseover(function(event) {
        closeAll();
        if ($("#ssMenuRecrutement div").size() > 1) {
            if (!ouvreRecrutement) {
                ouvreRecrutement = true;
                $("#monMenuRecrutement").css("visibility", "hidden");
                $("#ssMenuRecrutement").show("slide", { direction: "down" }, t, function() {
                    ouvreRecrutement = false;
                }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler
            }
        }
    }, { delay: d });
    $("#monMenuContact").delayedMouseover(function(event) {
        //if (!anim) {
        closeAll();
        if ($("#ssMenuContact div").size() > 1) {
            ouvre = true;
            $("#monMenuContact").css("visibility", "hidden");
            $("#ssMenuContact").show("slide", { direction: "down" }, t, function() {
                ouvre = false;
            }).css("display", "block"); //affiche sous menu2 et ajoute le style css "display:block" pour rien dcaler	
        }
        //}

    }, { delay: d });

    //Calcul de la taille du sous menu
    var h = 176;
    var mtaille = $("#ssMenuHome").height();
    var taille = h - mtaille;
    $("#ssMenuHome").css("top", taille + "px");

    mtaille = $("#ssMenuPragma").height();
    taille = h - mtaille;
    $("#ssMenuPragma").css("top", taille + "px");
    topPragma = taille + "px";

    mtaille = $("#ssMenuExpertises").height();
    taille = h - mtaille;
    $("#ssMenuExpertises").css("top", taille + "px");

    mtaille = $("#ssMenuProduits").height();
    taille = h - mtaille;
    $("#ssMenuProduits").css("top", taille + "px");

    mtaille = $("#ssMenuClients").height();
    taille = h - mtaille;
    $("#ssMenuClients").css("top", taille + "px");

    mtaille = $("#ssMenuRecrutement").height();
    taille = h - mtaille;
    $("#ssMenuRecrutement").css("top", taille + "px");

    mtaille = $("#ssMenuContact").height();
    taille = h - mtaille;
    $("#ssMenuContact").css("top", taille + "px");


});