/* Image w/ description tooltip v2.0 * Created: April 23rd, 2010. This notice must stay intact for usage * Author: Dynamic Drive at http://www.dynamicdrive.com/ * Visit http://www.dynamicdrive.com/ for full source code */ var ddimgtooltip={ tiparray:function(){ var tooltips=[] //define each tooltip below: tooltip[inc]=['path_to_image', 'optional desc', optional_CSS_object] //For desc parameter, backslash any special characters inside your text such as apotrophes ('). Example: "I\'m the king of the world" //For CSS object, follow the syntax: {property1:"cssvalue1", property2:"cssvalue2", etc} tooltips[0]=["parts/rotor_big.jpg","Here is a Strange Rotor. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[1]=["parts/rear-brakesbig.jpg","Here is an F-Body Rear Brake. Part#: STR-B1718WC Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[2]=["parts/ll_biglt.jpg","Here is an F-Body Line Lock Kit. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[3]=["parts/brk_kitbig.jpg","Here is an F-Body Strange Hose Kit. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[4]=["parts/brk_kitbig.jpg","Here is an F-Body Strange Rear Hose Kit. Part#: SJM-RHK Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[5]=["parts/lines_big1.jpg","Here is an F-Body SJM Line Kit. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[6]=["parts/lines_big.jpg","Here is an F-Body Hurst-Sytle Line Kit. Part#: SJM-2HLIN Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[7]=["parts/hurstbig1.jpg","Here is an F-Body Line Lock Kit (Hurst-Style). Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[8]=["parts/hurstllbig.jpg","Here is an F-Body Line Lock Kit. Part#: SJM-2HL001 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[9]=["parts/ll_big.jpg","Here is an F-Body Line Lock Kit. Part#: SJM-2B001 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[10]=["parts/ll_big.jpg","Here is an F-Body Line Lock Kit. Part#: SJM-2B001 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[11]=["parts/abs_big1.jpg","Here is a Complete F-Body ABS Delete Kit. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[12]=["parts/abs_noflarebig.jpg","Here is an F-Body ABS Delete Kit - No Flaring Tool incl.. Part#: SJM-2ABSX2 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[13]=["parts/abs_nosolenoidbig.jpg","Here is an F-Body ABS Delete Kit - No Solenoid incl. Part#: SJM-2ABSX3 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[14]=["parts/abs_basicbig.jpg","Here is an F-Body ABS Delete Kit - No Line Lock Kit or Flaring Tool incl. Part#: SJM-2ABSX4 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[19]=["parts/flarekitbig.jpg","Here is a Double Flare Kit. Part#: SJM-DFLR Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[20]=["parts/ll_big.jpg","Here is an F-Body Line Lock Kit. Part#: SJM-2B001X Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[21]=["parts/lines_big.jpg","Here is an F-Body SJM Line Kit. Part#: SJM-2BLINFM Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[22]=["parts/abshbig.jpg","Here is a Complete F-Body ABS Delete Kit (Hurst). Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[23]=["parts/abs2hbig.jpg","Here is an F-Body ABS Delete Kit (Hurst). Part#: SJM-2ABSX2H Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[24]=["parts/abs3hbig.jpg","Here is an F-Body ABS Delete Kit. Part#: SJM-2ABSX3H Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[25]=["parts/abs4hbig.jpg","Here is an F-Body ABS Delete Kit. Part#: SJM-2ABSX4H Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[26]=["parts/bearingbig.jpg","Here is an F-Body Bearing Spacer Kit. Part#: SJM-BSK Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[27]=["parts/brk_kitbig_aero.jpg","Here is an F-Body Aerospace Hose Kit. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[28]=["parts/brk_kitbig.jpg","Here is an F-Body Aerospace Rear Hose Kit. Part#: SJM-RHKA Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[29]=["parts/bothbrakesfront_big.jpg","Here is an F-Body Standard and Pro Series 2 Upgrade Front Brake. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[30]=["parts/bothbrakes_big.jpg","Here is an F-Body Standard and Pro Series 2 Upgrade Rear Brake. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[31]=["parts/shifterswitchbig.jpg","Shifter switch. Part#: SJM-MPBST Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[32]=["parts/pads_big.jpg","Strange Universal Brake Pad. Part#: STR-B5010 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[33]=["parts/2TCSbig.jpg","Street Legal braided TCS brake line kit. Part#: SJM-2TCS Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[34]=["parts/NTCSbig.jpg","Street Legal braided NTCS brake line kit. Part#: SJM-2NTCS Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[35]=["parts/earlbleederbig.jpg","Earl Solo-Bleed bleeder screws. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[36]=["parts/tubingbig.jpg","BrakeTubing. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[37]=["parts/sjmllbig.jpg","SJM Line Lock Solenoid Part #: SJMLL Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[38]=["parts/wwvalvebig.jpg","Wilwood Brake Proportioning Valve. Part#: WIL-8419 Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[39]=["parts/fittingbig.jpg","Fittings of all shapes, sizes and uses Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[40]=["parts/5B2010kitbig.jpg","Here is a 2010 SJM F-Body Line Lock Kit. Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[41]=["parts/5HSB2010kitbig.jpg","Here is a 2010 F-Body Line Lock Kit (Hurst-Style). Image is a representation of this part. Actual part may vary.", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] return tooltips //do not remove/change this line }(), tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips //***** NO NEED TO EDIT BEYOND HERE tipprefix: 'imgtip', //tooltip ID prefixes createtip:function($, tipid, tipinfo){ if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet return $('
').html( '
' + ((tipinfo[1])? '
'+tipinfo[1]+'
' : '') ) .css(tipinfo[2] || {}) .appendTo(document.body) } return null }, positiontooltip:function($, $tooltip, e){ var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1] var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(), x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(ddimgtooltip.tooltipoffsets[0]*2) : x y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y $tooltip.css({left:x, top:y}) }, showbox:function($, $tooltip, e){ $tooltip.show() this.positiontooltip($, $tooltip, e) }, hidebox:function($, $tooltip){ $tooltip.hide() }, init:function(targetselector){ jQuery(document).ready(function($){ var tiparray=ddimgtooltip.tiparray var $targets=$(targetselector) if ($targets.length==0) return var tipids=[] $targets.each(function(){ var $target=$(this) $target.attr('rel').match(/\[(\d+)\]/) //match d of attribute rel="imgtip[d]" var tipsuffix=parseInt(RegExp.$1) //get d as integer var tipid=this._tipid=ddimgtooltip.tipprefix+tipsuffix //construct this tip's ID value and remember it var $tooltip=ddimgtooltip.createtip($, tipid, tiparray[tipsuffix]) $target.mouseenter(function(e){ var $tooltip=$("#"+this._tipid) ddimgtooltip.showbox($, $tooltip, e) }) $target.mouseleave(function(e){ var $tooltip=$("#"+this._tipid) ddimgtooltip.hidebox($, $tooltip) }) $target.mousemove(function(e){ var $tooltip=$("#"+this._tipid) ddimgtooltip.positiontooltip($, $tooltip, e) }) if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added) $tooltip.mouseenter(function(){ ddimgtooltip.hidebox($, $(this)) }) } }) }) //end dom ready } } //ddimgtooltip.init("targetElementSelector") ddimgtooltip.init("*[rel^=imgtip]")