function pageSetup() {

  var myImagePath = 'http://pics1.edeal.com/images/p2/wl/steiner/nav/';

  new xImgMenu(myImagePath,'-on','.gif','visit', 'visitmenu', 10, 'mouseover', 0, 0);
  new xImgMenu(myImagePath,'-on','.gif','other', 'othermenu', 10, 'mouseover', -2, 0);
  
  xImgRollSetup(myImagePath,'-on','.gif','hockey');
  xImgRollSetup(myImagePath,'-on','.gif','basketball');
  xImgRollSetup(myImagePath,'-on','.gif','football');
  xImgRollSetup(myImagePath,'-on','.gif','baseball');
  xImgRollSetup(myImagePath,'-on','.gif','home');
  
  xImgRollSetup(myImagePath,'-on','.gif','auction');
  xImgRollSetup(myImagePath,'-on','.gif','outlet');
  xImgRollSetup(myImagePath,'-on','.gif','gift-center');
  xImgRollSetup(myImagePath,'-on','.gif','display-cases');
  xImgRollSetup(myImagePath,'-on','.gif','exclusive-athletes');
  xImgRollSetup(myImagePath,'-on','.gif','new-arrivals');
  xImgRollSetup(myImagePath,'-on','.gif','upcoming-signings');
        
  xImgRollSetup(myImagePath,'-on','.gif','my-account');
  xImgRollSetup(myImagePath,'-on','.gif','customer-service');
  xImgRollSetup(myImagePath,'-on','.gif','live-help');
  xImgRollSetup(myImagePath,'-on','.gif','order-status');
  xImgRollSetup(myImagePath,'-on','.gif','cart');

}

function xImgMenu(path, ovrSuffix, fileExt, triggerId, menuId, mouseMargin, openEvent, offsetX, offsetY)
{
  var isOpen = false;
  var trg = xGetElementById(triggerId);
  var mnu = xGetElementById(menuId);
  if (trg && mnu) {
    xAddEventListener(trg, openEvent, onOpen, false);
  }
  function onOpen()
  {
    if (!isOpen) {
	  trg.src=path + triggerId + ovrSuffix + fileExt;
	  	if (triggerId=='other') {
	  		hideSelects();
	  	}
      xMoveTo(mnu, xPageX(trg)+offsetX, xPageY(trg)+ offsetY + xHeight(trg));
	  	xDisplay(mnu,'block');
      xShow(mnu);
      xAddEventListener(document, 'mousemove', onMousemove, false);
      isOpen = true;
    }
  }
  function onMousemove(ev)
  {
    var e = new xEvent(ev);
    if (!xHasPoint(mnu, e.pageX, e.pageY, -mouseMargin) &&
        !xHasPoint(trg, e.pageX, e.pageY, -mouseMargin))
    {
      xHide(mnu);
      xRemoveEventListener(document, 'mousemove', onMousemove, false);
	  trg.src=path + triggerId + fileExt;
	  	if (triggerId=='other') {
	  		showSelects();
	  	}
      isOpen = false;
    }
  }
} // end xMenu1

//hardcode ranges select box since thats all we need for now
function hideSelects() {
	if (xIE4Up) {
		mySelects = xGetElementsByClassName("hideme");
		if (mySelects.length > 0) {
			for (i=0;i<mySelects.length;i++) {
				mySelects[i].style.visibility='hidden';
			}
		}
	}
}

function showSelects() {
	if (xIE4Up) {
		mySelects = xGetElementsByClassName("hideme");
		if (mySelects.length > 0) {
			for (i=0;i<mySelects.length;i++) {
				mySelects[i].style.visibility='visible';
			}
		}
	}
}

function roll_other (myDiv) {

	xColor(myDiv,'#FF6600');
	
}
function unroll_other (myDiv) {

	xColor(myDiv,'');

}

function roll_visit (myDiv) {

	xColor(myDiv,'#FF6600');
	
}
function unroll_visit (myDiv) {

	xColor(myDiv,'');

}
