/***********************************************























* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)























* Copyright 2002-2007 by Sharon Paine























* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code























***********************************************/















































/* IMPORTANT: Put script after tooltip div or 























	 put tooltip div just before </BODY>. */















































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" }















































///////////////////////  CUSTOMIZE HERE   ////////////////////























// settings for tooltip 























// Do you want tip to move when mouse moves over link?























var tipFollowMouse= true;	























// Be sure to set tipWidth wide enough for widest image























var tipWidth= 300;























var offX= 20;	// how far from mouse to show tip























var offY= 12; 























var tipFontFamily= "Verdana, arial, helvetica, sans-serif";























var tipFontSize= "8pt";























// 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= "#FFFFFF"; 























var tipBorderColor= "#ECECEC";























var tipBorderWidth= 1;























var tipBorderStyle= "ridge";























var tipPadding= 20;















































// 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



messages[1] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-1.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE1</font>');



messages[2] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-2.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE2</font>');



messages[3] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-3.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE3</font>');



messages[4] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-4.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE4</font>');



messages[5] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-5.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE5</font>');



messages[6] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-6.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE6</font>');



messages[7] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-7.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE7</font>');



messages[8] = new Array



messages[9] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-9.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE9</font>');



messages[10] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-10.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE10</font>');



messages[11] = new Array



messages[12] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-12.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE12</font>');



messages[13] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_eye_ends_se-13.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Eye End Fitting - SSE13</font>');



messages[14] = new Array



messages[15] = new Array



messages[16] = new Array



messages[17] = new Array



messages[18] = new Array



messages[19] = new Array



messages[20] = new Array



messages[21] = new Array



messages[22] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings_stainless_steel/steel_eye_ends_pe-2.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Plastic Eye End Fitting - PE2</font>');



messages[23] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings_stainless_steel/steel_eye_ends_pe-3.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Plastic Eye End Fitting - PE3</font>');



messages[24] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings_stainless_steel/steel_eye_ends_pe-4.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Plastic Eye End Fitting - PE4</font>');



messages[25] = new Array



messages[26] = new Array



messages[27] = new Array



messages[28] = new Array



messages[29] = new Array



messages[30] = new Array



messages[31] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_ball_joints_sbj-1.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Ball End Fitting - SSBJ1</font>');



messages[32] = new Array



messages[33] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_ball_joints_sbj-3.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Ball End Fitting - SSBJ3</font>');



messages[34] = new Array



messages[35] = new Array



messages[36] = new Array



messages[37] = new Array



messages[38] = new Array



messages[39] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_ball_joints_sbj-9.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Ball End Fitting - SSBJ9</font>');



messages[40] = new Array



messages[41] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_ball_joints_sbj-11.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Ball End Fitting - SSBJ11</font>');



messages[42] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_ball_joints_sbj-12.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Ball End Fitting - SSBJ12</font>');



messages[43] = new Array



messages[44] = new Array



messages[45] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/steel_ball_joints_sbj-15.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Ball End Fitting - SSBJ15</font>');



messages[46] = new Array



messages[47] = new Array



messages[48] = new Array



messages[49] = new Array



messages[50] = new Array



messages[51] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/plastic_ball_joints_pbj-1.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Plastic Ball End Fitting - PBJ1</font>');



messages[52] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/plastic_ball_joints_pbj-2.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Plastic Ball End Fitting - PBJ2</font>');



messages[53] = new Array



messages[54] = new Array



messages[55] = new Array



messages[56] = new Array



messages[57] = new Array



messages[58] = new Array



messages[59] = new Array



messages[60] = new Array



messages[61] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/clevis_fork_ends_cf-1.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Clevis Fork</font>');



messages[62] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/clevis_fork_ends_cf-2.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Clevis Fork</font>');



messages[63] = new Array('http://www.strutsdirect.co.uk/components/images/end_fittings/clevis_fork_ends_cf-3.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Clevis Fork 3</font>');



messages[64] = new Array



messages[65] = new Array



messages[66] = new Array



messages[67] = new Array



messages[68] = new Array



messages[69] = new Array



messages[70] = new Array



messages[71] = new Array



messages[72] = new Array



messages[73] = new Array('http://www.strutsdirect.co.uk/components/images/brackets/end-fitting-bt3.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Bracket - Type 3</font>');



messages[74] = new Array('http://www.strutsdirect.co.uk/components/images/brackets/end-fitting-bt4.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Bracket - Type 4</font>');



messages[75] = new Array



messages[76] = new Array



messages[77] = new Array('http://www.strutsdirect.co.uk/components/images/brackets/end-fitting-bt7.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Bracket - Type 7</font>');



messages[78] = new Array('http://www.strutsdirect.co.uk/components/images/brackets/end-fitting-bt8.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Bracket - Type 8</font>');



messages[79] = new Array



messages[80] = new Array



messages[81] = new Array



messages[82] = new Array



messages[83] = new Array



messages[84] = new Array



messages[85] = new Array



messages[86] = new Array



messages[87] = new Array



messages[88] = new Array



messages[89] = new Array



messages[90] = new Array



messages[91] = new Array('http://www.strutsdirect.co.uk/components/images/brackets/end-fitting-spring-clip-1.jpg','<br><font face="Arial,Helvetica,Geneva,Swiss,SunSans-Regular">Stainless Steel Bracket - Spring Clip</font>');







































































////////////////////  END OF CUSTOMIZATION AREA  ///////////////////















































// 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];























  }























}















































// to layout image and text, 2-row table, image centered in top cell























// these go in var tip in doTooltip function























// startStr goes before image, midStr goes between image and text























var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';























var midStr = '" border="0"></td></tr><tr><td valign="top">';























var endStr = '</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 (messages[num][2])	var curBgColor = messages[num][2];























	else curBgColor = tipBgColor;























	if (messages[num][3])	var curFontColor = messages[num][3];























	else curFontColor = tipFontColor;























	if (ie4||ie5||ns5) {























		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;























		tipcss.backgroundColor = curBgColor;























	 	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>')