var offsetfrommouse=[20,-50]; //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 currentimageheight = 200;        // maximum image size.

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

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

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


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

function showtrail(imagename,title,BP1,BP2,BP3,BP4,BP5,ProdNumber,MFnum,RateImg,RateAvg,RateNumber,priceprod,saleprod,showthumb,height,browser){

        if (height > 0){
                currentimageheight = height;
        }

        document.onmousemove=followmouse;

        newHTML = '<div style="padding: 5px; width=275; background-color: #FFF; border: 1px solid #e3dfd7;">';
        newHTML = newHTML + '<center><span class="product-title">' + title + '</span></center><hr />';
        newHTML = newHTML+'<table>';
		if(browser == "IE")
			{
				if(BP1!=="")
				{
				newHTML = newHTML+'<tr><td width="3" rowspan="5"><td valign=top>&#8226;</td><td><ul><li>'+BP1+'</li></ul></td></tr>';	
				}
			if(BP2!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP2+'</li></ul></td></tr>';
				}
			if(BP3!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP3+'</li></ul></td></tr>';	
				}
			if(BP4!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP4+'</li></ul></td></tr>';	
				}
			if(BP5!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP5+'</li></ul></td></tr></table>';	
				}
			else
				{
				newHTML = newHTML+'</table>';	
				}
			}
		else
			{
			if(BP1!=="")
				{
				newHTML = newHTML+'<tr><td width="5" rowspan="5">&nbsp;<td><ul><li>'+BP1+'</li></ul></td></tr>';	
				}
			if(BP2!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP2+'</li></ul></td></tr>';
				}
			if(BP3!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP3+'</li></ul></td></tr>';	
				}
			if(BP4!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP4+'</li></ul></td></tr>';	
				}
			if(BP5!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP5+'</li></ul></td></tr></table>';	
				}
			else
				{
				newHTML = newHTML+'</table>';	
				}
			}
			
       

		//newHTML = newHTML +'<span class="price"><b>Price: '+ priceprod + '</b></span><br>';
 		
		//newHTML = newHTML +'<span class="saleprice"><b>'+ saleprod + '</b></span>';
		
		if (showthumb > 0)
		{
			if(imagename=="noimage")
			{
				newHTML = newHTML +'<br /><hr /><table width="100%"><tr><td align="left" valign="top"><span class="textarea1"><b>SKU: '+ ProdNumber + '</b></span><br /><span class="textarea1"><b>Mfr Part #: '+ MFnum +'</b></span></td>';	
			}
			else
			{
                newHTML = newHTML + '<br /><div align="center" style="padding: 8px 2px 2px 2px;"><img src="' + imagename + '" height="120" border="0"></div>';
				newHTML = newHTML +'<hr /><table width="100%"><tr><td align="left" valign="top"><span class="textarea1"><b>SKU: '+ ProdNumber + '</b></span><br /><span class="textarea1"><b>Mfr Part #: '+ MFnum +'</b></span></td>';
			}
        }
		if (RateAvg > 0)
			{
			  newHTML = newHTML + '<td align="right" valign="top"><img src="' + RateImg + RateAvg + '.gif" border="0" /><br /><span class="textarea1">based on '+ RateNumber +' review(s)</span></td></tr></table>';
			}
		else
			{
			  newHTML = newHTML + '<td align="right" valign="top"></td></tr></table>';	
			}
		newHTML = newHTML + '</div><br />';
 		
        gettrailobjnostyle().innerHTML = newHTML;

        gettrailobj().visibility="visible";

}
///////////////////////////////////////////////////////////SCRIPT FOR HOVERING ON THE LEFT/////////////
function showLeftTrail(imagename,title,BP1,BP2,BP3,BP4,BP5,ProdNumber,MFnum,RateImg,RateAvg,RateNumber,priceprod,saleprod,showthumb,height,browser){

        if (height > 0){
                currentimageheight = height;
        }

        document.onmousemove=followmouseLeft;

        newHTML = '<div style="padding: 5px; width=275; background-color: #FFF; border: 1px solid #e3dfd7;">';
        newHTML = newHTML + '<center><span class="product-title">' + title + '</span></center><hr />';
        newHTML = newHTML+'<table>';
		if(browser == "IE")
			{
				if(BP1!=="")
				{
				newHTML = newHTML+'<tr><td width="3" rowspan="5"><td valign=top>&#8226;</td><td><ul><li>'+BP1+'</li></ul></td></tr>';	
				}
			if(BP2!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP2+'</li></ul></td></tr>';
				}
			if(BP3!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP3+'</li></ul></td></tr>';	
				}
			if(BP4!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP4+'</li></ul></td></tr>';	
				}
			if(BP5!=="")
				{
				newHTML = newHTML+'<tr><td valign=top>&#8226;</td><td><ul><li>'+BP5+'</li></ul></td></tr></table>';	
				}
			else
				{
				newHTML = newHTML+'</table>';	
				}
			}
		else
			{
			if(BP1!=="")
				{
				newHTML = newHTML+'<tr><td width="5" rowspan="5">&nbsp;<td><ul><li>'+BP1+'</li></ul></td></tr>';	
				}
			if(BP2!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP2+'</li></ul></td></tr>';
				}
			if(BP3!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP3+'</li></ul></td></tr>';	
				}
			if(BP4!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP4+'</li></ul></td></tr>';	
				}
			if(BP5!=="")
				{
				newHTML = newHTML+'<tr><td><ul><li>'+BP5+'</li></ul></td></tr></table>';	
				}
			else
				{
				newHTML = newHTML+'</table>';	
				}
			}
			
       

		//newHTML = newHTML +'<span class="price"><b>Price: '+ priceprod + '</b></span><br>';
 		
		//newHTML = newHTML +'<span class="saleprice"><b>'+ saleprod + '</b></span>';
		
		if (showthumb > 0)
		{
			if(imagename=="noimage")
			{
				newHTML = newHTML +'<br /><hr /><table width="100%"><tr><td align="left" valign="top"><span class="textarea1"><b>SKU: '+ ProdNumber + '</b></span><br /><span class="textarea1"><b>Mfr Part #: '+ MFnum +'</b></span></td>';	
			}
			else
			{
                newHTML = newHTML + '<br /><div align="center" style="padding: 8px 2px 2px 2px;"><img src="' + imagename + '" height="120" border="0"></div>';
				newHTML = newHTML +'<hr /><table width="100%"><tr><td align="left" valign="top"><span class="textarea1"><b>SKU: '+ ProdNumber + '</b></span><br /><span class="textarea1"><b>Mfr Part #: '+ MFnum +'</b></span></td>';
			}
        }
		if (RateAvg > 0)
			{
			  newHTML = newHTML + '<td align="right" valign="top"><img src="' + RateImg + RateAvg + '.gif" border="0" /><br /><span class="textarea1">based on '+ RateNumber +' review(s)</span></td></tr></table>';
			}
		else
			{
			  newHTML = newHTML + '<td align="right" valign="top"></td></tr></table>';	
			}
		newHTML = newHTML + '</div><br />';
 		
        gettrailobjnostyle().innerHTML = newHTML;

        gettrailobj().visibility="visible";

}
///////////////////////////////////////////////////////END SCRIPT FOR HOVERING ON THE LEFT/////////////

function hidetrail(){
        gettrailobj().visibility="hidden"
        document.onmousemove=""
        gettrailobj().left="-500px"
}

////////////////////////////////HIDE THE LEFT TRAIL////
function hideLeftTrail(){
        gettrailobj().visibility="hidden"
        document.onmousemove=""
        gettrailobj().left="-500px"
}
////////////////////////////END HIDE THE LEFT TRAIL////

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 (document.all){
        //        gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
        //} else {
        //        gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
        //}

        if (typeof e != "undefined"){
                if (docwidth - e.pageX < 100){
                        xcoord = e.pageX - xcoord - 240; // Move to the left side of the cursor
                } else {
                        xcoord += e.pageX;
                }
                if (docheight - e.pageY < (currentimageheight + 150)){
                        ycoord += e.pageY - Math.max(0,(150 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
                } else {
                        ycoord += e.pageY;
                }

        } else if (typeof window.event != "undefined"){
                if (docwidth - event.clientX <100){
                        xcoord = event.clientX + truebody().scrollLeft - xcoord - 240; // Move to the left side of the cursor
                } else {
                        xcoord += truebody().scrollLeft+event.clientX
                }
                if (docheight - event.clientY < (currentimageheight + 150)){
                        ycoord += event.clientY + truebody().scrollTop - Math.max(0,(150 + currentimageheight + event.clientY - docheight));
                } else {
                        ycoord += truebody().scrollTop + event.clientY;
                }
        }

        var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
        var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
                if(ycoord < 0) { ycoord = ycoord*-1; }
        gettrailobj().left=xcoord+"px"
        gettrailobj().top=ycoord+"px"

}

/////////////////////////////FOLLOW SCRIPT FOR HOVERING ON THE LEFT////////
function followmouseLeft(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 (document.all){
        //        gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
        //} else {
        //        gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
        //}

        if (typeof e != "undefined"){
                if (docwidth - e.pageX < 100){
                        xcoord = e.pageX - xcoord + 240; // Move to the left side of the cursor
                } else {
                        xcoord += e.pageX;
						xcoord = xcoord-300;
                }
                if (docheight - e.pageY < (currentimageheight + 150)){
                        ycoord += e.pageY - Math.max(0,(150 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
                } else {
                        ycoord += e.pageY;
                }

        } else if (typeof window.event != "undefined"){
                if (docwidth - event.clientX <100){
                        xcoord = event.clientX + truebody().scrollLeft - xcoord + 240; // Move to the left side of the cursor
                } else {
                        xcoord += truebody().scrollLeft+event.clientX-310
                }
                if (docheight - event.clientY < (currentimageheight + 150)){
                        ycoord += event.clientY + truebody().scrollTop - Math.max(0,(150 + currentimageheight + event.clientY - docheight));
                } else {
                        ycoord += truebody().scrollTop + event.clientY;
                }
        }

        var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
        var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
                if(ycoord < 0) { ycoord = ycoord*-1; }
        gettrailobj().left=xcoord+"px"
        gettrailobj().top=ycoord+"px"

}
/////////////////////////////////////END SCRIPT FOR HOVERING ON THE LEFT