function bbmouseover()
{
document.getElementById('bbbutton').src="/images/blackbox_link2.jpg"

}
function bbmouseaway()
{
document.getElementById('bbbutton').src="/images/blackbox_link.jpg"

}

function hcpmouseover()
{
document.getElementById('hcpbutton').src="/images/topnav_hcp2.jpg"

}
function hcpmouseaway()
{
document.getElementById('hcpbutton').src="/images/topnav_hcp1.jpg"

}
function calloutmouseover()
{
document.getElementById('freematerials').src="/images/callout_free_materials2.jpg";


}
function calloutmouseaway()
{
document.getElementById('freematerials').src="/images/callout_free_materials.jpg";

}

function showmenu(elmnt) {
  
  document.getElementById(elmnt).style.visibility="visible";
  
}
function hidemenu(elmnt) {
  window.setTimeout('document.getElementById(elmnt).style.visibility="hidden"',2500);
  //document.getElementById(elmnt).style.visibility="hidden"
}

function changeImages() {
   if (document.images) {
      for (var i=0; i<changeImages.arguments.length; i+=2) {
         document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
      }
   }
}

// position of the tooltip relative to the mouse in pixel //
var offsetx = 12;
var offsety =  8;

function newelement(newid)
{ 
    if(document.createElement)
    { 
        var el = document.createElement('div'); 
        el.id = newid;     
        with(el.style)
        { 
            display = 'none';
            position = 'absolute';
        } 
        el.innerHTML = '&nbsp;'; 
        document.body.appendChild(el); 
    } 
} 
var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();
var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);
function getmouseposition(e)
{
    if(document.getElementById)
    {
        var iebody=(document.compatMode && 
        	document.compatMode != 'BackCompat') ? 
        		document.documentElement : document.body;
        pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;

        var lixlpixel_tooltip = document.getElementById('tooltip');
        lixlpixel_tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        lixlpixel_tooltip.style.top = (mousey+pagey+offsety) + 'px';
    }
}
function tooltip(tip)
{
    if(!document.getElementById('tooltip')) newelement('tooltip');
    var lixlpixel_tooltip = document.getElementById('tooltip');
    lixlpixel_tooltip.innerHTML = tip;
    lixlpixel_tooltip.style.display = 'block';
    document.onmousemove = getmouseposition;
}
function exit()
{
    document.getElementById('tooltip').style.display = 'none';
}

//new nav functions
/* our new navControl Object */
nav = new Object();
/* how many elements in our nav */
/*
	this value will need to be modified
	if more elements are added to the nav
*/
nav.Items = 4;

/* the prefix of the navigation ID */
nav.SubItemPrefix = 'subnavdiv';
nav.ImageIDPrefix = 'imageNav';

/* time for menu to stay after mouse out in MS */
nav.timeLimit = 250; 

/* current nav item */
nav.CurrentNavItem = '';
/* current image */
nav.CurrentImage = '';
nav.CurrentImageID = '';
nav.StaticImage = '';
nav.blankLeftImageID = '';
/* current shield */
nav.currentShield = '';

/* set up obj methods */
nav.hideAll = hideAll;
nav.changeImages = changeImages;
nav.showItem = showItem;
nav.action = action;
nav.setCurrent = setCurrent;
nav.subNavAction = subNavAction;
nav.startTimer = startTimer;
nav.stopTimer = stopTimer;
nav.setBlankLeftImage = setBlankLeftImage;

/* iframe for blocking IE selects */
nav.shieldPrefix = "shield";
nav.shieldDiv = "objLeft_divIframes";

/* set current */
function setCurrent(navID)
{
	
	nav.CurrentNavItem = document.getElementById(nav.SubItemPrefix+navID);
	//nav.CurrentImage = document.getElementById(nav.ImageIDPrefix+navID);
	//nav.CurrentImageID = nav.ImageIDPrefix+navID;

	if( nav.shieldPrefix ){
		if( document.getElementById(nav.shieldDiv) ){
			nav.CurrentShield = document.getElementById(nav.shieldPrefix+navID);
		}
	}
	return true;
}

function setBlankLeftImage()
{
	if( nav.blankLeftImageID != ''){
		ele = document.getElementById(nav.blankLeftImageID);
		ele.src = '/images/blank.gif';
	}
}

function startTimer()
{
	nav.timer = setTimeout('nav.hideAll()', nav.timeLimit);
}

function stopTimer()
{
	clearTimeout(nav.timer);
}

/* show Item */
function showItem()
{
	
	if( nav.CurrentNavItem){
		
		nav.CurrentNavItem.style.display = "block";
		
	}
	if(nav.CurrentImage){
		//nav.changeImages(nav.CurrentImageID, nav.CurrentImageID+'on');
	}

	if(nav.CurrentShield){
		nav.CurrentShield.style.display = "block";
	}

	return true;
}

/* hide all the elements */
function hideAll()
{
	for( i=0; i < nav.Items; i++ )
	{
		/* since we start with navSub1 */
		id = i+1;
		eleId = nav.SubItemPrefix+id;
		ele = document.getElementById(eleId);
		ele.style.display = "none";

		if(nav.CurrentShield){
			shieldId = nav.shieldPrefix+id;
			shield = ele = document.getElementById(shieldId);
			shield.style.display = "none";
		}

		imageId = nav.ImageIDPrefix+id;
		if( imageId != nav.StaticImage ){
			//nav.changeImages(imageId, imageId+'off');
		}
	}

	if(nav.iframe){
		iframe_ele = document.getElementById(nav.iframe);
		iframe_ele.style.display = "none";
	}

	
	return true;
}

function action(navID, imageID)
{
	
	if (document.getElementById){
		/* set current nav item */
		
		nav.stopTimer();
		nav.setCurrent(navID);
		nav.setBlankLeftImage();
		nav.hideAll();
		nav.showItem();
	}
}

function subNavAction()
{
	if (document.getElementById){
		nav.stopTimer();
		//nav.changeImages(nav.CurrentImageID, nav.CurrentImageID+'on');
	}
	return true;
}

/*** Nav Controls ***/
function displayMenu(navID,divID)
{
	
	document.getElementById(divID).style.visibility="visible";
	if (document.getElementById){
		nav.action(navID);
	}
	return true;
}

function clearNav()
{
	nav.startTimer();
}
