/* ON DOCUMENT LOAD */
$(function () {
    $.ajaxSetup({    /* Disable caching of AJAX responses */cache: false });

    InitSubNav();
});

var IsHoverActive = false;

function InitSubNav() {
    $('li.trigger a.main-nav').click(function () {

        var trigger = $(this).parent();
        var nav = $(this);

        if (!IsHoverActive) {
            $('li.trigger .sub').fadeOut();

            if (!trigger.find(".sub").is(":visible"))
                ShowSubNav(trigger);
        } else {
            window.location.href = nav.attr("data-url");
        }
    });

    $('li.trigger').hover(function () {
        IsHoverActive = true;
        ShowSubNav(this);
    },
    function () {
        $('li.trigger .sub').hide();
    });
 
    
    // Poiter bit in main navigation
    var html = "<img src='/css/corporate/images/bg-nav-item-bottom.png' width='100%' height='20px' />";
    $("#nav-main li.selected").append(html);

    var dimensions = {};
    SecretOrange.GetDimensions("#nav-main li.selected a", dimensions);

    $("#nav-main li.selected").css("width", dimensions.Width + 2);
}


function ShowSubNav(trigger) {
    var li = $(trigger);
    var sub = li.find('.sub');

    sub.show().hide().fadeIn();

    var liDimensions = {};
    var subDimensions = {};

    SecretOrange.GetDimensions(trigger, liDimensions);
    SecretOrange.GetDimensions(li.find('.sub'), subDimensions);

    sub.css("margin-left", -(subDimensions.Width - liDimensions.Width) / 2 - 10);
}

/* Brands */

$(function () {
    $(".bottle").click(function () {

        BlurAll();

        $(this).removeClass("blur");

        var popupId = $(this).parent().attr("id") + "-popup";

        var popup = $("#" + popupId);

        popup.css("visibility", "visible");
        popup.fadeIn();


        

        var bg = $("<div class='bg ie-pngfix'></div>");

        $("#brands").append(bg);
    });
});

function Reset() {
    $(".bottle").removeClass("blur");
    $(".bottle").addClass("focus");

    $(".bg").remove();

    $(".popup").fadeOut();
}

function BlurAll() {
    $(".bottle").removeClass("focus");
    $(".bottle").addClass("blur");
}