PNOTopNavigation.prototype.navigation;
PNOTopNavigation.prototype.navigationDropDown;
PNOTopNavigation.prototype.TARGETHEIGHT = 500;
PNOTopNavigation.prototype.HEIGHTCLOSED = 42;

function PNOTopNavigation(container, bottomImage, NavDropDown, HTML, extFrame) {

//    this.navigationDropDown = document.getElementById(NavDropDown);
//    this.navigation = document.getElementById(container);
//    this.navigation.innerHTML = HTML;

    this.TARGETHEIGHT = 500;
    this.HEIGHTCLOSED = 42;
    this.navigationDropDown = $("#"+NavDropDown);
    this.navigation = $("#"+container);
    this.navigation.html(HTML);
    
    var navObj = this;
    $("#topLevelTopNavigationMenu").hover(
        function() { navObj.Open(navObj); },
        function() { navObj.Close(navObj); }
        );
}

PNOTopNavigation.prototype.Open = function(navObj) {
    //    navObj.navigation.style.height = navObj.TARGETHEIGHT + " px"
    //    navObj.navigationDropDown.style.height = (navObj.TARGETHEIGHT + 4) + " px"
    
    navObj.navigation.height(navObj.TARGETHEIGHT);
    navObj.navigationDropDown.height((navObj.TARGETHEIGHT + 4));

}

PNOTopNavigation.prototype.Close = function(navObj) {
//    navObj.navigation.style.height = navObj.HEIGHTCLOSED + " px";
//    navObj.navigationDropDown.style.height = "1 px";

    navObj.navigation.height(navObj.HEIGHTCLOSED );
    navObj.navigationDropDown.height(5);
}