// JavaScript Document /*********************************************** * 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 . */ 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= 250; var offX= 20; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "9pt"; // 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= "#333333"; var tipBgColor= "#cccccc"; var tipBorderColor= "#cccccc"; var tipBorderWidth= 2; var tipBorderStyle= "ridge"; var tipPadding= 1; // 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('/images/lightbox/image5.jpg','Motorola W385',"#ffffff"); messages[1] = new Array('/images/lightbox/image15.jpg','Motorola W315',"#ffffff"); messages[2] = new Array('/images/lightbox/image16.jpg','Motorola Slvr L7',"#ffffff"); messages[3] = new Array('/images/lightbox/image17.jpg','Motorola Razr V9M',"#ffffff"); messages[4] = new Array('/images/lightbox/image18.jpg','Motorola Razr V3M',"#ffffff"); messages[5] = new Array('/images/lightbox/image19.jpg','Motorola Razr V3i',"#ffffff"); messages[6] = new Array('/images/lightbox/image20.jpg','Motorola Z6m (Roker)',"#ffffff"); messages[7] = new Array('/images/lightbox/image21.jpg','Motorola Mot 09M',"#ffffff"); messages[8] = new Array('/images/lightbox/image22.jpg','Motorola KRZR K1M',"#ffffff"); messages[9] = new Array('/images/lightbox/image37.jpg','Blackberry Storm',"#ffffff"); messages[10] = new Array('/images/lightbox/image38.jpg','Blackberry 8830',"#ffffff"); messages[11] = new Array('/images/lightbox/image39.jpg','Blackberry 8330 Curve',"#ffffff"); messages[12] = new Array('/images/lightbox/image6.jpg','Treo 755P',"#ffffff"); messages[13] = new Array('/images/lightbox/image7.jpg','Treo 700 WX',"#ffffff"); messages[14] = new Array('/images/lightbox/image8.jpg','Sanyo Katana SCP6600',"#ffffff"); messages[15] = new Array('/images/lightbox/image9.jpg','Sanyo Katana SCP6650',"#ffffff"); messages[16] = new Array('/images/lightbox/image10.jpg','Samsung Instinct',"#ffffff"); messages[17] = new Array('/images/lightbox/image11.jpg','Samsung Upstage',"#ffffff"); messages[18] = new Array('/images/lightbox/image12.jpg','Samsung MyShot',"#ffffff"); messages[19] = new Array('/images/lightbox/image13.jpg','Samsung Hue II',"#ffffff"); messages[20] = new Array('/images/lightbox/image14.jpg','Samsung Juke U470',"#ffffff"); messages[21] = new Array('/images/lightbox/image23.jpg','LG Dare VX9700',"#ffffff"); messages[22] = new Array('/images/lightbox/image24.jpg','LG VX8800 Venus',"#ffffff"); messages[23] = new Array('/images/lightbox/image25.jpg','LG VX8550 Chocolate',"#ffffff"); messages[24] = new Array('/images/lightbox/image26.jpg','LG Decoy VX8610',"#ffffff"); messages[25] = new Array('/images/lightbox/image27.jpg','LG Voyager',"#ffffff"); messages[26] = new Array('/images/lightbox/image28.jpg','Kyocera KX444',"#ffffff"); messages[27] = new Array('/images/lightbox/image29.jpg','Kyocera KX18-Jet',"#ffffff"); messages[28] = new Array('/images/lightbox/image30.jpg','Kyocera KX18-Angel',"#ffffff"); messages[29] = new Array('/images/lightbox/image31.jpg','Kyocera Zcursion KX160',"#ffffff"); messages[30] = new Array('/images/lightbox/image32.jpg','Kyocera 3250',"#ffffff"); messages[31] = new Array('/images/lightbox/image33.jpg','HTC 6850 Touch Pro',"#ffffff"); messages[32] = new Array('/images/lightbox/image34.jpg','HTC 6950 Diamond',"#ffffff"); messages[33] = new Array('/images/lightbox/image35.jpg','HTC 6900 Touch',"#ffffff"); messages[34] = new Array('/images/lightbox/image36.jpg','HTC 6800 Mogul',"#ffffff"); messages[35] = new Array('/images/lightbox/image40.jpg','Casio-G Zone',"#ffffff"); messages[36] = new Array('/images/lightbox/image41.jpg','Casio-G Zone Boulder',"#ffffff"); messages[37] = new Array('/images/lightbox/image44.jpg','Motorola Razr V3',"#ffffff"); messages[38] = new Array('/images/lightbox/image1.jpg','Motorola V276',"#ffffff"); messages[39] = new Array('/images/lightbox/image2.jpg','Samsung U340',"#ffffff"); messages[40] = new Array('/images/lightbox/image42.jpg','UTStarcom Blitz TXT8010',"#ffffff"); messages[41] = new Array('/images/lightbox/image3.jpg','Motorola Razr V3A',"#ffffff"); messages[42] = new Array('/images/lightbox/image4.jpg','LG LGAX 145',"#ffffff"); messages[43] = new Array('/images/lightbox/blackberry-tour.jpg','',"#ffffff"); messages[44] = new Array('/images/lightbox/htc-droid-eris.jpg','',"#ffffff"); messages[45] = new Array('/images/lightbox/lgax145.jpg','',"#ffffff"); messages[46] = new Array('/images/lightbox/samsung-alias.jpg','',"#ffffff"); messages[47] = new Array('/images/lightbox/BB8130.jpg','BB8130',"#ffffff"); messages[48] = new Array('/images/lightbox/BB8703e.jpg','BB8703e',"#ffffff"); messages[49] = new Array('/images/lightbox/BB8530Curve2.jpg','BB8530 Curve 2',"#ffffff"); messages[50] = new Array('/images/lightbox/BBStorm2.jpg','BB Storm 2',"#ffffff"); messages[51] = new Array('/images/lightbox/HTCDual.jpg','HTC Dual',"#ffffff"); messages[52] = new Array('/images/lightbox/SamsungSCHU350.jpg','SCH-U350',"#ffffff"); messages[53] = new Array('/images/lightbox/SamsungTranceU490.jpg','Trance U490',"#ffffff"); messages[54] = new Array('/images/lightbox/UTStarcomCDM7076.jpg','UTStarcom CDM-7076',"#ffffff"); messages[55] = new Array('/images/lightbox/samsung-u340.jpg','U340',"#ffffff"); messages[56] = new Array('/images/lightbox/blackberry-8230.jpg','Blackberry 8230',"#ffffff"); messages[57] = new Array('/images/lightbox/lg-vx5500.jpg','LG VX5500',"#ffffff"); messages[58] = new Array('/images/lightbox/motorola-evoke.jpg','Motorola EVOKE',"#ffffff"); messages[59] = new Array('/images/lightbox/samsung-link.jpg','Samsung Link',"#ffffff"); messages[60] = new Array('/images/lightbox/motorola-droid.jpg','Motorola Droid',"#ffffff"); messages[61] = new Array('/images/lightbox/samsungGalaxy.jpg','Samsung Galaxy',"#ffffff"); messages[62] = new Array('/images/lightbox/samsungDellve.jpg','Samsung Delve',"#ffffff"); messages[63] = new Array('/images/lightbox/SamsungSphM800Instinct.jpg','Samsung Instinct',"#ffffff"); messages[64] = new Array('/images/lightbox/SamsungOmnia.jpg','Samsung Omnia',"#ffffff"); messages[65] = new Array('/images/lightbox/motorolaDroidPro.jpg','Motorola Droid Pro',"#ffffff"); messages[66] = new Array('/images/lightbox/motorolaDroidX.jpg','Motorola Droid X',"#ffffff"); messages[67] = new Array('/images/lightbox/motorolaQ9M.jpg','Motorola Q9M',"#ffffff"); messages[68] = new Array('/images/lightbox/motorolaDroid2.jpg','Motorola Droid 2',"#ffffff"); messages[69] = new Array('/images/lightbox/lgAx260Rumor.jpg','LG Rumor',"#ffffff"); messages[70] = new Array('/images/lightbox/lgLx370.jpg','LG LX370',"#ffffff"); messages[71] = new Array('/images/lightbox/lgVx9600Versa.jpg','LG Versa',"#ffffff"); messages[72] = new Array('/images/lightbox/lgVx5600.jpg','LG VX5600',"#ffffff"); messages[73] = new Array('/images/lightbox/lgVx9200.jpg','LG VX9200',"#ffffff"); messages[74] = new Array('/images/lightbox/blackberryBold.jpg','Blackberry Bold',"#ffffff"); messages[75] = new Array('/images/lightbox/htcIncredible.jpg','HTC Incredible',"#ffffff"); messages[76] = new Array('/images/lightbox/lgClubby.jpg','LG Clubby',"#ffffff"); messages[77] = new Array('/images/lightbox/lgCookie.jpg','LG Cookie',"#ffffff"); messages[78] = new Array('/images/lightbox/lgGt360.jpg','LG GT 360',"#ffffff"); messages[79] = new Array('/images/lightbox/motorolaE8.jpg','Motorola E8',"#ffffff"); messages[80] = new Array('/images/lightbox/motorolaEm30Rokr.jpg','Motorola EM 30 Rokr',"#ffffff"); messages[81] = new Array('/images/lightbox/motorolaL6.jpg','MotorolaL6',"#ffffff"); messages[82] = new Array('/images/lightbox/motorolaL9.jpg','Motorola L9',"#ffffff"); messages[83] = new Array('/images/lightbox/motorolaQa1Karma.jpg','Motorola QA1 Karma',"#ffffff"); messages[84] = new Array('/images/lightbox/motorolaRokrZ6.jpg','Motorola Rokr Z6',"#ffffff"); messages[85] = new Array('/images/lightbox/motorolaV3.jpg','Motorola V3',"#ffffff"); messages[86] = new Array('/images/lightbox/motorolaV3iRazr.jpg','Motorola V3i Razr',"#ffffff"); messages[87] = new Array('/images/lightbox/motorolaV8Razr2.jpg','Motorola V8 Razr 2',"#ffffff"); messages[88] = new Array('/images/lightbox/motorolaVe66.jpg','Motorola VE66',"#ffffff"); messages[89] = new Array('/images/lightbox/motorolaW375.jpg','Motorola W375',"#ffffff"); messages[90] = new Array('/images/lightbox/motorolaW377.jpg','Motorola W377',"#ffffff"); messages[91] = new Array('/images/lightbox/motorolaW450.jpg','Motorola W450',"#ffffff"); messages[92] = new Array('/images/lightbox/motorolaW510.jpg','Motorola W510',"#ffffff"); messages[93] = new Array('/images/lightbox/motorolaZ3Razr.jpg','Motorola Z3 Razr',"#ffffff"); messages[94] = new Array('/images/lightbox/nokia1208b.jpg','Nokia 1208B',"#ffffff"); messages[95] = new Array('/images/lightbox/nokia1661.jpg','Nokia 1661',"#ffffff"); messages[96] = new Array('/images/lightbox/nokia1680.jpg','Nokia 1680',"#ffffff"); messages[97] = new Array('/images/lightbox/nokia2630.jpg','Nokia 2630',"#ffffff"); messages[98] = new Array('/images/lightbox/nokia2700.jpg','Nokia 2700',"#ffffff"); messages[99] = new Array('/images/lightbox/nokia2720.jpg','Nokia 2720',"#ffffff"); messages[100] = new Array('/images/lightbox/nokia2760.jpg','Nokia 2760',"#ffffff"); messages[101] = new Array('/images/lightbox/nokia5310.jpg','Nokia 5310',"#ffffff"); messages[102] = new Array('/images/lightbox/nokia5530.jpg','Nokia 5530',"#ffffff"); messages[103] = new Array('/images/lightbox/nokia6085.jpg','Nokia 6085',"#ffffff"); messages[104] = new Array('/images/lightbox/nokiaC3.jpg','Nokia C3',"#ffffff"); messages[105] = new Array('/images/lightbox/samsungA436.jpg','Samsung A436',"#ffffff"); messages[106] = new Array('/images/lightbox/samsungB2100.jpg','Samsung B2100',"#ffffff"); messages[107] = new Array('/images/lightbox/samsungGtb3310.jpg','Samsung GTB 3310',"#ffffff"); messages[108] = new Array('/images/lightbox/samsungGtb3410.jpg','Samsung GTB 3410',"#ffffff"); messages[109] = new Array('/images/lightbox/samsungGtb5310.jpg','Samsung GTB 5310',"#ffffff"); messages[110] = new Array('/images/lightbox/samsungGtc3300k.jpg','Samsung GTC 3300K',"#ffffff"); messages[111] = new Array('/images/lightbox/samsungGtc3650.jpg','Samsung GTC 3650',"#ffffff"); messages[112] = new Array('/images/lightbox/samsungGts5230.jpg','Samsung GTS 5230',"#ffffff"); messages[113] = new Array('/images/lightbox/samsungM3710.jpg','Samsung M3710',"#ffffff"); messages[114] = new Array('/images/lightbox/samsungPropelZ767.jpg','Samsung Propel A767',"#ffffff"); messages[115] = new Array('/images/lightbox/samsungSght439.jpg','Samsung SGHT 439',"#ffffff"); messages[116] = new Array('/images/lightbox/samsungT349.jpg','Samsung T349',"#ffffff"); messages[117] = new Array('/images/lightbox/sharpSidekick9.jpg','Sharp Sidekick 9',"#ffffff"); messages[118] = new Array('/images/lightbox/sharpSidekickGekko.jpg','Sharp Sidekick Gekko',"#ffffff"); //////////////////// 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'; var endStr = ''; //////////////////////////////////////////////////////////// // 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 + '' + messages[num][1] + '' + 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('')