/* 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]=["multi_nestor_wb_stan13_sm.jpg", "Nestor Martin S13", {background:"white", font:"bold 12px Arial"}] tooltips[1]=["multi_insert_stovax_riva55_1_sm.jpg", "Stovax Riva 55", {background:"white", font:"bold 12px Arial"}] tooltips[2]=["multi_inserts_barbas_cuatro_2_80_cutout.jpg", "Barbas Cuatro 2 80", {background:"white", font:"bold 12px Arial"}] tooltips[3]=["multi_dovre_250_2_cutout.jpg", "Dovre 250", {background:"white", font:"bold 12px Arial"}] tooltips[4]=["images/charnwood/slx-inset-sm.jpg", "Charnwood SLX 45", {background:"white", font:"bold 12px Arial"}] tooltips[5]=["multi_nestor_martin_harmony1_cutout.jpg", "Nestor Martin Harmony 1", {background:"white", font:"bold 12px Arial"}] tooltips[6]=["images/ild/Ild_3_cutout.jpg", "Jotul ILD 3", {background:"white", font:"bold 12px Arial"}] tooltips[7]=["images/scan/scan_dsa_12_tm.jpg", "Scan DSA 12", {background:"white", font:"bold 12px Arial"}] tooltips[8]=["images/scan/scan_58_cut.jpg", "Scan 58", {background:"white", font:"bold 12px Arial"}] tooltips[9]=["multi_nestor_martin_harmony1_cutout.jpg", "Nestor Martin Harmony 3B", {background:"white", font:"bold 12px Arial"}] tooltips[10]=["multi_nestor_wb_s_line_sm.jpg", "Nestor Martin Woodbox S Line", {background:"white", font:"bold 12px Arial"}] tooltips[11]=["multi_nestor_h13_tec_sm.jpg", "Nestor Martin Woodbox H Line", {background:"white", font:"bold 12px Arial"}] tooltips[12]=["multi_nestor_wb_r_line_tec_sm.jpg", "Nestor Martin Woodbox R Line", {background:"white", font:"bold 12px Arial"}] tooltips[13]=["multi_nestor_wb_rh_line_tec_sm.jpg", "Nestor Martin Woodbox RH Line", {background:"white", font:"bold 12px Arial"}] tooltips[14]=["images/nestor_martin/fh33_cut.jpg", "Nestor Martin Woodbox FH Line", {background:"white", font:"bold 12px Arial"}] tooltips[15]=["multi_nestor_wb_insert_it_ith_tec_sm.jpg", "Nestor Martin Woodbox IT/ITH Line", {background:"white", font:"bold 12px Arial"}] tooltips[16]=["images/charnwood/tor-pico-cutout.jpg", "Charnwood Tor Pico", {background:"white", font:"bold 12px Arial"}] tooltips[17]=["multi_dovre_astroline_1cb_sm.jpg", "Dovre Astroline 1CB", {background:"white", font:"bold 12px Arial"}] tooltips[18]=["multi_dovre_astroline_2cb_sm.jpg", "Dovre Astroline 2CB", {background:"white", font:"bold 12px Arial"}] tooltips[19]=["multi_dovre_astroline_3cb_sm.jpg", "Dovre Astroline 3CB", {background:"white", font:"bold 12px Arial"}] tooltips[20]=["multi_dovre_astroline_4cb_sm.jpg", "Dovre Astroline 4CB", {background:"white", font:"bold 12px Arial"}] tooltips[21]=["multi_dovre_astroline_350cb_sm.jpg", "Dovre Astroline 350CB", {background:"white", font:"bold 12px Arial"}] tooltips[22]=["multi_dovre_astroline_360cb_sm.jpg", "Dovre Astroline 350CB", {background:"white", font:"bold 12px Arial"}] tooltips[23]=["images/ild/Ild_1_cutout.jpg", "ILD 1", {background:"white", font:"bold 12px Arial"}] tooltips[24]=["images/ild/Ild_3_cutout.jpg", "ILD 3", {background:"white", font:"bold 12px Arial"}] tooltips[25]=["images/jotul/f_162_cut_sm.jpg", "Jotul F162", {background:"white", font:"bold 12px Arial"}] tooltips[26]=["images/jotul/f_163_cut_sm.jpg", "Jotul F163", {background:"white", font:"bold 12px Arial"}] tooltips[27]=["multi_jotul_f373sm.jpg", "Jotul F370", {background:"white", font:"bold 12px Arial"}] tooltips[28]=["multi_jotul_f220sm.jpg", "Jotul F220", {background:"white", font:"bold 12px Arial"}] tooltips[29]=["multi_jotul_f250sm.jpg", "Jotul F250", {background:"white", font:"bold 12px Arial"}] tooltips[30]=["multi_jotul_f271sm.jpg", "Jotul F270", {background:"white", font:"bold 12px Arial"}] tooltips[31]=["multi_jotul_f350sm.jpg", "Jotul F350", {background:"white", font:"bold 12px Arial"}] tooltips[32]=["images/jotul/f_471_2_cut.jpg", "Jotul F471", {background:"white", font:"bold 12px Arial"}] tooltips[33]=["images/jotul/f_473_2_cut.jpg", "Jotul F473", {background:"white", font:"bold 12px Arial"}] tooltips[34]=["images/jotul/f_474_2_cut.jpg", "Jotul F474", {background:"white", font:"bold 12px Arial"}] tooltips[35]=["images/jotul/f_476_2_cut.jpg", "Jotul F476", {background:"white", font:"bold 12px Arial"}] tooltips[36]=["rocal_giselle_100_125_sm.jpg", "Rocal Giselle", {background:"white", font:"bold 12px Arial"}] tooltips[37]=["rocal_gala_sm.jpg", "Rocal Gala", {background:"white", font:"bold 12px Arial"}] tooltips[38]=["multi_scan_39_sm.jpg", "Scan 39", {background:"white", font:"bold 12px Arial"}] tooltips[39]=["multi_scan_45_sm.jpg", "Scan 45", {background:"white", font:"bold 12px Arial"}] tooltips[40]=["images/scan/scan_49_cut.jpg", "Scan 49", {background:"white", font:"bold 12px Arial"}] tooltips[41]=["multi_scan_50_sm.jpg", "Scan 50", {background:"white", font:"bold 12px Arial"}] tooltips[42]=["multi_scan_55_sm.jpg", "Scan 55", {background:"white", font:"bold 12px Arial"}] tooltips[43]=["images/scan/scan_58_cut.jpg", "Scan 58", {background:"white", font:"bold 12px Arial"}] tooltips[44]=["images/scan/scan_59_cut.jpg", "Scan 59", {background:"white", font:"bold 12px Arial"}] tooltips[45]=["multi_scan_anderson_10_sm.jpg", "Scan Andersen 10", {background:"white", font:"bold 12px Arial"}] tooltips[46]=["multi_scan_andersen_8-2_sm.jpg", "Scan Andersen 8", {background:"white", font:"bold 12px Arial"}] tooltips[47]=["multi_scan_4-5_pic1_sm.jpg", "Scan Andersen 4-5", {background:"white", font:"bold 12px Arial"}] tooltips[48]=["images/stuv/stuv-30-cutout.jpg", "Stuv 30", {background:"white", font:"bold 12px Arial"}] tooltips[49]=["multi_nestor_it_ith_sm.jpg", "Nestor Martin IT / ITH Insert", {background:"white", font:"bold 12px Arial"}] tooltips[50]=["images/parkray/multi-inset-parkray-consort7-tm.jpg", "Parkray Consort 5 & 7", {background:"white", font:"bold 12px Arial"}] tooltips[51]=["images/stovax/multi-insert-riva-studio1-ceramica-wave-cutout.jpg", "Stovax Riva Studio 1 Ceramica", {background:"white", font:"bold 12px Arial"}] tooltips[52]=["images/barbas/unilux-3-40-tm.jpg", "Barbas Unilux 3-40", {background:"white", font:"bold 12px Arial"}] tooltips[53]=["images/scan/scan_dsa_3_2_tm.jpg", "Scan DSA 3-2", {background:"white", font:"bold 12px Arial"}] tooltips[54]=["images/scan/scan_3_5_tm.jpg", "Scan DSA 3-5", {background:"white", font:"bold 12px Arial"}] tooltips[55]=["images/scan/scan_dsa_8_5_tm.jpg", "Scan DSA 8-5", {background:"white", font:"bold 12px Arial"}] tooltips[56]=["images/scan/scan_dsa_12_tm.jpg", "Scan DSA 12", {background:"white", font:"bold 12px Arial"}] tooltips[57]=["multi_insert_stovax_riva40_1_sm.jpg", "Stovax Riva 40", {background:"white", font:"bold 12px Arial"}] tooltips[58]=["multi_insert_stovax_riva55_1_sm.jpg", "Stovax Riva 55", {background:"white", font:"bold 12px Arial"}] tooltips[59]=["multi_insert_stovax_riva66_1_sm.jpg", "Stovax Riva 66", {background:"white", font:"bold 12px Arial"}] tooltips[60]=["multi_insert_stovax_riva66_avanti_1_sm.jpg", "Stovax Riva 66 Avanti", {background:"white", font:"bold 12px Arial"}] tooltips[61]=["multi_insert_stovax_stockton7_cutout.jpg", "Stovax Stockton 7", {background:"white", font:"bold 12px Arial"}] tooltips[62]=["images/stovax/stockton-view-7-boiler.-cutout.jpg", "Stovax Stockton 7", {background:"white", font:"bold 12px Arial"}] tooltips[63]=["multi_insert_stovax_stockton8_sm.jpg", "Stovax Stockton 8", {background:"white", font:"bold 12px Arial"}] tooltips[64]=["images/stovax/multi-insert-stockton-milner-cutout.jpg", "Stovax Stockton Milner", {background:"white", font:"bold 12px Arial"}] tooltips[65]=["images/stovax/multi-insert-riva-studio1-ceramica-wave-cutout.jpg", "Stovax Riva Studio 1", {background:"white", font:"bold 12px Arial"}] tooltips[66]=["images/stovax/multi-insert-riva-studio2-frameless-cutout.jpg", "Stovax Riva Studio 2", {background:"white", font:"bold 12px Arial"}] tooltips[67]=["images/stovax/multi-insert-riva-studio3-profil-cutout.jpg", "Stovax Riva Studio 3", {background:"white", font:"bold 12px Arial"}] tooltips[68]=["images/stuv/stuv-21-85-double-cutout.jpg", "Stuv 21", {background:"white", font:"bold 12px Arial"}] tooltips[69]=["multi_insert_dovre_2510_1_sm.jpg", "Dovre 2510 Insert", {background:"white", font:"bold 12px Arial"}] tooltips[70]=["multi_insert_dovre_2520_sm.jpg", "Dovre 2520 Insert", {background:"white", font:"bold 12px Arial"}] tooltips[71]=["multi_inserts_dovre_2900_1_sm.jpg", "Dovre 2900 Insert", {background:"white", font:"bold 12px Arial"}] tooltips[72]=["multi_fogo_montanha_e601h_cutout.jpg", "Fogo Mantanha E601H & E560H", {background:"white", font:"bold 12px Arial"}] tooltips[73]=["multi_fogo_montanha_e800_sm.jpg", "Fogo Mantanha E800", {background:"white", font:"bold 12px Arial"}] tooltips[74]=["multi_fogo_montanha_e800_sm.jpg", "Fogo Mantanha E900", {background:"white", font:"bold 12px Arial"}] tooltips[75]=["multi_inserts_barbas_escamo_90_cutout.jpg", "Barbas Escamo 90", {background:"white", font:"bold 12px Arial"}] tooltips[76]=["multi_inserts_barbas_escamo_400_cutout.jpg", "Barbas Escamo 400", {background:"white", font:"bold 12px Arial"}] tooltips[77]=["images/barbas/escamolux_55_55_sm.jpg", "Barbas Escamolux 55-55", {background:"white", font:"bold 12px Arial"}] tooltips[78]=["images/barbas/escamolux_70_55_sm.jpg", "Barbas Escamolux 70-55", {background:"white", font:"bold 12px Arial"}] tooltips[79]=["images/barbas/escamolux_70_65_sm.jpg", "Barbas Escamolux 70-65", {background:"white", font:"bold 12px Arial"}] tooltips[80]=["images/barbas/escamolux_80_65_sm.jpg", "Barbas Escamolux 80-65", {background:"white", font:"bold 12px Arial"}] tooltips[81]=["images/barbas/escamolux_90_45_sm.jpg", "Barbas Escamolux 90-45", {background:"white", font:"bold 12px Arial"}] tooltips[82]=["images/barbas/escamolux_105_45_sm.jpg", "Barbas Escamolux 105-45", {background:"white", font:"bold 12px Arial"}] tooltips[83]=["multi_inserts_barbas_cuatro_2_60_cutout.jpg", "Barbas Cuatro 2 60", {background:"white", font:"bold 12px Arial"}] tooltips[84]=["multi_inserts_barbas_cuatro_2_70_cutout.jpg", "Barbas Cuatro 2 70", {background:"white", font:"bold 12px Arial"}] tooltips[85]=["multi_inserts_barbas_cuatro_2_80_cutout.jpg", "Barbas Cuatro 2 80", {background:"white", font:"bold 12px Arial"}] tooltips[86]=["images/barbas/unilux-3-40-tm.jpg", "Barbas Unilux 3 40", {background:"white", font:"bold 12px Arial"}] tooltips[87]=["images/barbas/unilux-3-55-tm.jpg", "Barbas Unilux 3 55", {background:"white", font:"bold 12px Arial"}] tooltips[88]=["images/charnwood/slx-inset-sm.jpg", "Charnwood SLX 45", {background:"white", font:"bold 12px Arial"}] tooltips[89]=["multi_insert_stovax_stockton7_cutout.jpg", "Stovax Stockton 7", {background:"white", font:"bold 12px Arial"}] tooltips[90]=["images/stovax/stockton-view-7-boiler.-cutout.jpg", "Stovax Stockton 7 View Boiler", {background:"white", font:"bold 12px Arial"}] tooltips[91]=["gas_inserts_gazco_studio_edge_cutout.jpg", "Gazco Studio Edge", {background:"white", font:"bold 12px Arial"}] tooltips[92]=["gas_inserts_gazco_studio_bauhaus_cutout.jpg", "Gazco Studio Bauhaus", {background:"white", font:"bold 12px Arial"}] tooltips[93]=["gas_inserts_gazco_studio_profil_cutout.jpg", "Gazco Studio Profil", {background:"white", font:"bold 12px Arial"}] tooltips[94]=["gas_inserts_gazco_studio_22_cutout.jpg", "Gazco Studio 22", {background:"white", font:"bold 12px Arial"}] tooltips[95]=["gas_inserts_gazco_studio_icon_cutout.jpg", "Gazco Studio Icon", {background:"white", font:"bold 12px Arial"}] tooltips[96]=["gazco_insert_riva_sm2.jpg", "Gazco Riva Cassette Fires", {background:"white", font:"bold 12px Arial"}] tooltips[97]=["gas_insert_gazco_riva_avanti_3_sm.jpg", "Gazco Riva Avanti", {background:"white", font:"bold 12px Arial"}] tooltips[98]=["gas_inserts_gazco_riva_designio1_sm.jpg", "Gazco Riva Designio", {background:"white", font:"bold 12px Arial"}] tooltips[99]=["gas_insert_gazco_riva_esprit_sm.jpg", "Gazco Riva Esprit", {background:"white", font:"bold 12px Arial"}] tooltips[100]=["gas_inserts_gazco_riva_profil_sm.jpg", "Gazco Riva Profil", {background:"white", font:"bold 12px Arial"}] tooltips[101]=["gas_inserts_gazco_riva_vetro_sm.jpg", "Gazco Riva Vetro", {background:"white", font:"bold 12px Arial"}] tooltips[102]=["gas_gazco_logic_ebox_sm2.jpg", "Gazco Logic eBox", {background:"white", font:"bold 12px Arial"}] tooltips[103]=["basket_gazco_amhurst_sm.jpg", "Gazco Amhurst Basket", {background:"white", font:"bold 12px Arial"}] tooltips[104]=["gas_gazco_logic_hotbox_sm.jpg", "Gazco Logic Hotbox", {background:"white", font:"bold 12px Arial"}] tooltips[105]=["gas_gazco_logic_ebox_sm2.jpg", "Gazco Logic eBox", {background:"white", font:"bold 12px Arial"}] tooltips[106]=["gas_gazco_logic_progress_convector_sm.jpg", "Gazco Logic Convector", {background:"white", font:"bold 12px Arial"}] tooltips[107]=["rocal_giselle_100_125_sm.jpg", "Rocal Gisella", {background:"white", font:"bold 12px Arial"}] tooltips[108]=["double_sided__gas_kalfire_fura100_tunnel_sm.jpg", "Double Sided Kalfire Fura Tunnel", {background:"white", font:"bold 12px Arial"}] tooltips[109]=["gas_barbas_vento_70_1_sm.jpg", "Barbas Vento 70", {background:"white", font:"bold 12px Arial"}] tooltips[110]=["gas_barbas_vento_130_1_sm.jpg", "Barbas Vento 130", {background:"white", font:"bold 12px Arial"}] tooltips[111]=["gas_barbas_vento_60_1_sm.jpg", "Barbas Vento 60", {background:"white", font:"bold 12px Arial"}] tooltips[112]=["gas_barbas_vento_80_frame_c_1_sm.jpg", "Barbas Vento 80 Frame C", {background:"white", font:"bold 12px Arial"}] tooltips[113]=["gas_barbas_vento80_tunnel.jpg", "Barbas Vento 80 Tunnel", {background:"white", font:"bold 12px Arial"}] tooltips[114]=["gas_fire_barbas_vento75_sm.jpg", "Barbas Vento Classic 75", {background:"white", font:"bold 12px Arial"}] tooltips[115]=["multi_hunter_double_sided2sm.jpg", "Hunter Double Sided", {background:"white", font:"bold 12px Arial"}] tooltips[116]=["multi_inserts_barbas_cuatro_tunnel_sm.jpg", "Barbas Cuatro Tunnel", {background:"white", font:"bold 12px Arial"}] tooltips[117]=["multi_inserts_kalfire_71_5_sm.jpg", "Kalfire Double Sided 71.5", {background:"white", font:"bold 12px Arial"}] tooltips[118]=["images/scan/scan_dsa_12_tm.jpg", "Scan DSA 12 Double Sided", {background:"white", font:"bold 12px Arial"}] tooltips[119]=["images/stovax/stockton-11-double-tm.jpg", "Stockton 11 Double Sided", {background:"white", font:"bold 12px Arial"}] tooltips[120]=["images/stuv/stuv-21-85-double-cutout.jpg", "Stuv 21/85 Double Sided", {background:"white", font:"bold 12px Arial"}] 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]")