// Parametrage : delai affichage des popup (en ms)
var delaiAffichageMenu = 500;

/*-------------------------------------------------------------
*/
function px(str) {
    return ((str.length) > 2) ? str.substring(0, str.length - 2) : str;
}

$(document).ready(function() {
    // Clic niveau 1
    $(".menuBandeau .level1-container > h1").click(function() {
        var p = $(this).parent().parent();
        if ($("ul", p).length > 0) {
            $(".menuLeftEdge", p).css("background-position", "-10px 0");
            $(".menuRightEdge", p).css("background-position", "-15px 0");
            $(".level1-separator", p).css("visibility", "visible");
            $("ul", p).css("display", "block");
            var o = p.siblings();
            $(".menuLeftEdge", o).css("background-position", "0 0");
            $(".menuRightEdge", o).css("background-position", "-5px 0");
            $(".level1-separator", o).css("visibility", "hidden");
            $("ul", o).css("display", "none");
        }
    });

    // Mouveover niveau 2
    var menuopened = false;
    var timeoutmenu;
    $(".menuBandeau > ul > li > ul > li").mouseenter(function() {
        var t = $(this);
        if (!menuopened) {
            if (t.attr("hovercolor")) {
                t.animate({ "background-color": t.attr("hovercolor") }, 150);
                timeoutmenu = setTimeout(function() {
                    openMenu(t);
                }, delaiAffichageMenu);
            } else
                t.css("background-position", "0 -27px");
        } else {
            openMenu(t);
        }
    });
    $(".menuBandeau > ul").mouseleave(function() {
        menuopened = false;
    });
    $(".menuBandeau > ul > li > ul > li").mouseleave(function() {
        clearTimeout(timeoutmenu);
        var t = $(this);
        if (this.permanentlyActivated !== true) {
            if (t.attr("hovercolor")) {
                if (!menuopened)
                    t.animate({ "background-color": t.parent().css("background-color") }, 150);
                else
                    t.css({ "background-color": t.parent().css("background-color") });
            } else {
                t.css("background-position", "0 0");
            }
        }
        $(".subMenuContent", t).hide();
        $(".shadows", t).hide();
    });

    function openMenu(element) {
        var t = element;
        //$(".subMenuContent", t).show().css("opacity", 0).animate({ opacity: 1 }, 150);
        //$(".subMenuTitle", t).show().css("opacity", 0).animate({ opacity: 1 }, 150);
        $(".shadows, .subMenuContent", t).show();
        $(".shadows", t.siblings()).hide();
        $(".subMenuContent", t.siblings()).hide();
        t.css({ "background-color": t.attr("hovercolor") });
        menuopened = true;
    }

    // Clic liens
    $('.menuBandeau .subMenuContent a').click(function() {
        var li = $(this).closest(".subMenuContent").parent();
        if (li.attr("hovercolor")) {
            li.siblings().css({ "background-color": li.parent().css("background-color") });
        } else {
            li.siblings().css("background-position", "0 0");
        }
        li[0].permanentlyActivated = true;
        $(this).closest(".subMenuContent").trigger("mouseleave");
    });
    $('.menuBandeau .subMenuContent span:has(+a)').click(function() {
        $(this).siblings("a").trigger("click");
    });

    // Calcul shadows :
    $("li > .shadowTop").each(function() {
        $(this).css("width", px($(this).parent()[0].style.width) - 20 + "px");
    });
    $(".subMenuContent .shadowTop1").each(function() {
        var buttonl = $(this).closest("li")[0].style.left || "0px";
        var parentl = $(this).parent()[0].style.left || "0px";
        $(this).css("width", px(buttonl) - px(parentl) - 20 + "px");
    });
    $(".subMenuContent .shadowTop2").each(function() {
        var parentw = $(this).parent()[0].style.width || "600px";
        var parentl = $(this).parent()[0].style.left || "0px";
        var buttonl = $(this).closest("li")[0].style.left || "0px";
        var buttonw = $(this).closest("li")[0].style.width;
        $(this).css("width", px(parentw) - px(buttonl) - (-1) * px(parentl) - px(buttonw) - (-2) + "px");
    });
    $(".subMenuContent .shadowBottom").each(function() {
        if ($(this).parent()[0].style.width != "")
            $(this).css("width", px($(this).parent()[0].style.width) - (-2) + "px");
    });
    $(".color-devenirproprietaire > div.shadowLeft").css("height", "17px");
    $(".color-devenirproprietaire .subMenuContent .shadowTop1").hide();
    $(".color-devenirproprietaire .subMenuContent .shadowTopLeft").hide();
    $(".color-devenirproprietaire .subMenuContent .shadowLeft").css({ "top": "-1px", "height": "92px" });
    $(".color-buyinginfrance > .shadowRight").css("height", "17px");
    $(".color-buyinginfrance > .shadowTopRight").css({ "backgroundPosition": "0px -110px" });
    $(".color-buyinginfrance .subMenuContent .shadowTop2").hide();
    $(".color-buyinginfrance .subMenuContent .shadowTopRight").hide();
    $(".color-buyinginfrance .subMenuContent .shadowRight").css({ "top": "-1px", "height": "92px" });

    // Remplacement polices
    Cufon.now();

    //Déploiement niveau 1
    $(".menuBandeau .level1-container > h1").first().trigger("click");
});

Cufon.replace(".menuBandeau .level1-container > h1", {
    fontFamily: 'Gotham Medium',
    forceHitArea: 'true'
});
Cufon.replace(".menuBandeau > ul > li > ul > li > a", {
    fontFamily: 'Gotham Medium',
    textShadow: '0 1px 0 rgba(0, 0, 0, 0.5)',
    fontStretch: '110%'
});
Cufon.replace(".menuBandeau .subMenuTitle > span", {
    fontFamily: 'Gotham Medium',
    fontStretch: '110%'
});

if (/MSIE/.test(navigator.userAgent) && !hasSilverlightPlugin() && !fullHTMLenabled())
    setTimeout(function(){
        Cufon.replace(".menuBandeau .level1-container > h1", {
            fontFamily: 'Gotham Medium',
            forceHitArea: 'true'
        });
        Cufon.replace(".menuBandeau > ul > li > ul > li > a", {
            fontFamily: 'Gotham Medium',
            textShadow: '0 1px 0 rgba(0, 0, 0, 0.5)',
            fontStretch: '110%'
        });
        Cufon.replace(".menuBandeau .subMenuTitle > span", {
            fontFamily: 'Gotham Medium',
            fontStretch: '110%'
        });
    }, 100);

function navigateMenuHTML(parcourscode) {
    if (/\d_\d_\d_\d/.test(parcourscode)) {
        var codes = parcourscode.split("_");
        if (codes[0] == 1) {
            if (codes[1] >= 1 && codes[1] <= 6) {
                var obj = $(".menuBandeau > ul > li > ul.color-offres > li")[codes[1] - 1];
                obj.permanentlyActivated = true;
                $(obj).css({ "background-color": $(obj).attr("hovercolor") });
            }
        } else if (codes[0] == 2) {
            var p = $(".menuBandeau > ul > li > div.color-lieu").parent();
            $(".menuLeftEdge", p).css("background-position", "-10px 0");
            $(".menuRightEdge", p).css("background-position", "-15px 0");
            $(".level1-separator", p).css("visibility", "visible");
            $("ul", p).css("display", "block");
            var o = p.siblings();
            $(".menuLeftEdge", o).css("background-position", "0 0");
            $(".menuRightEdge", o).css("background-position", "-5px 0");
            $(".level1-separator", o).css("visibility", "hidden");
            $("ul", o).css("display", "none");
            if (codes[1] >= 1 && codes[1] <= 4) {
                var obj = $(".menuBandeau > ul > li > ul.color-lieu > li")[codes[1] - 1];
                obj.permanentlyActivated = true;
                $(obj).css("background-position", "0 -27px");
            }
        } else if (codes[0] == 3) {
            var p = $(".menuBandeau > ul > li > div.color-espaceperso").parent();
            $(".menuLeftEdge", p).css("background-position", "-10px 0");
            $(".menuRightEdge", p).css("background-position", "-15px 0");
            $(".level1-separator", p).css("visibility", "visible");
            $("ul", p).css("display", "block");
            var o = p.siblings();
            $(".menuLeftEdge", o).css("background-position", "0 0");
            $(".menuRightEdge", o).css("background-position", "-5px 0");
            $(".level1-separator", o).css("visibility", "hidden");
            $("ul", o).css("display", "none");
            if (codes[1] >= 1 && codes[1] <= 5) {
                var obj = $(".menuBandeau > ul > li > ul.color-espaceperso > li")[codes[1] - 1];
                obj.permanentlyActivated = true;
                $(obj).css("background-position", "0 -27px");
            }
        }
    }
}