function btnOn() 
  {
    var srcString = this.src
    srcString = srcString.replace(/.gif/,'_over.gif')
    this.src = srcString
  }
function btnOff() 
  {
    var srcString = this.src
    srcString = srcString.replace(/_over.gif/,'.gif')
    this.src = srcString
  }



var btn

if(window.btnArray)
  {
    for (bt = 0; bt < btnArray.length; bt++)
      {
        btn = document.getElementById(btnArray[bt]);
        if(btn != null)
          {
            btn.onmouseover = btnOn;
            btn.onmouseout = btnOff;  
          }
        
      }  
  }

  
  
  // ---- menu stuff -------------------------------------------------------------------------------
  
  if (document.getElementsByTagName && document.getElementById)
  {
    var mainnav = document.getElementById("purchase");
    if (mainnav != null)
      {
        var navlinks = mainnav.getElementsByTagName("A");
        var secondarynav = document.getElementById("menus");
        if (secondarynav != null) {submenus = secondarynav.getElementsByTagName('DIV')}
        var menuDelay = 500; //ms
        var menutimer;   
      }   
    
    function hideMenus()
      {
          
         for (lk = 0 ;lk < navlinks.length; lk++)
          {
             if (navlinks[lk].submenu != null)
              { 
                navlinks[lk].className = navlinks[lk].className.replace(/ ?over/, "");
                navlinks[lk].submenu.style.display = 'none' 
              }
          }
         var iframeobj = document.getElementById('spf_menu')
         iframeobj.style.left= '-1000px' ;iframeobj.style.top = '-1000px'; return;
      }
      
    function showMenu()
      {
         clearTimeout(menutimer); 
         hideMenus();
         
         this.className += " over";
         this.className =  (this.className == " over") ?"over" :this.className
         this.top = getypos(this.id);
         this.left = getxpos(this.id);
         
         this.submenu.style.top = (this.top + 32 ) + 'px';
         this.submenu.style.left = this.left + 'px';  
            
         this.submenu.style.zIndex = 200;
         this.submenu.style.display = 'block';  
         blockburnthru("spf_menu",this.submenu.id);       
      }
      
    function setHideMenus()
      {
       menutimer = setTimeout("hideMenus()",menuDelay)
      }
      
    //alert(navlinks.length)  
    if (mainnav != null) 
      {
        var offsets = [13,14,14,14,13,-65]
        for (lk = 0 ;lk < navlinks.length; lk++)
          {
           navlinks[lk].submenu = document.getElementById(navlinks[lk].id.replace(/pcp/,'sn'))
           
           if (navlinks[lk].submenu != null)
            {
              //navlinks[lk].offsetX = offsets[lk];
              navlinks[lk].onmouseover = showMenu;
              navlinks[lk].onmouseout = setHideMenus;
              navlinks[lk].submenu.onmouseover = function(){clearTimeout(menutimer)} ;  
              navlinks[lk].submenu.onmouseout = setHideMenus ;    
            }
           else
            {
              navlinks[lk].onmouseover = hideMenus;
            }
            
          }//end for
      }//end, secondary nav not null
  }
  
  
  
//GARRY ADDED FOR MENU TESTING

//----------------------------------------------------------------------------
// shadows a div invisibly with an IFRAME to prevent IE select box burn thru
//----------------------------------------------------------------------------
function blockburnthru(iframeid,divid,hide)
{
  
   //window.status="if id="+iframeid+"\nmenuid="+divid+"\nhide="+hide;
	var iframeobj = document.getElementById(iframeid);
  if(typeof hide != "undefined") {iframeobj.style.left=-1000;iframeobj.style.top=-1000; return;}
	var divobj = document.getElementById(divid); 
  if ((navigator.userAgent.indexOf('Opera') != -1) || navigator.userAgent.indexOf('Mac') != -1){return}//don't bother with Opera; iframes cover element and don't help anyway
  
   //If either	 the iframe or div are not objects then abandon
   if(!iframeobj || !divobj) { return; }
	//duplicate divobj's position and proportions to the iframe
   
  iframeobj.style.width = (divobj.offsetWidth) + 'px';
  iframeobj.style.height = (divobj.offsetHeight) + 'px';
  var objtop=getypos(divobj.id);
  var objleft=getxpos(divobj.id);  
  
  iframeobj.style.top = objtop + 'px';
  iframeobj.style.left = objleft + 'px';
  
  
  iframeobj.style.zIndex = 1;
  iframeobj.style.marginLeft=divobj.style.marginLeft;
  iframeobj.style.marginTop=divobj.style.marginTop;
  iframeobj.style.display = "block";
  
}

//----------------------------------------------------------------------------
// Returns the width of an object
//----------------------------------------------------------------------------
function getobjectwidth(objid) { return document.getElementById(objName).offsetWidth;}

//----------------------------------------------------------------------------
// Returns the X (left) position of an object
//----------------------------------------------------------------------------
function getxpos(objid)
{
  if (typeof objid == "string"){myobj=document.getElementById(objid)}
  else{myobj = objid}
	var posleft = 0;
	if (myobj.offsetParent)
   {
	   while (myobj.offsetParent)
      {
		   posleft += myobj.offsetLeft;
			myobj = myobj.offsetParent;
		}
	}
	else if (myobj.x) { posleft += myobj.x; }
	return posleft;
}

//----------------------------------------------------------------------------
// Returns the Y (top) position of an object
//----------------------------------------------------------------------------
function getypos(objid)
{
  if (typeof objid == "string"){myobj=document.getElementById(objid)}
  else{myobj = objid}
	var postop = 0;
	if (myobj.offsetParent)
   {
	   while (myobj.offsetParent)
      {        
        postop += myobj.offsetTop;
        myobj = myobj.offsetParent;
		}
	}
	
  else if (myobj.y) { postop += myobj.y; } 
	return postop;
}

//returns inner dimensional width of a window frame or iframe
function getinnerwidth(objid)
{
   var obj=document.getElementById(objid);
   innerwidth=(document.documentElement) ? document.documentElement.clientWidth : window.innerWidth;
   return innerwidth;
}

//returns inner dimensional height of a window frame or iframe
function getinnerheight(objid)
{
   var obj=document.getElementById(objid);
   innerheight = (document.documentElement) ? document.documentElement.clientHeight : window.innerHeight;
   return innerheight;
}
  
