// Ask submenu

var subMenuVisible = false;
var counter = 0;

function loadSubMenu() {
    $(".menu > ul > li > a").each(function(i){
        this.href = "javascript:showSub('" + $(this).attr("id") + "');";
    });

}

function showSub(element)
{      
    var aEmnt = $("#" + element);
    var subMenu = $("#sub-menu-outer");
    
    $(".menu > ul > li").each(function(i){
        $(this).attr("class","link");
    });
    
    aEmnt.parent().attr("class","activeli");
    
    if(!subMenuVisible)
    {
        subMenuVisible = true;    
        subMenu.css("height",$(document).height());
        subMenu.show();
        subMenu.animate({ 
            width: "154px"
          }, 2000, "swing", addSubContent(subMenu, aEmnt) );
    }
    else
    {
        addSubContent(subMenu, aEmnt);
    }
}

function addSubContent(subMenu, aEmnt)
{

    var subMenuInner = $("#sub-menu-inner");
    
    subMenuInner.hide();
    
    subMenuInner.html(aEmnt.parent().find(".hiddensub").html());
    
    subMenuInner.show();

}