var lastShownDiv = '';
function showDiv(showName,lastName) {
	if ( lastName != '' && showName != lastName ) hideDiv(lastName);
        toggleBox = document.getElementById (showName);
	if (!toggleBox) return;
        toggleBox.style.display = 'block';
        toggleBox.style.visibility = 'visible';
	lastShownDiv = showName;
	return false;
}
function hideDiv(showName) {
        toggleBox = document.getElementById (showName);
	if (!toggleBox) return;
        toggleBox.style.display = 'none';
        toggleBox.style.visibility = 'hidden';
	return false;
}

function toggleDiv ( divid, forceChange ) {
        toggleBox = document.getElementById (divid);
        if ( toggleBox ) {
                if ( ((toggleBox.style.display == 'block')&&(forceChange != 2)) || (forceChange == 1) ) {
                        toggleBox.style.display = 'none';
                        toggleBox.style.visibility = 'hidden';
                } else {
                        toggleBox.style.display = 'block';
                        toggleBox.style.visibility = 'visible';
                }
        }
}

var mouseboxmove=false;
var mymousebox = '';
         
function stopMouseBox() {
	if (mymousebox != '') hideDiv(mymousebox);
	mouseboxmove=false;
}
function updateMousebox(evt) {
if (mouseboxmove && mymousebox!='') {
	myBox = document.getElementById(mymousebox);
	if ( ! myBox ) return;
	boxWidth = parseInt(myBox.offsetWidth);
	boxHeight= parseInt(myBox.offsetHeight);

	if(navigator.appName == "Microsoft Internet Explorer") {
		screenY = document.body.offsetHeight;
		screenX = window.screen.availWidth;
	} else {
		screenY = window.outerHeight;
		screenX = window.outerWidth;
	}
	if ( screenY < 5 ) screenX = screen.availHeight;
	if ( screenX < 5 ) screenX = screen.availWidth;

	mouseX=evt.pageX?evt.pageX:evt.clientX;
	mouseY=evt.pageY?evt.pageY:evt.clientY;

	xOffset = 30;
	yOffset = 30;

	if ( mouseX + boxWidth + 30 > screenX-10 ) xOffset = (-1 * boxWidth) - 30;
	if ( mouseY + boxHeight + 30  > screenY-10 ) yOffset = (-1 * boxHeight) - 30;
	myBox.style.left=(mouseX+xOffset)+'px';
	myBox.style.top=(mouseY+yOffset)+'px';
}
}

function showMouseBox(mBoxName, mBoxTitle, mBoxStockCode, imageSrc, mBoxDescription) {
	mymousebox = mBoxName;
	mouseboxmove=true;
        myBox = document.getElementById(mymousebox+'title');
        if ( ! myBox ) return;
	myBox.innerHTML=mBoxTitle;
        myBox = document.getElementById(mymousebox+'stock');
        if ( ! myBox ) return;
	myBox.innerHTML=mBoxStockCode;
        myBox = document.getElementById(mymousebox+'description');
        if ( ! myBox ) return;
	myBox.innerHTML=mBoxDescription;
	myBox = document.getElementById(mymousebox+'image');
	if ( ! myBox ) return;
	tmpImg = new Image();
	tmpImg.src = "/images/spacer.gif";
	myBox.src = tmpImg.src;
	tmpImg = new Image();
	tmpImg.src = imageSrc;
	myBox.src = tmpImg.src;
        toggleBox = document.getElementById (mBoxName);
        if (!toggleBox) return;
        toggleBox.style.display = 'block';
        toggleBox.style.visibility = 'visible';

  var scrOfX = 0;
  var scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }

        myBox = document.getElementById(mymousebox);
        if ( ! myBox ) return;
	myBox.style.left='170px';
	myBox.style.top=(30+scrOfY)+'px';
	return false;
}

