//HOVERING IMAGE CODE STUFF//
/////////////////////////////////////////////////////////////////
var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
var defaultimageheight = 40; // maximum image size.
var defaultimagewidth = 40; // maximum image size.
var timer;

if (document.getElementById || document.all)
{
document.write('<div id="trailimageid"></div>')
}


function gettrailobj()
{
	if (document.getElementById)
	return document.getElementById("trailimageid").style
}

function gettrailobjnostyle()
{
if (document.getElementById)
return document.getElementById("trailimageid")
}

function truebody()
{
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function hidetrail()
{
gettrailobjnostyle().innerHTML = "";
gettrailobj().display= "none";
document.onmousemove=""
gettrailobj().left="-1000px"
clearTimeout(timer);
}

//function show(imagename,title,width,height)
function Image_onmouseover(imagename)
{
gettrailobj().position="absolute";
document.onmousemove=followmouse;
setTimeout("showimage('"+imagename+"')", 50)
}

function showimage(imagename)
{
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0]
var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
var width 
var height

width = 600
height = 500
if( (navigator.userAgent.indexOf("Konqueror")==-1 || navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) && (docwidth>650 && docheight>500)) 
{

	( width == 0 ) ? width = defaultimagewidth: '';
	
	( height == 0 ) ? height = defaultimageheight: '';

	width+=30
	height+=55
	defaultimageheight = height
	defaultimagewidth = width


///////////////////////////////TRY STUFF///////////////////////////////
heavyImage = new Image(); 
heavyImage.src = imagename;
if (heavyImage.width > heavyImage.height)
{
	var numer = heavyImage.height * width;
	var denom = heavyImage.width;
	var solu = numer / denom;
	defaultimageheight = solu;
	newHTML = "<img src='" + imagename + "' border='1' height='"+solu+"'>";
}
else
{
	var numer = heavyImage.width * height;
	var denom = heavyImage.height;
	var solu = numer / denom;
	defaultimagewidth = solu;
	newHTML = "<img src='" + imagename + "' border='1' width='"+solu+"'>";
}
//////////////////////////////////////////////////////////////////////
setTimeout("gettrailobjnostyle().innerHTML = newHTML;",100);
gettrailobj().display="block";
}

}

function followmouse(e)
{
	var xcoord=offsetfrommouse[0]
	var ycoord=offsetfrommouse[1]

 

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

 

	if (typeof e != "undefined")
	{
		if (docwidth - e.pageX < defaultimagewidth + 2*offsetfrommouse[0])
		{
		xcoord = e.pageX - xcoord - defaultimagewidth; // Move to the left side of the cursor
		} 
		else 
		{
		xcoord += e.pageX;
		}

		if (docheight - e.pageY < defaultimageheight + 2*offsetfrommouse[1])
		{
		ycoord += e.pageY - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + e.pageY - docheight - truebody().scrollTop));
		} 
		else 
		{
		ycoord += e.pageY;
		}
		
	} 
	
	else if (typeof window.event != "undefined")
	{

		if (docwidth - event.clientX < defaultimagewidth + 2*offsetfrommouse[0])
		{
		xcoord = event.clientX + truebody().scrollLeft - xcoord - defaultimagewidth; // Move to the left side of the cursor
		} 
		else 
		{
		xcoord += truebody().scrollLeft+event.clientX
		}

		if (docheight - event.clientY < (defaultimageheight + 2*offsetfrommouse[1]))
		{

ycoord += event.clientY + truebody().scrollTop - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + event.clientY - docheight));
		} 
		else 
		{
		ycoord += truebody().scrollTop + event.clientY;
		}
	}

gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"	
}

if (displayduration>0)
{
setTimeout("hidetrail()", displayduration*1000)
}
////////////////////////////////////////////////////////////////////////////////////////////
function quickview(str)
{
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
	alert ("Browser does not support HTTP Request")
	return
	} 
	var url="quickview.asp"
	url=url+"?sid="+Math.random()
	url=url+"&productid="+str
	xmlHttp.onreadystatechange=stateChangedquickview
	xmlHttp.open("GET",url,true)
	xmlHttp.send(null)
	//gettrailobj().visibility="visible"
	gettrailobj().position="absolute";
	document.onmousemove=followmouse;
	
	
	
}
function stateChangedquickview() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth - offsetfrommouse[0]
var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
var width 
var height

width = 275
height = 275
if( (navigator.userAgent.indexOf("Konqueror")==-1 || navigator.userAgent.indexOf("Firefox")!=-1 || (navigator.userAgent.indexOf("Opera")==-1 && navigator.appVersion.indexOf("MSIE")!=-1)) && (docwidth>650 && docheight>500)) 
{

	( width == 0 ) ? width = defaultimagewidth: '';
	
	( height == 0 ) ? height = defaultimageheight: '';



	gettrailobjnostyle().innerHTML = xmlHttp.responseText;

	gettrailobj().display="block";
	
	
	if (document.getElementById("pictureshow").height > height)
	{
	height+=(document.getElementById("pictureshow").height-heght)
	}
	if (document.getElementById("pictureshow").height == 0)
	{
	height = 350
	}

	width+=30
	height+=30
	defaultimageheight = height
	defaultimagewidth = width
	
	}
	 
	} 
}
/////////////////////////////////////////////////////////////////////////////////////////
function GetXmlHttpObject()
{ 
	var objXMLHttp=null
		if (window.XMLHttpRequest)
		{
		objXMLHttp=new XMLHttpRequest()
		}
		else if (window.ActiveXObject)
		{
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
		}
	return objXMLHttp
} 

//END OF CODE FOR HOVERING IMAGE
/////////////////////////////////////////////////////////