var hideFloatingMenu = true;
var currentNavItem = undefined;

$(document).ready(function () {
    
    addNavActions();
    //set the current navigation to selected
    if (typeof selected != "undefined") {
        setSelectedNav(selected);
    }
});

function addNavActions() {
    $("#nav_solutions").mouseenter(function() { OnMouseEnter("nav_solutions") });
    $("#nav_solutions").mouseleave(function() { OnMouseLeave("nav_solutions") });
    $("#nav_solutions").click(function() { onNavSectionClick("nav_solutions")});
     
    $("#nav_products").mouseenter(function() { OnMouseEnter("nav_products") });
    $("#nav_products").mouseleave(function() { OnMouseLeave("nav_products") });
    $("#nav_products").click(function() { onNavSectionClick("nav_products")});
    
    $("#nav_support").mouseenter(function() { OnMouseEnter("nav_support") });
    $("#nav_support").mouseleave(function() { OnMouseLeave("nav_support") });
    $("#nav_support").click(function() { onNavSectionClick("nav_support")});
    
    $("#nav_partners").mouseenter(function() { OnMouseEnter("nav_partners") });
    $("#nav_partners").mouseleave(function() { OnMouseLeave("nav_partners") });
    $("#nav_partners").click(function() { onNavSectionClick("nav_partners")});
    
    $("#nav_aboutus").mouseenter(function() { OnMouseEnter("nav_aboutus") });
    $("#nav_aboutus").mouseleave(function() { OnMouseLeave("nav_aboutus") });
    $("#nav_aboutus").click(function() { onNavSectionClick("nav_aboutus")});
    
}

function onNavSectionClick(section) {
    //alert($("#" + section + " a").attr("href"));
    window.location = "" + $("#" + section + " a").attr("href");
}

function setSelectedNav(item) {
    if (item == undefined) {
        return;
    }
    $("." + item).attr("rel", "selected"); // = "selected";
    $("#nav_" + item).css("background-position","0 -42px");
    
    //show border 
    $("#nav_" + item).css("padding", "0");
    $("#nav_" + item).css("border-top", "1px solid #CCC");
    $("#nav_" + item).css("border-left", "1px solid #CCC");
    $("#nav_" + item).css("border-bottom", "1px solid #CCC");
    $("#nav_" + item).css("border-right", "1px solid #FFF");
    
    //show the plus button
    $("#nav_" + item + " div").css("background-position", "0px 0px")
   	$("#nav_" + item + " div").css("top", "12px");
   	$("#nav_" + item + " div").css("right", "9px");
}

function unsetSelectedNav(item) {
    $("#nav_" + item + " div").css("background-position", "0px -20px")
    $("#nav_" + item).css("background-position","0px 0px");
    $("#nav_" + item).css("border", "none");
    $("#nav_" + item).css("padding", "1px");
}

function floatingMenuHideHandler()
{
    if (typeof currentNavItem == "undefined" || currentNavItem == undefined) {
        return;
    }
    if (typeof selected == "undefined") {
        unsetSelectedNav(currentNavItem);
    } else if (currentNavItem != selected) {
        unsetSelectedNav(currentNavItem);
    }
}

function HideFloatingMenu()
{
    $(".floatingMenu").hide(0,floatingMenuHideHandler);
    floatingMenuHideHandler(null);
}

function OnMouseEnter(target)
{
    //alert($(eventObject.target));
    
    hideFloatingMenu = false;
    
    //var $target = $(eventObject.target);
    
    //alert(eventObject);
    var $target = $("#" + target);
    //alert($target);
    //show child div plus minus rollover effect
    $("#" + target + " div").css("background-position", "0px 0px");
    $("#" + target + " div").css("top", "12px");
   	$("#" + target + " div").css("right", "9px");
    //show border on navigation a element
    $target.css("padding", "0");
    $target.css("border-top", "1px solid #CCC");
    $target.css("border-left", "1px solid #CCC");
    $target.css("border-bottom", "1px solid #CCC");
    $target.css("border-right", "1px solid #FFF");
    $target.css("background-position","0px -42px");
   
    
    if ($("#" + target).attr("rel") != undefined)
    {
        //just reset the selected style of the previous menu item
        floatingMenuHideHandler(null);
        // set the current target as the current nav item
        currentNavItem = $target.attr("id").split("nav_")[1];
        
        $(".floatingMenu").html($("#" + $("#" + target).attr("rel")).html());
        
        $(".floatingMenu").mouseenter(OnFloatingMenuEnter);

        $(".floatingMenu").mouseleave(OnFloatingMouseLeave);
        $(".floatingMenu").show("fast");
        //we need to get above c-
        $(".floatingMenu").css("z-index", "1500");
        
        setSelectedNav(currentNavItem);
    }
    else
    {
        //alert("hi");
        $(".floatingMenu").hide("fast",floatingMenuHideHandler);
        floatingMenuHideHandler(null);
    }
}

function OnMouseLeave(target) {
    //var $target = $(eventObject.target);
    var $target = $("#" + target);
    //alert($($target).attr(");
    hideFloatingMenu = true;
    if($($target).children("a").attr("rel") != "selected") {
        $("#" + target + " div").css("background-position", "0px -20px");
        $("#" + target + " div").css("top", "13px");
		$("#" + target + " div").css("right", "10px");
        $target.css("background-position","0px 0px");
        $target.css("border", "none");
        $target.css("padding", "1px");
    }
    
    window.setTimeout(function() {
        if (hideFloatingMenu == true) {
            $(".floatingMenu").hide("fast",floatingMenuHideHandler);
            floatingMenuHideHandler(null);
        }
    }, 0);
}

function OnFloatingMenuEnter() {
    hideFloatingMenu = false;
}

function OnFloatingMouseLeave() {
    $(".floatingMenu").hide("fast",floatingMenuHideHandler);
    floatingMenuHideHandler(null);
}