/*********************************************** * 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= 304; 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= "#336699"; var tipBgColor= "#336699"; var tipBorderColor= "#336699"; var tipBorderWidth= 1; var tipBorderStyle= "solid"; var tipPadding= 0; // 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 //////////////////// 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(''); // Select Functions function switchCard(){ var selObj = document.getElementById('card'); var showCard = selObj.options[selObj.selectedIndex].value; var bgImage = document.getElementById('cardBack'); if(showCard == 'Visa') bgImage.style.backgroundImage = 'url(images/selects/card1.jpg)'; if(showCard == 'MasterCard') bgImage.style.backgroundImage = 'url(images/selects/card2.jpg)'; if(showCard == 'Discover') bgImage.style.backgroundImage = 'url(images/selects/card3.jpg)'; if(showCard == 'Amex') bgImage.style.backgroundImage = 'url(images/selects/card4.jpg)'; } function switchMonth(){ var selObj = document.getElementById('month'); var showMonth = selObj.options[selObj.selectedIndex].value; var bgImage = document.getElementById('monthBack'); if(showMonth == '1') bgImage.style.backgroundImage = 'url(images/selects/month1.jpg)'; if(showMonth == '2') bgImage.style.backgroundImage = 'url(images/selects/month2.jpg)'; if(showMonth == '3') bgImage.style.backgroundImage = 'url(images/selects/month3.jpg)'; if(showMonth == '4') bgImage.style.backgroundImage = 'url(images/selects/month4.jpg)'; if(showMonth == '5') bgImage.style.backgroundImage = 'url(images/selects/month5.jpg)'; if(showMonth == '6') bgImage.style.backgroundImage = 'url(images/selects/month6.jpg)'; if(showMonth == '7') bgImage.style.backgroundImage = 'url(images/selects/month7.jpg)'; if(showMonth == '8') bgImage.style.backgroundImage = 'url(images/selects/month8.jpg)'; if(showMonth == '9') bgImage.style.backgroundImage = 'url(images/selects/month9.jpg)'; if(showMonth == '10') bgImage.style.backgroundImage = 'url(images/selects/month10.jpg)'; if(showMonth == '11') bgImage.style.backgroundImage = 'url(images/selects/month11.jpg)'; if(showMonth == '12') bgImage.style.backgroundImage = 'url(images/selects/month12.jpg)'; } function switchYear(){ var selObj = document.getElementById('year'); var showYear = selObj.options[selObj.selectedIndex].value; var bgImage = document.getElementById('yearBack'); if(showYear == '2008') bgImage.style.backgroundImage = 'url(images/selects/year1.jpg)'; if(showYear == '2009') bgImage.style.backgroundImage = 'url(images/selects/year2.jpg)'; if(showYear == '2010') bgImage.style.backgroundImage = 'url(images/selects/year3.jpg)'; if(showYear == '2011') bgImage.style.backgroundImage = 'url(images/selects/year4.jpg)'; if(showYear == '2012') bgImage.style.backgroundImage = 'url(images/selects/year5.jpg)'; if(showYear == '2013') bgImage.style.backgroundImage = 'url(images/selects/year6.jpg)'; if(showYear == '2014') bgImage.style.backgroundImage = 'url(images/selects/year7.jpg)'; if(showYear == '2015') bgImage.style.backgroundImage = 'url(images/selects/year8.jpg)'; if(showYear == '2016') bgImage.style.backgroundImage = 'url(images/selects/year9.jpg)'; if(showYear == '2017') bgImage.style.backgroundImage = 'url(images/selects/year10.jpg)'; } function switchState(){ var selObj = document.getElementById('state'); var showState = selObj.options[selObj.selectedIndex].value; var bgImage = document.getElementById('stateBack'); if(showState == 'AL') bgImage.style.backgroundImage = 'url(images/selects/state1.jpg)'; if(showState == 'AK') bgImage.style.backgroundImage = 'url(images/selects/state2.jpg)'; if(showState == 'AZ') bgImage.style.backgroundImage = 'url(images/selects/state3.jpg)'; if(showState == 'AR') bgImage.style.backgroundImage = 'url(images/selects/state4.jpg)'; if(showState == 'CA') bgImage.style.backgroundImage = 'url(images/selects/state5.jpg)'; if(showState == 'CO') bgImage.style.backgroundImage = 'url(images/selects/state6.jpg)'; if(showState == 'CT') bgImage.style.backgroundImage = 'url(images/selects/state7.jpg)'; if(showState == 'DE') bgImage.style.backgroundImage = 'url(images/selects/state8.jpg)'; if(showState == 'DC') bgImage.style.backgroundImage = 'url(images/selects/state9.jpg)'; if(showState == 'FL') bgImage.style.backgroundImage = 'url(images/selects/state10.jpg)'; if(showState == 'GA') bgImage.style.backgroundImage = 'url(images/selects/state11.jpg)'; if(showState == 'HI') bgImage.style.backgroundImage = 'url(images/selects/state12.jpg)'; if(showState == 'ID') bgImage.style.backgroundImage = 'url(images/selects/state13.jpg)'; if(showState == 'IL') bgImage.style.backgroundImage = 'url(images/selects/state14.jpg)'; if(showState == 'IN') bgImage.style.backgroundImage = 'url(images/selects/state15.jpg)'; if(showState == 'IA') bgImage.style.backgroundImage = 'url(images/selects/state16.jpg)'; if(showState == 'KS') bgImage.style.backgroundImage = 'url(images/selects/state17.jpg)'; if(showState == 'KY') bgImage.style.backgroundImage = 'url(images/selects/state18.jpg)'; if(showState == 'LA') bgImage.style.backgroundImage = 'url(images/selects/state19.jpg)'; if(showState == 'ME') bgImage.style.backgroundImage = 'url(images/selects/state20.jpg)'; if(showState == 'MD') bgImage.style.backgroundImage = 'url(images/selects/state21.jpg)'; if(showState == 'MA') bgImage.style.backgroundImage = 'url(images/selects/state22.jpg)'; if(showState == 'MI') bgImage.style.backgroundImage = 'url(images/selects/state23.jpg)'; if(showState == 'MN') bgImage.style.backgroundImage = 'url(images/selects/state24.jpg)'; if(showState == 'MS') bgImage.style.backgroundImage = 'url(images/selects/state25.jpg)'; if(showState == 'MO') bgImage.style.backgroundImage = 'url(images/selects/state26.jpg)'; if(showState == 'MT') bgImage.style.backgroundImage = 'url(images/selects/state27.jpg)'; if(showState == 'NE') bgImage.style.backgroundImage = 'url(images/selects/state28.jpg)'; if(showState == 'NV') bgImage.style.backgroundImage = 'url(images/selects/state29.jpg)'; if(showState == 'NH') bgImage.style.backgroundImage = 'url(images/selects/state30.jpg)'; if(showState == 'NJ') bgImage.style.backgroundImage = 'url(images/selects/state31.jpg)'; if(showState == 'NM') bgImage.style.backgroundImage = 'url(images/selects/state32.jpg)'; if(showState == 'NY') bgImage.style.backgroundImage = 'url(images/selects/state33.jpg)'; if(showState == 'NC') bgImage.style.backgroundImage = 'url(images/selects/state34.jpg)'; if(showState == 'ND') bgImage.style.backgroundImage = 'url(images/selects/state35.jpg)'; if(showState == 'OH') bgImage.style.backgroundImage = 'url(images/selects/state36.jpg)'; if(showState == 'OK') bgImage.style.backgroundImage = 'url(images/selects/state37.jpg)'; if(showState == 'OR') bgImage.style.backgroundImage = 'url(images/selects/state38.jpg)'; if(showState == 'PA') bgImage.style.backgroundImage = 'url(images/selects/state39.jpg)'; if(showState == 'RI') bgImage.style.backgroundImage = 'url(images/selects/state40.jpg)'; if(showState == 'SC') bgImage.style.backgroundImage = 'url(images/selects/state41.jpg)'; if(showState == 'SD') bgImage.style.backgroundImage = 'url(images/selects/state42.jpg)'; if(showState == 'TN') bgImage.style.backgroundImage = 'url(images/selects/state43.jpg)'; if(showState == 'TX') bgImage.style.backgroundImage = 'url(images/selects/state44.jpg)'; if(showState == 'UT') bgImage.style.backgroundImage = 'url(images/selects/state45.jpg)'; if(showState == 'VT') bgImage.style.backgroundImage = 'url(images/selects/state46.jpg)'; if(showState == 'VA') bgImage.style.backgroundImage = 'url(images/selects/state47.jpg)'; if(showState == 'WA') bgImage.style.backgroundImage = 'url(images/selects/state48.jpg)'; if(showState == 'WV') bgImage.style.backgroundImage = 'url(images/selects/state49.jpg)'; if(showState == 'WI') bgImage.style.backgroundImage = 'url(images/selects/state50.jpg)'; if(showState == 'WY') bgImage.style.backgroundImage = 'url(images/selects/state51.jpg)'; }