")
function getMenuItem(id) {
if (isIE) {
return eval("document.all(\"" + id + "\")");
} else if (isNav) {
return eval("document.layers[\"" + id + "\"]");
}
return null;
}
document.write("")
function menuItem_mouseoverdelay(id) {
var currMenuItem = menuItems[id];
var currMenu = currMenuItem.menu;
var obj = currMenuItem.obj;
var objLeft, objTop, objWidth, objHeight, objZIndex;
var pageLeft, pageRight, pageBottom, pageTop;
if (timer) {
clearTimeout(timer);
}
clearTimeout(mouseOverTimer);
clearTimeout(mouseOutTimer);
mouseOverTimer = setTimeout("menuItem_mouseover(" + id + ");",mouseoverhold)
currMenu.setActiveMenuItem(currMenuItem);
if (currMenuItem.level == 1) {
if (currMenuItem.menu != rootMenu) {
collapseRootMenu();
}
if (timer) {
clearTimeout(timer);
}
rootMenu = currMenu;
}
if (isIE) {
objLeft = obj.parentElement.style.pixelLeft;
objTop = obj.style.pixelTop + obj.parentElement.style.pixelTop;
objWidth = obj.offsetWidth;
objHeight = obj.offsetHeight;
objZIndex = obj.style.zIndex;
pageLeft = document.body.scrollLeft;
pageRight = document.body.clientWidth + document.body.scrollLeft;
pageBottom = document.body.clientHeight + document.body.scrollTop;
pageTop = document.body.scrollTop;
if (objTop + objHeight > pageBottom) {
window.scrollTo(0,pageTop + objHeight);
}
if (objTop - objHeight/2 < pageTop) {
window.scrollTo(0,pageTop - objHeight);
}
}
else if (isNav) {
objLeft = obj.parentLayer.left;
objTop = obj.top + obj.parentLayer.top;
objWidth = obj.parentLayer.clip.width;
objHeight = obj.clip.height;
objZIndex = obj.zIndex;
pageLeft = pageXOffset;
pageRight = window.innerWidth + pageXOffset;
pageBottom = window.innerHeight + pageYOffset;
pageTop = window.pageYOffset;
if (objTop + objHeight > pageBottom) {
window.scrollTo(0,pageTop + objHeight);
}
if (objTop - objHeight/2 < pageTop) {
window.scrollTo(0,pageTop - objHeight);
}
menuid = id
}
}
//////////////////////////////////////////////////////////////////////////////////////
function menuItem_mouseover(id) {
//////////////////////////////////////////////////////////////////////////////////////
var currMenuItem = menuItems[id];
var currMenu = currMenuItem.menu;
var obj = currMenuItem.obj;
var submenu = null;
var left, top, z_index;
var objLeft, objTop, objWidth, objHeight, objZIndex;
var pageLeft, pageRight, pageBottom;
// Clear timer to avoid collapse of all menus.
clearTimeout(timer);
layerlevel = currMenuItem.catid;
fromMenu = obj;
if (currMenuItem.level == 1) {
if (currMenuItem.menu != rootMenu) {
collapseRootMenu();
}
if (timer) {
clearTimeout(timer);
}
rootMenu = currMenu;
}
if ((currMenuItem.haschildren) && (! currMenuItem.submenuloaded)) {
htmlTags = "";
if (isIE) {
x = fromMenu.style.pixelLeft + fromMenu.style.pixelWidth - 4;
y = fromMenu.style.pixelTop + fromMenu.parentElement.style.pixelTop + 4;
objZIndex = obj.style.zIndex
} else if (isNav) {
x = fromMenu.parentLayer.left + fromMenu.clip.width - 4;
y = fromMenu.parentLayer.top + fromMenu.parentLayer.top + 4;
objZIndex = obj.zIndex;
}
// for java navigation page
if (fromMenu.navmenu == 1) {
layerlevel = rootMenu.id + layerlevel + "nav"
}
CreateLayer(layerlevel,x,y,0,0,"",0);
// 10/1/99 gbolden: Added handling for gift wrap menus.
// Rusty modified this for product page additional dropdown lists
if (sGiftWrapMenus)
submenu = loadGiftWrapMenus(currMenuItem.catid);
else
submenu = loadmenus(currMenuItem.catid);
if (submenu == null) {
if (prodlist){
submenu = loadProdmenus(currMenuItem.catid)
if (submenu == null) {return}
}
else {return}
}
currMenuItem.subMenu = submenu;
currMenuItem.submenuloaded = true;
var left, top, z_index;
z_index = objZIndex + 1;
currMenuItem.subMenu.expand(0, 0, z_index);
}
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.
if (isIE) {
objLeft = obj.parentElement.style.pixelLeft;
objTop = obj.style.pixelTop + obj.parentElement.style.pixelTop;
objWidth = obj.offsetWidth;
objHeight = obj.offsetHeight;
objZIndex = obj.style.zIndex;
pageLeft = document.body.scrollLeft;
pageRight = document.body.clientWidth + document.body.scrollLeft;
pageBottom = document.body.clientHeight + document.body.scrollTop;
}
else if (isNav) {
objLeft = obj.parentLayer.left;
objTop = obj.top + obj.parentLayer.top;
objWidth = obj.parentLayer.clip.width;
objHeight = obj.clip.height;
objZIndex = obj.zIndex;
pageLeft = pageXOffset;
pageRight = window.innerWidth + pageXOffset;
pageBottom = window.innerHeight + pageYOffset;
}
if (currMenu.direction == "right" && (objLeft + objWidth - 4 + currMenuItem.subMenu.width > pageRight)) {
currMenu.direction = "left";
}
else if (currMenu.direction == "left" && (objLeft + 4 - currMenuItem.subMenu.width < pageLeft)) {
currMenu.direction = "right";
}
currMenuItem.subMenu.direction = currMenu.direction;
if (currMenu.direction == "right") {
left = objLeft + objWidth - 4;
}
else {
left = objLeft + 4 - currMenuItem.subMenu.width;
}
top = objTop + 4;
if (top + currMenuItem.subMenu.height > pageBottom) {
top -= currMenuItem.subMenu.height - objHeight + 8;
if (isIE) {
if (top < currMenu.menuItems[0].obj.style.pixelTop) {
top = obj.parentElement.style.pixelTop - 4
}
}
else if (isNav) {
if (top < currMenu.menuItems[0].obj.top) {
top = obj.parentLayer.top + 4;
}
}
}
z_index = objZIndex + 1;
currMenuItem.subMenu.show(left,top);
currMenu.openSubMenu = currMenuItem.subMenu;
}
}
document.write("")
function menuItem_mouseoutdelay(id) {
clearTimeout(mouseOutTimer);
mouseOutTimer = setTimeout("menuItem_mouseout();",mouseoverhold)
}
function menuItem_mouseout(id) {
timer = setTimeout("collapseRootMenu();", holdtime);
}
//----------------------------------------------------
// Constructor for menu
// Pass in handles to each of its menuItems.
//--------------------------------------------------*/
function menu() {
var id
document.write("")
this.menuItems = new Array();
for (var i = 0; i < menu.arguments.length; i++) {
this.menuItems[i] = menu.arguments[i];
menu.arguments[i].menu = this;
}
if (isNav) {
var lyr = eval("document.layers[\"lyr" + layerlevel + "\"]");
} else if (isIE) {
var lyr = eval("document.all(\"" + "lyr" + layerlevel + "\")");
}
if (isIE) {
lyr.insertAdjacentHTML("BeforeEnd",htmlTags);
htmlTags = "";
for (var i = 0 ; i < menu.arguments.length; i++) {
id = menuItems.length - menu.arguments.length + i;
menu.arguments[i].obj = eval("document.all(\"" + id + "\")");
}
} else if (isNav) {
lyr.document.open();
lyr.document.write(htmlTags);
lyr.document.close();
htmlTags = "";
var j = 0;
for (var i = 0;i < menu.arguments.length;i++) {
id = menuItems.length - menu.arguments.length + i
var menuvar = "menu" + id
var menuparent = eval("lyr.document." + menuvar + ".parentLayer");
if (menuparent == lyr) {
menuItems[id].obj = eval("lyr.document.layers[" + j + "]");
j++;
}
var menulyr = eval("lyr.document." + menuvar);
menulyr.captureEvents(Event.MOUSEUP);
menulyr.onmouseup = menuMouseUp;
}
}
testfornav = layerlevel + " "
if (testfornav.indexOf("nav",1) > -1) {
this.navmenu = 1;
} else {
this.navmenu = 0;
}
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.
this.id = lyr.id
document.write("")
this.calculateDimensions = menu_calculateDimensions;
// Method for setting the activeMenuItem.
this.setActiveMenuItem = menu_setActiveMenuItem;
return this;
}
//----------------------------------------------------
// 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) {
menuItemWidth = obj.clip.width;
menuItemHeight = obj.clip.height - borderwidth;
}
this.width = menuItemWidth > this.width ? menuItemWidth : this.width;
this.height += menuItemHeight;
}
}
//----------------------------------------------------
// 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;
obj.style.borderStyle = this.activeMenuItem.normalstyle;
}
else if (isNav) {
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;
obj.style.borderStyle = menuItem.hilitestyle;
} else if (isNav) {
obj.bgColor = highlightcolor;
}
this.activeMenuItem = menuItem;
}
}
//----------------------------------------------------
// Expand method for menus.
// Positions each menuItem separately.
// Pass in left, top and z-index coordinates.
//--------------------------------------------------*/
function menu_expand(left, top, z_index) {
// Place each menuItem independently.
var origtop = top;
top = 0;
left = 0;
for (var i = 0; i < this.menuItems.length; i++) {
var obj = this.menuItems[i].obj;
var borderwidth = this.menuItems[i].borderwidth
z_index = 100;
if (isIE) {
obj.style.zIndex = z_index;
obj.style.pixelLeft = left;
obj.style.pixelTop = top;
top += 20 - borderwidth;
} else if (isNav) {
obj.zIndex = z_index;
obj.moveTo(left, top);
top += obj.clip.height //- borderwidth;
}
z_index = z_index + 1
}
if (isNav) {
obj.parentLayer.clip.height = top;
obj.parentLayer.clip.width = obj.clip.width;
rollingtop = origtop + top;
obj.parentLayer.zIndex = 100;
} else if (isIE) {
obj.parentElement.height = top;
obj.parentElement.width = obj.width;
obj.parentElement.style.zIndex = 100;
rollingtop = origtop + top
}
}
//----------------------------------------------------
// Show method for menus.
// Changes visibility of each menuItem's object.
//--------------------------------------------------*/
function menu_show(left,top) {
var obj = this.menuItems[0].obj;
if (isIE) {
obj.parentElement.style.visibility = "visible";
obj.parentElement.style.pixelTop = top;
obj.parentElement.style.pixelLeft = left;
obj.parentElement.style.zIndex = 100;
}
else if (isNav) {
obj.parentLayer.visibility = "show";
obj.parentLayer.moveTo(left,top);
obj.parentLayer.zIndex = 100;
}
}
//----------------------------------------------------
// Hide method for menus.
// Changes visibility of each menuItem's object.
//--------------------------------------------------*/
function menu_hide() {
var obj
// 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";
obj = this.menuItems[0].obj;
if ((this.menuItems[0].menu == rootMenu) && (rootMenu.navmenu == 0)) {
} else {
if (isIE) {
obj.parentElement.style.visibility = "hidden";
} else if (isNav) {
obj.parentLayer.visibility = "hide";
}
}
}
//////////////////////////////////////////////////////////////////////////////////////
function CreateLayer(layerName, xpos, ypos, layerHeight, layerWidth, layerContent, zpos) {
var id = "lyr" + layerName;
if (isIE) {
var objTag
objTag = ""
objTag += "
0) {
NewPageURL = NewPageURL.substring(0,ShopIDpos);
//If a ShopperID parameter is found in the querystring, parse it out.
// Otherwise, get it from a hidden field on the page.
ShopIDpos = querystring.indexOf("mscssid");
if (ShopIDpos < 0) {
shopperid = document.frmShopperID.hdnShopperID.value;
}
else {
shopperid = querystring.substring(ShopIDpos);
}
NewPageURL += "?" + shopperid
}
//Added this code for Netscape 4.0.4 - problem when using relative path to linkshare/banner.asp
if (isNav) {
if (navigator.appVersion.indexOf('4.0') != -1) {
if (NewPageURL.indexOf('linkshare') == 0) NewPageURL = "http://" + location.host + "/jcp/" + NewPageURL
}
}
location.href = NewPageURL
return;
}
//////////////////////////////////////////////////////////////////////////////////////
// 10/3/99 gbolden: Added.
function openGiftWrapMenus () {
var saverollingtop; // It's modified each time it's used.
//----- Get position for package menu. -----
if (isNav)
rollingtop = document.images['imgStep2'].y + 25;
else if (isIE)
rollingtop = document.all('imgStep2').offsetTop + 30;
OpenMenuSection("giftwrap1", 1, 92, 21, "", "images/homepagev4/products/noimage.gif");
//---- Get position for message menu. -----
if (isNav)
rollingtop = document.images['imgPlaceHolder'].y - 30;
else if (isIE)
rollingtop = document.all('imgPlaceHolder').offsetTop - 1;
OpenMenuSection("giftwrap2", 2, 92, 21, "", "images/homepagev4/products/noimage.gif");
}
// 10/3/99 gbolden: Added.
// Hide method for menus.
//--------------------------------------------------*/
function hideGiftWrapMenu(id) {
lyr="lyr" + id;
if (isIE) {
eval(lyr).style.visibility = "hidden";
} else if (isNav) {
document.layers[lyr].visibility = "hide";
}
}
// 10/3/99 gbolden: Added.
// Show method for menus.
//--------------------------------------------------*/
function showGiftWrapMenu(id,left,top) {
lyr="lyr" + id;
if (isIE) {
eval(lyr).style.visibility = "visible";
eval(lyr).style.pixelTop = top;
eval(lyr).style.pixelLeft = left;
eval(lyr).style.zIndex = 100;
}
else if (isNav) {
document.layers[lyr].visibility = "show";
document.layers[lyr].moveTo(left,top);
document.layers[lyr].zIndex = 100;
}
}
//////////////////////////////////////////////////////////////////////////////////////
// INLINE CODE
//////////////////////////////////////////////////////////////////////////////////////
/*----------------------------------------------------
// Browser Detect
//--------------------------------------------------*/
// Since this whole javascript shouldn't load unless client is using a
// DHTML-capable "Mozilla" browser, we can assume IE or Netscape only
if (document.all || document.layers) {
if (navigator.appName == "Netscape") {
isNav = true;
} else {
isIE = true;
}
}
document.write("")
if (isNav) {
window.onload = window_onload;
}
//////////////////////////////////////////////////////////////////////////////////////