// JavaScript Document
// Example:
// onMouseOver="toolTip('tool tip text here')";
// onMouseOut="toolTip()";
// -or-
// onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";
// onMouseOut="toolTip()";
/*
MOVE this to the :
*/
var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
var varscrolltop = 0;
var varscrollleft = 0;
var screenWidth ;
var tempLeft ;
var x;
var y;
x = 0;
y = 0;
offsetX = 10;
offsetY = 10;
var boxtoolTipSTYLE="";
var objStyle = 0;
function boxinitToolTips()
{
if(ns4||ns6||ie4)
{
if(ns4) boxtoolTipSTYLE = document.boxtoolTipLayer;
else if(ns6) boxtoolTipSTYLE = document.getElementById("boxtoolTipLayer").style;
else if(ie4) boxtoolTipSTYLE = document.all.boxtoolTipLayer.style;
if(ns4) document.captureEvents(Event.MOUSEMOVE);
else
{
boxtoolTipSTYLE.visibility = "visible";
boxtoolTipSTYLE.display = "none";
}
document.onmouseover = moveToMouseLoc;
}
}
function boxtoolTip(imgpath,product_name,product_price,small_description, fg, bg)
{
//// SCROLL TOP
if (self.pageYOffset) // all except Explorer
{
varscrollleft = self.pageXOffset;
varscrolltop = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
varscrollleft = document.documentElement.scrollLeft;
varscrolltop = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
varscrollleft = document.body.scrollLeft;
varscrolltop = document.body.scrollTop;
}
/////////////
if(boxtoolTip.arguments.length < 1) // hide
{
if(ns4) boxtoolTipSTYLE.visibility = "hidden";
else boxtoolTipSTYLE.display = "none";
}
else // show
{
if(!fg) fg = "#777777";
if(!bg) bg = "#717075";
var content ='';
if(screen.availWidth >= 1024)
{
if(product_name == "media")
{
content = content + '' +
' |
';
}
else
{
content = content + '| ' +
' |
';
}
}
if(screen.availWidth >= 800 && screen.availWidth < 1024 )
{
content = content + '' +
' |
';
}
if(ns4)
{
boxtoolTipSTYLE.document.write(content);
boxtoolTipSTYLE.document.close();
boxtoolTipSTYLE.visibility = "visible";
}
if(ns6)
{
document.getElementById("boxtoolTipLayer").innerHTML = content;
boxtoolTipSTYLE.display='block'
}
if(ie4)
{
document.all("boxtoolTipLayer").innerHTML=content;
boxtoolTipSTYLE.display='block'
}
//alert(content);
}
}
function moveToMouseLoc(e)
{
boxinitToolTips();
if(ns4||ns6)
{
x = e.pageX;
y = e.pageY;
}
else
{
x = event.x; //+ document.body.scrollLeft;
y = event.y; //+ document.body.scrollTop;
}
varscrolltop = document.body.scrollTop;
varscrollleft = document.body.scrollLeft;
if (self.pageYOffset) // all except Explorer
{
varscrollleft = self.pageXOffset;
varscrolltop = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
// Explorer 6 Strict
{
varscrollleft = document.documentElement.scrollLeft;
varscrolltop = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
varscrollleft = document.body.scrollLeft;
varscrolltop = document.body.scrollTop;
}
// Set the X location for any resolution
tempLeft = (screen.availWidth/2) + 73 ;
if(x > tempLeft)
{
if (screen.availWidth<1024)
{
boxtoolTipSTYLE.left = (x + offsetX - 200) + varscrollleft +'px';
}
else
boxtoolTipSTYLE.left = (x + offsetX - 270) + varscrollleft +'px';
}
else
boxtoolTipSTYLE.left = x + offsetX + varscrollleft +'px' ;
if(screen.availWidth >= 800)
{
if(y >= 200 )
{
if(((y + offsetY) - 300) < 50 && varscrolltop <= 150 )
boxtoolTipSTYLE.bottom = (y + offsetY ) - 300 +'px';
else if(((y + offsetY) - 300) < 50 && varscrolltop > 150 )
boxtoolTipSTYLE.top = (y + offsetY + (varscrolltop)) - 300 +'px';
else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) && (varscrolltop <= 150))
boxtoolTipSTYLE.top = (y + offsetY) - 100 +'px'; /// Case when Y is in 2nd Row
else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) && (varscrolltop > 150))
boxtoolTipSTYLE.top = (y + offsetY+ (varscrolltop)) - 100 +'px'; /// Case when Y is in 2nd Row
else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) && (varscrolltop <= 150) )
boxtoolTipSTYLE.top = (y + offsetY)-300 +'px';
else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) && (varscrolltop > 150) )
boxtoolTipSTYLE.top = (y + offsetY + (varscrolltop))-300 +'px';
else
{
if (varscrolltop <= 150)
{
boxtoolTipSTYLE.bottom = (y + offsetY) - 300 +'px'; // Case when Y is in 3rd Row
}
else
{
//alert("in Case");
boxtoolTipSTYLE.top = (y)+ (varscrolltop) - 300 + 'px'; // Case when Y is in 3rd Row
}
}
}
else if (y < 175 && y >= 37 && varscrolltop <= 150)
{
boxtoolTipSTYLE.top = y + offsetY + 150 +'px'; // Case when Y is On first row pointer on top
}
else if (y < 175 && y >= 37 && varscrolltop > 150)
{
boxtoolTipSTYLE.top = y + offsetY + varscrolltop +'px'; // Case when Y is On first row pointer on top
}
else if(y < 37 && varscrolltop <= 150)
{
boxtoolTipSTYLE.top = y + offsetY + 250 +'px';
}
else if(y < 37 && varscrolltop > 150)
{
boxtoolTipSTYLE.top = y + offsetY + varscrolltop + 250 +'px';
}
else
{
if(boxtoolTipSTYLE.top < 350)
{
boxtoolTipSTYLE.top = y + offsetY + 150 +'px';
}
else
{
if(varscrolltop <= 150 )
boxtoolTipSTYLE.top = y + offsetY +'px'; /// USED WHEN Y ON FIRST ROW..
else
boxtoolTipSTYLE.top = y + offsetY + varscrolltop +'px';
}
}
}
if(screen.availWidth = 800 )
{
if(y >= 200 )
{
if(((y + offsetY) - 300) < 50)
boxtoolTipSTYLE.bottom = (y + offsetY) - 300 +'px';
else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) )
boxtoolTipSTYLE.top = (y + offsetY) - 100 +'px';
else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) )
boxtoolTipSTYLE.top = (y + offsetY)-300 +'px';
else
boxtoolTipSTYLE.bottom = (y + offsetY) - 300 +'px';
}
else if (y < 175 && y >= 37 )
{
boxtoolTipSTYLE.top = y + offsetY + 150 +'px';
}
else if(y < 37)
{
boxtoolTipSTYLE.top = y + offsetY + 250 +'px';
}
else
{
if(boxtoolTipSTYLE.top < 350)
{
boxtoolTipSTYLE.top = y + offsetY + 150 +'px';
}
else
boxtoolTipSTYLE.top = y + offsetY +'px';
}
}
return true;
}