/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine
Visit http://www.dynamicdrive.com for this script
*/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix for ns4
var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}
var offX= 20;	// how far from mouse to show tip
var offY= 12; 
// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }
var tipFollowMouse= true;	
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ns4)? document.shortDescAj.document: (ie4)? document.all['shortDescAj']: (ie5||ns5)? document.getElementById('shortDescAj'): null;
	tipcss = (ns4)? document.shortDescAj: tooltip.style;
	if (tooltip&&tipFollowMouse) {
		if (ns4) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove = trackMouse;
	}
}

window.onload = initTip;
/////////////////////////////////////////////////
//  showDescAj function
//			Assembles content for tooltip and writes 
//			it to shortDescAj
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
var shortDescRet = 'ERROR! Please Try Later.';
function showDescAj(prodID) {
	initTip();
	// #################################################	
	try{
		// Opera 8.0+, Firefox, Safari
		shortDescRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			shortDescRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				shortDescRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser dosen't support");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	shortDescRequest.onreadystatechange = function(){
		if(shortDescRequest.readyState == 4){
			//alert(shortDescRet);
			shortDescRet = shortDescRequest.responseText;
			//setText();
			
			document.getElementById('shortDescAj').innerHTML = shortDescRet;//;
		}else{
			document.getElementById('shortDescAj').innerHTML = '<div width="300" style="border:1px solid #cccccc; background-color:#ffffff; padding:10px;" align="center" class="fnt3bold"><img src="/images/loadingAj.gif" border="0"><br /><br />Enlarging image<br>Please wait!</div>';
		}
	}
	tipcss.visibility='visible';
	shortDescRequest.open("GET", "/shortDescAj.php?pid="+prodID, true);
	shortDescRequest.send(null); 
	// #################################################
}
//setText(shortDescRet);
function setText()
{
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	
	if (t2) clearTimeout(t2);
	tipOn = true;
	if (ns4) {
		tooltip.write(shortDescRet);
		tooltip.close();
	} else if (ie4||ie5||ns5) {
		tooltip.innerHTML = shortDescRet;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",1);

}

var mouseX, mouseY;
function trackMouse(evt) {
	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	//if (tipOn) 
	positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
	else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
	else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideDescAj() {
	if (!tooltip) return;
	tipcss.visibility='hidden';
	tipOn = false;
}
// ========================================================