var xOffset = 1;
var yOffset = 26;
//hOffset is a quick fix for MenuContainer height (firefox & IE compatibility)
var hOffset = 0;

if( document.all )
    hOffset = 5;
	
if(strVisitorType == "guest") {
    //new ypSlideOutMenu('menu1', 'down', findPosX(document.getElementById("About"))-xOffset, findPosY(document.getElementById("About"))+yOffset, 175, 150+hOffset);
    new ypSlideOutMenu('menu2', 'down', findPosX(document.getElementById("Browse"))-xOffset, findPosY(document.getElementById("Browse"))+yOffset, 120, hOffset-2<=0 ? 200 : 200+hOffset-2);
    new ypSlideOutMenu('menu3', 'down', findPosX(document.getElementById("BuildCollection"))-xOffset, findPosY(document.getElementById("BuildCollection"))+yOffset, 150, 161+hOffset);
    new ypSlideOutMenu('menu4', 'down', findPosX(document.getElementById("Tools"))-xOffset, findPosY(document.getElementById("Tools"))+yOffset, 200, 180+hOffset);
    new ypSlideOutMenu('menu5', 'right', findPosX(document.getElementById("Abouts"))+175, findPosY(document.getElementById("Abouts"))-2, 150, 100+hOffset);
    new ypSlideOutMenu('menu6', 'right', findPosX(document.getElementById("Licenses")), findPosY(document.getElementById("Licenses"))+100, 150, 100+hOffset);
    new ypSlideOutMenu('menu7', 'right', findPosX(document.getElementById("Licenses")), findPosY(document.getElementById("Licenses"))+100, 150, 100+hOffset);
    new ypSlideOutMenu('menu15', 'right', findPosX(document.getElementById("vendor")), findPosY(document.getElementById("vendor"))+100, 300, 350+hOffset);
    new ypSlideOutMenu('menu10', 'right', findPosX(document.getElementById("ImageDatabase")), findPosY(document.getElementById("ImageDatabase")), 200, 55+hOffset);
    
    
}

if(strVisitorType == "customer") {
    //new ypSlideOutMenu('menu1', 'down', findPosX(document.getElementById("About"))-xOffset, findPosY(document.getElementById("About"))+yOffset, 175, 138+hOffset);
    new ypSlideOutMenu('menu2', 'down', findPosX(document.getElementById("Browse"))-xOffset, findPosY(document.getElementById("Browse"))+yOffset, 120, hOffset-2<=0 ? 220 : 220+hOffset-2);
    new ypSlideOutMenu('menu3', 'down', findPosX(document.getElementById("BuildCollection"))-xOffset, findPosY(document.getElementById("BuildCollection"))+yOffset, 150, 161+hOffset);
    new ypSlideOutMenu('menu6', 'right', findPosX(document.getElementById("wishlist")), findPosY(document.getElementById("wishlist"))+yOffset, 150, 300+hOffset);
    new ypSlideOutMenu('menu15', 'right', findPosX(document.getElementById("vendor")), findPosY(document.getElementById("vendor"))+yOffset, 300, 350+hOffset);
    new ypSlideOutMenu('menu4', 'down', findPosX(document.getElementById("Tools"))-xOffset, findPosY(document.getElementById("Tools"))+yOffset, 200, 145+hOffset);
    new ypSlideOutMenu('menu12', 'right', findPosX(document.getElementById("Abouts")), findPosY(document.getElementById("Abouts")), 200, 115+hOffset);
    new ypSlideOutMenu('menu13', 'right', findPosX(document.getElementById("Licenses")), findPosY(document.getElementById("Licenses")), 200, 75+hOffset);
        
    //menu for IMAGE SETS
    new ypSlideOutMenu('menu8', 'down', findPosX(document.getElementById("ImageSets"))-xOffset, findPosY(document.getElementById("ImageSets"))+yOffset, 200, 100+hOffset);
    //sub menu nested 1 for SCHOLARS RESOURCE SETS
    new ypSlideOutMenu('menu9', 'right', findPosX(document.getElementById("ScholarSets")), findPosY(document.getElementById("ScholarSets")), 200, 75+hOffset);
    //sub menu nested 1 for MY SETS
    new ypSlideOutMenu('menu11', 'right', findPosX(document.getElementById("MySets")), findPosY(document.getElementById("MySets")), 100, 55+hOffset);
    new ypSlideOutMenu('menu14', 'right', findPosX(document.getElementById("MyLists")), findPosY(document.getElementById("MyLists"))+yOffset, 150, 300+hOffset);
    new ypSlideOutMenu('menu10', 'right', findPosX(document.getElementById("ImageDatabase")), findPosY(document.getElementById("ImageDatabase")), 200, 55+hOffset);
    //new ypSlideOutMenu('menu5', 'right', findPosX(document.getElementById("Abouts"))+175, findPosY(document.getElementById("Abouts"))-2, 100, 45+hOffset);
    //new ypSlideOutMenu('menu6', 'down', findPosX(document.getElementById("MyLists"))+175, findPosY(document.getElementById("MyLists"))+yOffset, 100, 300+hOffset);
	
	
  
}
//new ypSlideOutMenu('menu7', 'down', findPosX(document.getElementById("ImageDatabase"))-xOffset, findPosY(document.getElementById("ImageDatabase"))+yOffset, 250, 138+hOffset);
function MenuHandler(menu,caller,action,pixel) {    
    if(action.indexOf("show") != -1) {
		 
        if(action == "showsub") {
            document.getElementById(menu+"Container").style.left = findPosX(caller)+200+pixel+"px";
            document.getElementById(menu+"Container").style.top = findPosY(caller)+5+"px";
        }
		
        if(action == "show") {
            document.getElementById(menu+"Container").style.left = findPosX(caller) - xOffset+"px";
            document.getElementById(menu+"Container").style.top = findPosY(caller) + yOffset+"px";
        }
		
        ypSlideOutMenu.showMenu(menu);
    }
	
    if(action == "hide") {			
        ypSlideOutMenu.hideMenu(menu);
    }
}

function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent) {
        while (obj.offsetParent) {
            curleft += obj.offsetLeft
            obj = obj.offsetParent;
        }
    }
    else if (obj.x)
        curleft += obj.x;
    return curleft;
}

function findPosY(obj) {
    //alert(obj);
    var curtop = 0;
    if (obj.offsetParent) {
        while (obj.offsetParent) {
            curtop += obj.offsetTop
            obj = obj.offsetParent;
        }
    }
    else if (obj.y)
        curtop += obj.y;
    return curtop;
}

//alert(screen.width+" "+document.body.clientWidth);

if(screen.width <= 800 && document.body.clientWidth < 1024) {
    if( document.getElementById("ContentColumn4") )
        document.getElementById("ContentColumn4").style.display = "none";
	
    if(document.getElementById("ContentColumn1") && document.getElementById("ContentColumn3")) {
        document.getElementById("ContentColumn2").style.width = "272px";
        document.getElementById("ContentColumn3").style.width = "272px";
    }
    else {
        if(document.getElementById("ContentColumn1") || document.getElementById("ContentColumn3"))
            document.getElementById("ContentColumn2").style.width = "559px";
        else {
            document.getElementById("ContentColumn2").style.width = "750px";
        }
    }
}
else {
    if(document.getElementById("ContentColumn4"))
        document.getElementById("ContentColumn4").style.display = "block";
}

//alert(screen.width+" "+document.body.clientWidth)