/*----------------------------------------------------
// menus.js
//
//--------------------------------------------------*/

/*----------------------------------------------------
// Browser Detect
//--------------------------------------------------*/

var isNav, isIE, isNN6;

if (parseInt(navigator.appVersion) >= 4) {
    if (navigator.appName == "Netscape") {
        isNav = true;
        if (document.getElementById) {
            isNN6 = true;
        }
        else {
            isNN6 = false;
        }

    } else {
        isIE = true;
    }
}

/*----------------------------------------------------
// Global variables
//--------------------------------------------------*/

// global list of all menuItems.
// Keeps track of menuItem ids and provides a quick
// method for grabbing the handle of a menuItem based
// on its id.
var menuItems = new Array();

// global list of all menuItemProps.
// Keeps track of menuItemProp ids and provides a quick
// method for grabbing the handle of a menuItemProp based
// on its id.
var menuItemProps = new Array();

var rootMenu = null; 			// rootMenu
var timer; 						// Timer.  Gives a pause before collapsing all menus.
var holdtime = 0; 				// Pause time before collapsing all menus.
var image;
var imageName;

/*----------------------------------------------------
// Some global functions.
//--------------------------------------------------*/

/*----------------------------------------------------
// collapseRootMenu
//----------------------------------------------------
// Hides all open menus beginning with rootMenu.
//--------------------------------------------------*/

function collapseRootMenu() {

    if (rootMenu) {
        rootMenu.hide();
        rootMenu = null;
        collapseRootMenu()
        //		turnOff(imageName)
        showStatus('')
    }
}


/*----------------------------------------------------
// openRootMenu
//----------------------------------------------------
// Opens a menu as the rootMenu.  Use this function
// to begin a cascading menu instead of calling the
// menu's show method directly.
//--------------------------------------------------*/

function openRootMenu(menu, left, top, z_index, image) {

    // If any other menus are open, close them.
    if (rootMenu) {
        collapseRootMenu();
    }

    // If the timer has been started, clear it.
    if (timer) {
        clearTimeout(timer);
    }

    // Assign menu as the rootMenu
    if (menu) {
        rootMenu = menu;
        rootMenu.expand(left, top, z_index, image);
        rootMenu.show(image);
        imageName = image
        //timer = setTimeout("collapseRootMenu();", holdtime);	
    }

}


/*----------------------------------------------------
// menuItemProp Object
//--------------------------------------------------*/

/*----------------------------------------------------
// menuItemProp
//----------------------------------------------------
// Constructor for menuItemProp
// Describes display properties of a menuItem
//--------------------------------------------------*/

function menuItemProp(width, bgcolor, highlightcolor, borderwidth, imagesrc, imagewidth, css_attributes) {

    // Grab next menuItemProp id from global list.
    var id = menuItemProps.length;

    this.id = id;
    this.className = "menuProp" + id;

    this.width = width;
    this.bgcolor = bgcolor;
    this.highlightcolor = highlightcolor;
    this.borderwidth = borderwidth;
    this.imagesrc = imagesrc;
    this.imagewidth = imagewidth;

    // Establish style tag for this menuProp.
    var styleStr = "\n\n<STYLE TYPE='text/css'>\n";
    styleStr += "<!--\n";
    styleStr += "." + this.className + " {\n";

    for (var i in css_attributes) {
        styleStr += i + ": " + css_attributes[i] + ";\n";
    }

    styleStr += "}\n";
    styleStr += "// -->\n";
    styleStr += "</STYLE>\n";

    document.write(styleStr);

    menuItemProps[id] = this; 		// Add to global list of menuItemProps.

    return this;
}


/*----------------------------------------------------
// menuItem Object and Related Functions
//--------------------------------------------------*/

/*----------------------------------------------------
// menuItem
//----------------------------------------------------
// Constructor for menuItem
//
// Pass in a label, a string to be evaluated as the
// onclick event handler (optional), a
// menuItemProp object and a handle to
// a subMenu (optional).
//
// The subMenu can be set later by assigning it to 
// the menuItem's subMenu property.  However,
// a "true" value must be passed to the constructor
// as the third parameter if you want the subMenu
// graphic to show on the menuItem.
//
//
// e.g.
//
//		var menu1 = new menuItem("Menu 1", "", menuItemProp, true);
//		var menu2 = new menuItem("Menu 2", "", menuItemProp, false);
//		menu1.subMenu = menu2;
//--------------------------------------------------*/

function menuItem(label, onclick, props, sub_menu) {

    // Grab next menuItem id from global list.
    var id = menuItems.length;
    var objTag = "";

    if (isIE || isNN6) {
        objTag += "<div id=\"" + id + "\"";
        objTag += " class=\"" + props.className + "\"";
        objTag += " style=\"";
        objTag += " position: absolute;";
        objTag += " visibility: hidden;";
        objTag += " left: 15;";
        objTag += " top: 0;";
        objTag += " width: " + props.width + ";";
        objTag += " background-color: " + props.bgcolor + ";";
        objTag += " z-index: 0;";
        objTag += "\"";
        objTag += " onmouseover=\"menuItem_mouseover('" + id + "');\"";
        objTag += " onmouseout=\"menuItem_mouseout('" + id + "');\"";
        if (onclick) {
            objTag += " onclick=\"collapseRootMenu();" + onclick + "\"";
        }
        objTag += ">";
        if (sub_menu) {
            objTag += "<img src=\"" + props.imagesrc + "\" border=\"0\" align=\"right\" width=\"" + props.imagewidth + "\" vspace=\"2\">"
        }
        objTag += "&#160;" + label
        objTag += "</nobr></div>";
    } else if (isNav) {
        objTag += "<layer id=\"" + id + "\"";
        objTag += " class=\"" + props.className + "\"";
        objTag += " visibility=\"hidden\"";
        objTag += " left=0";
        objTag += " top=0";
        objTag += " width=" + props.width;
        objTag += " bgcolor=" + props.bgcolor;
        objTag += " z-index=0";
        objTag += " onmouseover=\"menuItem_mouseover('" + id + "');\"";
        objTag += " onmouseout=\"menuItem_mouseout('" + id + "');\"";
        if (onclick) {
            objTag += " onfocus=\"collapseRootMenu();" + onclick + "\"";
        }
        objTag += ">";
        if (sub_menu) {
            objTag += "<img src=\"" + props.imagesrc + "\" border=\"0\" align=right width=\"" + props.imagewidth + "\" vspace=\"2\">"
        }
        objTag += "&#160;" + label
        objTag += "</layer>";
    }

    // Create object.
    document.write(objTag);

    this.obj = getMenuItem(id); 	// Store a handle to the object we just created.
    this.id = id;
    this.menu = null; 			// The menu that the menuItem belongs to.
    this.subMenu = sub_menu; 	// A subMenu to display beneath the menuItem.

    // Save the display properties that we need.
    this.bgcolor = props.bgcolor;
    this.highlightcolor = props.highlightcolor;
    this.borderwidth = props.borderwidth;

    menuItems[id] = this; 		// Add to global list of menuItems.
    return this;
}


/*----------------------------------------------------
// getMenuItem
//----------------------------------------------------
// Grabs a handle to a menuItem's object based on id.
// Called by menuItem constructor.
//--------------------------------------------------*/

function getMenuItem(id) {
    if (isIE) {
        return eval("document.all(\"" + id + "\")");
    } else if (isNav) {
        if (isNN6) {
            return document.getElementById(''.concat(id));
        }
        else {
            return eval("document.layers[\"" + id + "\"]");
        }
    }
    return null;
}


/*----------------------------------------------------
// menuItem_mouseover
//----------------------------------------------------
// Event handler for menuItem mousovers.
// Is passed the id of the menuItem.
//--------------------------------------------------*/

function menuItem_mouseover(id) {
    // Clear timer to avoid collapse of all menus.
    clearTimeout(timer);

    var currMenuItem = menuItems[id];
    var currMenu = currMenuItem.menu;
    var obj = currMenuItem.obj;

    currMenu.setActiveMenuItem(currMenuItem);

    // If another subMenu is open for the current menu, close it.
    if (currMenu.openSubMenu) {
        currMenu.openSubMenu.hide();
        currMenu.openSubMenu = null;
    }

    // If there is a subMenu associated with this menuItem, open it.
    if (currMenuItem.subMenu) {
        if (currMenuItem.subMenu.width <= 0 || currMenuItem.subMenu.height <= 0) {
            currMenuItem.subMenu.calculateDimensions();
        }

        // Determine position for subMenu based on position of menuItem and current menu's direction.

        var left, top, z_index;

        var objLeft, objTop, objWidth, objHeight, objZIndex;
        var pageLeft, pageRight, pageTop, pageBottom;

        if (isIE) {
            objLeft = obj.style.pixelLeft;
            objTop = obj.style.pixelTop;
            objWidth = obj.offsetWidth;
            objHeight = obj.offsetHeight;
            objZIndex = obj.style.zIndex;
            pageLeft = document.body.scrollLeft;
            pageRight = document.body.clientWidth + document.body.scrollLeft;
            pageTop = document.body.scrollTop;
            pageBottom = document.body.clientHeight + document.body.scrollTop;
        } else if (isNav) {
            objLeft = obj.left;
            objTop = obj.top;
            objWidth = obj.clip.width;
            objHeight = obj.clip.height;
            objZIndex = obj.zIndex;
            pageLeft = pageXOffset;
            pageRight = window.innerWidth + pageXOffset;
            pageTop = pageYOffset;
            pageBottom = window.innerHeight + pageYOffset;
        }

        //if (currMenu.direction == "right" && (objLeft + objWidth - 4 + currMenuItem.subMenu.width > pageRight)) {
        if (currMenu.direction == "right" && (objLeft + 80 + currMenuItem.subMenu.width > pageRight) && (objLeft - 80 + objWidth - currMenuItem.subMenu.width >= pageLeft)) {
            currMenu.direction = "left";
            //} else if (currMenu.direction == "left" && (objLeft + 4 - currMenuItem.subMenu.width < pageLeft)) {
        } else if (currMenu.direction == "left" && (objLeft - 80 < pageLeft) && (objLeft + 80 + currMenuItem.subMenu.width <= pageRight)) {
            currMenu.direction = "right";
        }

        currMenuItem.subMenu.direction = currMenu.direction;

        if (currMenu.direction == "right") {
            //left = objLeft + objWidth - 4;
            left = objLeft + 80;
        } else {
            //left = objLeft + 4 - currMenuItem.subMenu.width;
            left = objLeft - 80 + objWidth - currMenuItem.subMenu.width;
        }

        top = objTop + 20;

        while (top + currMenuItem.subMenu.height > pageBottom && top - objHeight + currMenuItem.borderwidth > pageTop) {
            top -= objHeight - currMenuItem.borderwidth;
        }

        //		if (top + currMenuItem.subMenu.height > pageBottom) {
        //			top -= currMenuItem.subMenu.height - objHeight + 8; 
        //		}
        z_index = objZIndex + 1;

        currMenuItem.subMenu.expand(left, top, z_index);
        currMenuItem.subMenu.show();
        currMenu.openSubMenu = currMenuItem.subMenu;

    }
}


/*----------------------------------------------------
// menuItem_mouseout
//----------------------------------------------------
// Event handler for menuItem mouseouts.
// Uses global variable holdtime.
//--------------------------------------------------*/

function menuItem_mouseout() {
    // Begin timer to collapse all menus.

    timer = setTimeout("collapseRootMenu();", holdtime);
}


/*----------------------------------------------------
// menu Object and Related Functions
//--------------------------------------------------*/

/*----------------------------------------------------
// menu
//----------------------------------------------------
// Constructor for menu
//
// Pass in handles to each of its menuItems.
//--------------------------------------------------*/

function menu() {

    //--------------------------------------------------------------------------------
    // Assign each menuItem argument individually.
    // Normally, we would just assign the whole array to menuItems.
    //
    // e.g.		this.menuItems = menu.arguments
    //
    // However, Netscape Communicator 4.05 has a bug that messes up the assignment.
    //--------------------------------------------------------------------------------

    this.menuItems = new Array();
    for (var i = 0; i < menu.arguments.length; i++) {
        this.menuItems[i] = menu.arguments[i];
        menu.arguments[i].menu = this;
    }

    this.width = 0; 				// Overall width of menu.
    this.height = 0; 			// Overall height of menu.
    this.direction = "right"; 	// Initially, all menus should go to the right.
    this.openSubMenu = null; 	// Handle to any open subMenus.
    this.activeMenuItem = null; 	// Handle to menuItem under cursor.
    this.show = menu_show; 		// Method to display the menu.
    this.hide = menu_hide; 		// Method to hide the menu.
    this.expand = menu_expand; 	// Method to place menu at a specific position.

    // Method for calculating dimensions of menu.  Normally, we would do this in the menu's
    // constructor (i.e. this routine).  However, IE4 doesn't expose the offsetWidth and
    // offsetHeight properties immediately.  So we'll calculate the dimensions when we first need
    // them.
    this.calculateDimensions = menu_calculateDimensions;

    // Method for setting the activeMenuItem.
    this.setActiveMenuItem = menu_setActiveMenuItem;

    return this;
}


/*----------------------------------------------------
// menu_calculateDimensions
//----------------------------------------------------
// Calculates the overall width and height of the menu.
// These dimensions are used to prevent the menu from 
// running off of the page.
//--------------------------------------------------*/

function menu_calculateDimensions() {
    var menuItemWidth = 0;
    var menuItemHeight = 0;

    for (var i = 0; i < this.menuItems.length; i++) {
        var borderwidth = this.menuItems[i].borderwidth;
        var obj = this.menuItems[i].obj;
        if (isIE) {
            menuItemWidth = obj.offsetWidth;
            menuItemHeight = obj.offsetHeight - borderwidth;
        } else if (isNav) {
            if (isNN6) {
                var obj = document.getElementById(''.concat(this.menuItems[i].id));
                menuItemWidth = obj.offsetWidth;
                menuItemHeight = obj.offsetHeight - borderwidth;
                //				menuItemWidth = document.defaultView.getComputedStyle(obj, "").getPropertyValue("width");
                //				menuItemHeight = document.defaultView.getComputedStyle(obj, "").getPropertyValue("height") - borderwidth;
            }
            else {
                menuItemWidth = obj.clip.width;
                menuItemHeight = obj.clip.height - borderwidth;
            }
        }
        this.width = menuItemWidth > this.width ? menuItemWidth : this.width;
        this.height += menuItemHeight;
    }

    // Netscape wraps its text but IE stretches it out.
    // So we're gonna resize the IE menusItems.
    if (isIE) {
        for (var i = 0; i < this.menuItems.length; i++) {
            this.menuItems[i].obj.style.width = this.width;
        }
    }
}


/*----------------------------------------------------
// menu_setActiveMenuItem
//----------------------------------------------------
// Sets the activeMenuItem for a menu.
// Adjusts menuItem background colors accordingly.
//--------------------------------------------------*/

function menu_setActiveMenuItem(menuItem) {
    // Unhighlight previous activeMenuItem.
    if (this.activeMenuItem) {
        var obj = this.activeMenuItem.obj;
        var bgcolor = this.activeMenuItem.bgcolor;

        if (isIE) {
            obj.style.backgroundColor = bgcolor;
        } else if (isNav) {
            if (isNN6) {
                var obj = document.getElementById(''.concat(this.activeMenuItem.id));
                obj.style.backgroundColor = bgcolor;
            }
            else {
                obj.bgColor = bgcolor;
            }
        }
        this.activeMenuItem = null;
    }

    // Highlight new activeMenuItem if one is provided.
    if (menuItem) {
        var obj = menuItem.obj;
        var highlightcolor = menuItem.highlightcolor

        if (isIE) {
            obj.style.backgroundColor = highlightcolor;
        } else if (isNav) {
            if (isNN6) {
                var obj = document.getElementById(''.concat(menuItem.id));
                obj.style.backgroundColor = highlightcolor;
            }
            else {
                obj.bgColor = highlightcolor;
            }
        }
        this.activeMenuItem = menuItem;
    }
}


/*----------------------------------------------------
// menu_expand
//----------------------------------------------------
// Expand method for menus.
// Positions each menuItem separately.
// Pass in left, top and z-index coordinates.
//--------------------------------------------------*/

function menu_expand(left, top, z_index) {
    if (this.width <= 0 || this.height <= 0) {
        this.calculateDimensions();
    }

    // Place each menuItem independently.
    for (var i = 0; i < this.menuItems.length; i++) {
        var obj = this.menuItems[i].obj;
        var borderwidth = this.menuItems[i].borderwidth

        if (isIE) {
            obj.style.zIndex = z_index;
            obj.style.pixelLeft = left;
            obj.style.pixelTop = top;

            top += obj.offsetHeight - borderwidth;

        } else if (isNav) {
            if (isNN6) {
                var obj = document.getElementById(''.concat(this.menuItems[i].id));
                obj.style.zIndex = z_index;
                obj.style.left = left;
                obj.style.top = top;

                top += obj.offsetHeight - borderwidth;
            }
            else {
                obj.zIndex = z_index;
                obj.moveTo(left, top);

                top += obj.clip.height - borderwidth;
            }
        }
    }
}


/*----------------------------------------------------
// menu_show
//----------------------------------------------------
// Show method for menus.
// Changes visibility of each menuItem's object.
//--------------------------------------------------*/

function menu_show() {
    for (var i = 0; i < this.menuItems.length; i++) {
        var obj = this.menuItems[i].obj;
        if (isIE) {
            obj.style.visibility = "visible";
        } else if (isNav) {
            if (isNN6) {
                var obj = document.getElementById(''.concat(this.menuItems[i].id));
                obj.style.visibility = "visible";
            }
            else {
                obj.visibility = "visible";
            }
        }
    }
}


/*----------------------------------------------------
// menu_hide
//----------------------------------------------------
// Hide method for menus.
// Changes visibility of each menuItem's object.
//--------------------------------------------------*/

function menu_hide() {
    // Close any open submenus first.
    if (this.openSubMenu) {
        this.openSubMenu.hide();
        this.openSubMenu = null;
    }

    // Clear activeMenuItem
    this.setActiveMenuItem(null);

    // Reset direction to right
    this.direction = "right";

    for (var i = 0; i < this.menuItems.length; i++) {
        var obj = this.menuItems[i].obj;
        if (isIE) {
            obj.style.visibility = "hidden";
        } else if (isNav) {
            if (isNN6) {
                var obj = document.getElementById(''.concat(this.menuItems[i].id));
                obj.style.visibility = "hidden";
            }
            else {
                obj.visibility = "hidden";
            }
        }
    }
}

/*----------------------------------------------------
// Browser Detect
//--------------------------------------------------*/

var isNav, isIE;
if (parseInt(navigator.appVersion) >= 4) {
    if (navigator.appName == "Netscape") {
        isNav = true;
    } else {
        isIE = true;
    }
}

/*----------------------------------------------------
// Buy Button menuItemProp
//--------------------------------------------------*/

var smartcms_menu_style = new Array();

smartcms_menu_style["width"] = 170;
smartcms_menu_style["color"] = "#000000";
smartcms_menu_style["font-size"] = "11px";
smartcms_menu_style["font-weight"] = "normal";
smartcms_menu_style["font-style"] = "normal"; //bold
smartcms_menu_style["font-family"] = "verdana"; //if assign multiple fonts, it causes error!!
smartcms_menu_style["border-width"] = 1;
smartcms_menu_style["border-color"] = "#999999";
smartcms_menu_style["border-style"] = "solid";
smartcms_menu_style["line-height"] = "normal";
smartcms_menu_style["cursor"] = "hand";
if (isIE) {
    smartcms_menu_style['padding'] = 4;
} else if (isNav) {
    smartcms_menu_style['padding'] = 4;
}

var ltcategorybuttonstyle = new Array();

ltcategorybuttonstyle["width"] = 150;
ltcategorybuttonstyle["color"] = "#005826";
ltcategorybuttonstyle["font-size"] = "12px";
ltcategorybuttonstyle["font-weight"] = "bold";
ltcategorybuttonstyle["font-style"] = "bold";
ltcategorybuttonstyle["font-family"] = "arial";
ltcategorybuttonstyle["border-width"] = 1;
ltcategorybuttonstyle["border-color"] = "#ffffff";
ltcategorybuttonstyle["border-style"] = "solid";
ltcategorybuttonstyle["line-height"] = "normal";
ltcategorybuttonstyle["cursor"] = "hand";
if (isIE) {
    ltcategorybuttonstyle['padding'] = 0;
} else if (isNav) {
    ltcategorybuttonstyle['padding'] = 0;
}

var buybuttonstyle = new Array();

buybuttonstyle["width"] = 100;
buybuttonstyle["color"] = "#000000";
buybuttonstyle["font-size"] = "10px";
buybuttonstyle["font-weight"] = "normal";
buybuttonstyle["font-style"] = "normal";
buybuttonstyle["font-family"] = "sans-serif";
buybuttonstyle["border-width"] = 1;
buybuttonstyle["border-color"] = "#000000";
buybuttonstyle["border-style"] = "solid";
buybuttonstyle["line-height"] = "normal";
buybuttonstyle["cursor"] = "hand";
if (isIE) {
    buybuttonstyle['padding'] = 0;
} else if (isNav) {
    buybuttonstyle['padding'] = 0;
}

var smartcms_menu_prop = new menuItemProp(
	170, 								// width
	"#F5F5F5", 							// bgcolor
	"#B1DD1C", 							// highlightcolor
	1, 									// borderwidth
	"/images/nav_arrow.gif", 			// imagesrc
	9, 									// imagewidth
	smartcms_menu_style
);

var smartcms_menu_prop_sub = new menuItemProp(
	170, 								// width
	"#D3E700", 							// bgcolor
	"#B1DD1C", 							// highlightcolor
	1, 									// borderwidth
	"/images/nav_arrow.gif", 			// imagesrc
	9, 									// imagewidth
	smartcms_menu_style
);

function goCategory(strCategory, opennew) {
    if (opennew == 1) {
        window.open(strCategory, '_new', '');
    }
    else {
        window.location = strCategory;
        window.status = strCategory;
    }
}

function showStatus(msg) {
    window.status = msg;
    return true;
}
function getIExko(obj) {
    if (obj == document.body) return obj.offsetLeft
    else return obj.offsetLeft + getIExko(obj.offsetParent);
}; //end getIExKo ( object ) -> int

function getIEyko(obj) {
    if (obj == document.body) return obj.offsetTop
    else return obj.offsetTop + getIEyko(obj.offsetParent);
}; //end getIEyko 
function Show(Name, MenuName) {
    var MItem = document.getElementById('IDM_'.concat(Name));
    var width;

    if (isIE)
        width = MItem.offsetWidth;
    else if (isNav) {
        if (isNN6) {
            width = 130; //Padocument.defaultView.getComputedStyle(MItem, "").getPropertyValue("width");
        }
        else {
            width = 130;
        }
    }
    openRootMenu(MenuName, getIExko(MItem) + width + 1, getIEyko(MItem) - 23, 0, Name);

}

function Hide(Name) {
    var MItem = document.getElementById('IDM_'.concat(Name));
    if (MItem.innerHTML != '') {
        MItem.abbr = MItem.innerHTML;
        MItem.innerHTML = '';
    }
}