// 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 toolTipSTYLE=""; var objStyle = 0; function initToolTips() { if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else { toolTipSTYLE.visibility = "visible"; toolTipSTYLE.display = "none"; } document.onmouseover = moveToMouseLoc; } } function toolTip(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; } ///////////// //alert("Scroll Top :"+varscrolltop); if(toolTip.arguments.length < 1) // hide { if(ns4) toolTipSTYLE.visibility = "hidden"; else toolTipSTYLE.display = "none"; } else // show { if(!fg) fg = "#777777"; if(!bg) bg = "#e9e9e9"; var content =''; //'SC TOP:'+ (varscrolltop) +'Y: ' + y + ' Top:' + toolTipSTYLE.top + ' Bot:' + toolTipSTYLE.bottom ;// ' x =' + x + 'Bottom =' + toolTipSTYLE.top + ' only Y = ' + y ; if(screen.availWidth >= 1024) { content = content + '

' + '

' + ' ' + product_name + '
'+ '

';//+'SC TOP:'+ (varscrolltop) +'Y: ' + y + ' Top:' + toolTipSTYLE.top + ' Bot:' + toolTipSTYLE.bottom ; } if(screen.availWidth >= 800 && screen.availWidth < 1024 ) { content = content + '

' + '

' + ' ' + product_name + '
'+ '

';//'Description : ' + small_description + '';//+'SC TOP:'+ (varscrolltop) +'Y: ' + y + ' Top:' + toolTipSTYLE.top + ' Bot:' + toolTipSTYLE.bottom ; } if(ns4) { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible"; } if(ns6) { document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' } } } function moveToMouseLoc(e) { initToolTips(); 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) { toolTipSTYLE.left = (x + offsetX - 200) + varscrollleft +'px'; } else toolTipSTYLE.left = (x + offsetX - 270) + varscrollleft +'px'; } else toolTipSTYLE.left = x + offsetX + varscrollleft +'px' ; if(screen.availWidth >= 800) { if(y >= 200 ) { if(((y + offsetY) - 300) < 50 && varscrolltop <= 150 ) toolTipSTYLE.bottom = (y + offsetY ) - 300 +'px'; else if(((y + offsetY) - 300) < 50 && varscrolltop > 150 ) toolTipSTYLE.top = (y + offsetY + (varscrolltop)) - 300 +'px'; else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) && (varscrolltop <= 150)) toolTipSTYLE.top = (y + offsetY) - 100 +'px'; /// Case when Y is in 2nd Row else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) && (varscrolltop > 150)) toolTipSTYLE.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) ) toolTipSTYLE.top = (y + offsetY)-300 +'px'; else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) && (varscrolltop > 150) ) toolTipSTYLE.top = (y + offsetY + (varscrolltop))-300 +'px'; else { if (varscrolltop <= 150) { toolTipSTYLE.bottom = (y + offsetY) - 300 +'px'; // Case when Y is in 3rd Row } else { //alert("in Case"); toolTipSTYLE.top = (y)+ (varscrolltop) - 300 + 'px'; // Case when Y is in 3rd Row } } } else if (y < 175 && y >= 37 && varscrolltop <= 150) { toolTipSTYLE.top = y + offsetY + 150 +'px'; // Case when Y is On first row pointer on top } else if (y < 175 && y >= 37 && varscrolltop > 150) { toolTipSTYLE.top = y + offsetY + varscrolltop +'px'; // Case when Y is On first row pointer on top } else if(y < 37 && varscrolltop <= 150) { toolTipSTYLE.top = y + offsetY + 250 +'px'; } else if(y < 37 && varscrolltop > 150) { toolTipSTYLE.top = y + offsetY + varscrolltop + 250 +'px'; } else { if(toolTipSTYLE.top < 350) { toolTipSTYLE.top = y + offsetY + 150 +'px'; } else { if(varscrolltop <= 150 ) toolTipSTYLE.top = y + offsetY +'px'; /// USED WHEN Y ON FIRST ROW.. else toolTipSTYLE.top = y + offsetY + varscrolltop +'px'; } } } /* if(screen.availWidth >= 800) { if(y >= 200 && varscrolltop <= 175 ) { if(((y + offsetY) - 300) < 50) toolTipSTYLE.bottom = (y + offsetY) - 300 +'px'; else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) ) toolTipSTYLE.top = (y + offsetY) - 100 +'px'; else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) ) toolTipSTYLE.top = (y + offsetY)-300 +'px'; else toolTipSTYLE.bottom = (y + offsetY ) - 300 +'px'; } else if(y >= 200 && varscrolltop >= 225) { if(((y + offsetY) - 300) < 50) toolTipSTYLE.bottom = (y + offsetY+(varscrolltop/2)) - 300 +'px'; else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) ) toolTipSTYLE.top = (y + offsetY+(varscrolltop/2)) - 100 +'px'; else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) ) toolTipSTYLE.top = (y + offsetY + (varscrolltop/2))-300 +'px'; else toolTipSTYLE.bottom = (y + offsetY + (varscrolltop/2) ) - 300 +'px'; } else if (y < 175 && y >= 37 && varscrolltop <= 175) { toolTipSTYLE.top = y + offsetY + 150 +'px'; } else if (y < 175 && y >= 37 && varscrolltop >=225) { toolTipSTYLE.top = y + offsetY + (varscrolltop/2) + 150 +'px'; } else if(y < 37 && varscrolltop <=175 ) { toolTipSTYLE.top = y + offsetY + 250 +'px'; } else if(y < 37 && varscrolltop >= 225) { toolTipSTYLE.top = y + offsetY + (varscrolltop/2) + 250 +'px'; } else { if(toolTipSTYLE.top < 350 && varscrolltop <= 175 ) { toolTipSTYLE.top = y + offsetY + 150 +'px'; } else if(toolTipSTYLE.top < 350 && varscrolltop >= 225 ) { toolTipSTYLE.top = y + offsetY + (varscrolltop/2) + 150 +'px'; } else { if ( varscrolltop <= 175 ) { toolTipSTYLE.top = y + offsetY +'px'; } else { toolTipSTYLE.top = y + (varscrolltop/2) + offsetY +'px'; } } }*/ if(screen.availWidth = 800 ) { if(y >= 200 ) { if(((y + offsetY) - 300) < 50) toolTipSTYLE.bottom = (y + offsetY) - 300 +'px'; else if( (((y + offsetY) - 300) > 50) && (((y + offsetY) - 300) < 100) ) toolTipSTYLE.top = (y + offsetY) - 100 +'px'; else if( (((y + offsetY) - 300) > 194) && (((y + offsetY) - 300) < 292) ) toolTipSTYLE.top = (y + offsetY)-300 +'px'; else toolTipSTYLE.bottom = (y + offsetY) - 300 +'px'; } else if (y < 175 && y >= 37 ) { toolTipSTYLE.top = y + offsetY + 150 +'px'; } else if(y < 37) { toolTipSTYLE.top = y + offsetY + 250 +'px'; } else { if(toolTipSTYLE.top < 350) { toolTipSTYLE.top = y + offsetY + 150 +'px'; } else toolTipSTYLE.top = y + offsetY +'px'; } } return true; }