﻿var isIE6 = ($.browser.msie && $.browser.version == 6.0);
var siteInit = function() {
    var navShown = null;
    var hasCurrent = false;
    var navOutHandler = function() {
        //$('#console').append($(this).parent().attr("class"));
        if ($(this).parent().attr("id") != null && navShown != null && !hasCurrent) {
            if (navShown == $(this).parent().attr("id")) $("#nav_bg").fadeOut();
        }
    }

    var setNavBgPos = function(elem) {
        switch (elem.attr("id")) {
            case 'nav_tower':
                $("#nav_bg").css('background-position', '0px -104px');
                break;
            case 'nav_experience':
                $("#nav_bg").css('background-position', '0px -208px');
                break;
            case 'nav_location':
                $("#nav_bg").css('background-position', '0px -312px');
                break;
            case 'nav_inquire':
                $("#nav_bg").css('background-position', '0px -416px');
                break;
        }
    }

    var navOverHandler = function() {
        var elem = $(this).parent();
        if (elem.attr("id") != null) {
            navShown = elem.attr("id");
            setNavBgPos(elem);
            $("#nav_bg").show();

        }
    }
    $("#nav").superfish({ pathClass: "current",
        onBeforeShow: navOverHandler,
        onHide: navOutHandler,
        onInit: function() {
            var elem = $('.sf-breadcrumb').first();
            if (elem.attr("id") != null) {
                hasCurrent = true;
                navShown = elem.attr("id");
                setNavBgPos(elem);
            }
        },
        speed: 300,
        delay: 800,
        disableHI: true,
        autoArrows: false,
        dropShadows: false
    });
    
    if (isIE6) {
        var elements = ["#content", "#inner", ".tower_floorplates .floorplate_overlay", ".tower_floorplates #buttons_bg", ".png-fix", "div#lines_overlay", "#bg_shot"];
        var showElement = function() {
            if (counter < elements.length) {
                $('head').append('<style type="text/css">' + elements[counter++] + '{visibility: visible}</style>');
            } else {
                clearInterval(timer);
            }
        }
        var counter = 0;
        var timer = setInterval(showElement, 250);
    }
    $('head').append('<style type="text/css">ul#nav li ul {visibility: visible}</style>');
}
