function FixFooter(containerId ) {

    var container = $('div[id="' + containerId + '"]');
    var containerContent = container.children("div.subMenuItemContainer2");
    var containerContentWidth = containerContent.width();
    var containerWidth = container.width();
    var footer = container.children("div[id^='divFoot_']");
    footer.width(containerContentWidth + "px");
    //alert(containerContentWidth);
    var corner = footer.children("div.rightBottomCorner");
    var footBody = footer.children("div.footBody");
    var cornerWidth = corner.width();
    var footerWidth = footer.width();
    var targetWidth = footerWidth - cornerWidth;
    //alert("cornerWidth = "+cornerWidth +" footerWidth = " + footerWidth +" targetWidth = " + targetWidth + "px");
    footBody.width(targetWidth + "px");
    //corner.css("marginLeft", targetWidth + "px");
 }

function HideShowMenuItemWrapper(containerId, isVisible, sender) {
    if ($.browser.msie || ($.browser.mozilla &&  parseInt($.browser.version) ==10 ) ) {
        $('div[id="' + containerId + '"]').removeAttr("onmouseover").removeAttr("onmouseout");
        if (sender != null)
            $(sender ).removeAttr("onmouseover").removeAttr("onmouseout");
        return;
    }
    HideShowMenuItem(containerId, isVisible, sender);
 }
function HideShowMenuItem(containerId, isVisible, sender) {

    HideShowSubMenu(containerId, isVisible);

    if (isVisible && sender != null) {
        SetSubMenuPosition("divSubMenu", sender);
        FixFooter(containerId);
    }
}

function HideShowSubMenu(containerId, isVisible) {

    var container = $('div[id="' + containerId + '"]');
    container.toggleClass("hideItem");

//    if (isVisible) {
//        
//        if($.browser.msie && 7== GetIEBrowserMode())
//            FixHeaderWidth(containerId);
//        setTimeout("FixMenuLayoutHeight('" + containerId + "');",500);
//    }
}

function SetSubMenuPosition(subMenuContainerId, sender) {

    if (sender != null) {
        var subDiv = $('div[id="' + subMenuContainerId + '"]');
        var offset = sender.offsetLeft + sender.offsetParent.offsetLeft;
        var containerWidth = subDiv.width();
        
        var parentWidth = subDiv.parent().width();
        
        var menuItem = $(sender).children("a");
        var menuItemMargin = parseInt( menuItem.css("marginLeft"),10);
        menuItemMargin = menuItemMargin ? menuItemMargin : 0;

        var margin = offset + menuItemMargin;

        if (containerWidth + offset > parentWidth) {
            margin = parentWidth - containerWidth;
        }
        
        subDiv.css("marginLeft", margin);
    }
}