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

var origWidth, origHeight;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }


// settings for tooltip 
// Tip moves when mouse moves over link
var tipFollowMouse= true;       


var tipWidth= 501;
var offX= 20;   
var offY= 12; 
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
var tipFontSize= "10pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#000000";
var tipBgColor= "#e8e5cb"; 
var tipBorderColor= "#000080";
var tipBorderWidth= 0;
var tipBorderStyle= "none";
var tipPadding= 4;
var prodDesc= "More than a mower, the Big Red Horse garden tractor has the power and durability to take on those heavy duty jobs, such as plowing, hauling and tilling, in addition to mowing. A Briggs & Stratton® Intek™ twin-cylinder engine and a large 50 inch mowing deck cut big jobs down to size, while its automatic transmission with cruise control and electric PTO makes every job easier.";

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing: 
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array(prodDesc,'images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');
messages[1] = new Array('Product Horse has cruise control, for when you want to cruise around your lawn.','images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');
messages[2] = new Array('Product Range Rider will cut your lawn. Guaranteed.','images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');
messages[3] = new Array('Product Super Bronco is Red.','images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');
messages[4] = new Array(' evf kj vkijd vikd vkdj vkjd vidg vidjfv idj vidj vijd voijd void vod vdo vod vod vodg vojd vodj vodj vojdf vodjnv iot vrt viurtvyrt vr tvetv kvckjer vi. Guaranteed.','images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');
messages[5] = new Array('Qqwe kewjr kjre fo4jfroegotigrtobd v r3o vr eo v5u 5egh5 73 39hf 8735y g 54y58 tg985tu45nkdjhv9ut 9e5u e 9eurhg egherug heoiugh eoerg rejg regt. Guaranteed.','images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');
messages[6] = new Array('PPPPWIUHE DIEH IUFHE iuh er9uher9uh e9ghver ge g4g  r7rh hhrtrtyrytn 656 ytjduy7tdugmghndghnfgmjn   gdh d fdgfj fj fj fj fhj fumudn fybeyt. Guaranteed.','images/starter.gif','images/earth.gif','images/strength.gif','images/terrain.gif');



// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
        var theImgs = new Array();
        for (var i=0; i<messages.length; i++) {
        theImgs[i] = new Image();
                theImgs[i].src = messages[i][0];
  }
}



var startStr = '<table width="' + tipWidth + '"><tr><td align="left" width="100%">';
var midStr = '</td></tr><tr><td valign="top" class="prod_list_rating"><span class="prod_list_ratingtext">Mower Rating</span></td></tr><tr><td valign="top"><img src="';
var midStr2 = '" border="0">&nbsp;<img src="';
var endStr = '" border="0"></td></tr></table>';



//  initTip     - initialization for tooltip.
//              Global variables for tooltip. 
//              Set styles
//              Set up mousemove capture if tipFollowMouse set true.

var tooltip, tipcss;
function initTip() {
        if (nodyn) return;
        tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
        tipcss = tooltip.style;
        if (ie4||ie5||ns5) {    // ns4 would lose all this on rewrites
                tipcss.width = tipWidth+"px";
                tipcss.fontFamily = tipFontFamily;
                tipcss.fontSize = tipFontSize;
                tipcss.color = tipFontColor;
                tipcss.backgroundColor = tipBgColor;
                tipcss.borderColor = tipBorderColor;
                tipcss.borderWidth = tipBorderWidth+"px";
                tipcss.padding = tipPadding+"px";
                tipcss.borderStyle = tipBorderStyle;
        }
        if (tooltip&&tipFollowMouse) {
                document.onmousemove = trackMouse;
        }
}

window.onload = initTip;


//  doTooltip function
//                      Assembles content for tooltip and writes 
//                      it to tipDiv

var t1,t2;      // for setTimeouts
var tipOn = false;      // check if over tooltip link
function doTooltip(evt,num) {
        if (!tooltip) return;
        if (t1) clearTimeout(t1);       if (t2) clearTimeout(t2);
        tipOn = true;
        // set colors if included in messages array
        
        
        if (ie4||ie5||ns5) {
                var tip = startStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + ';">' + messages[num][0] + '</span>' + midStr + messages[num][1] + midStr2 + messages[num][2] + midStr2 + messages[num][3] + midStr2 + messages[num][4] + endStr;
                tipcss.backgroundColor = tipBgColor;
                tooltip.innerHTML = tip;
        }
        if (!tipFollowMouse) positionTip(evt);
        else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
        standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
        mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
        mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.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) {
                standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
                mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
                mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
        }
        // tooltip width and height
        var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
        var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
        // document area in view (subtract scrollbar width for ns)
        var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
        var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
        // check mouse position against tip and window dimensions
        // and position the tooltip 
        if ((mouseX+offX+tpWd)>winWd) 
                tipcss.left = mouseX-(tpWd+offX)+"px";
        else tipcss.left = mouseX+offX+"px";
        if ((mouseY+offY+tpHt)>winHt) 
                tipcss.top = winHt-(tpHt+offY)+"px";
        else tipcss.top = mouseY+offY+"px";
        if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
        if (!tooltip) return;
        t2=setTimeout("tipcss.visibility='hidden'",100);
        tipOn = false;
}

document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')