/* 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} //Postureflex Esprit tooltips[1]=["/nesting-chairs/200/PostureFlex_Esprit_91460_nesting_chair.jpg"] tooltips[2]=["/nesting-chairs/200/PostureFlex_Esprit_91462_nesting_chair.jpg"] tooltips[3]=["/nesting-chairs/200/PostureFlex_Esprit_91464_nesting_chair.jpg"] tooltips[4]=["/nesting-chairs/200/PostureFlex_Esprit_91476_nesting_chair.jpg"] //Postureflex VBE tooltips[5]=["/banquet-chairs/200/PostureFlex_VBE_91660_banquet_chair.jpg"] tooltips[6]=["/banquet-chairs/200/PostureFlex_VBE_91662_banquet_chair.jpg"] tooltips[7]=["/banquet-chairs/200/PostureFlex_VBE_91663_banquet_chair.jpg"] tooltips[8]=["/banquet-chairs/200/PostureFlex_VBE_91664_banquet_chair.jpg"] tooltips[9]=["/banquet-chairs/200/PostureFlex_VBE_91860_banquet_chair.jpg"] tooltips[10]=["/banquet-chairs/200/PostureFlex_VBE_91862_banquet_chair.jpg"] tooltips[11]=["/banquet-chairs/200/PostureFlex_VBE_91863_banquet_chair.jpg"] tooltips[12]=["/banquet-chairs/200/PostureFlex_VBE_91864_banquet_chair.jpg"] //Postureflex SFB tooltips[13]=["/banquet-chairs/200/PostureFlex_SFB_91680_banquet_chair.jpg"] tooltips[14]=["/banquet-chairs/200/PostureFlex_SFB_91682_banquet_chair.jpg"] tooltips[15]=["/banquet-chairs/200/PostureFlex_SFB_91683_banquet_chair.jpg"] tooltips[16]=["/banquet-chairs/200/PostureFlex_SFB_91684_banquet_chair.jpg"] tooltips[17]=["/banquet-chairs/200/PostureFlex_SFB_91880_banquet_chair.jpg"] tooltips[18]=["/banquet-chairs/200/PostureFlex_SFB_91882_banquet_chair.jpg"] tooltips[19]=["/banquet-chairs/200/PostureFlex_SFB_91883_banquet_chair.jpg"] tooltips[20]=["/banquet-chairs/200/PostureFlex_SFB_91884_banquet_chair.jpg"] //Postureflex UE tooltips[21]=["/banquet-chairs/200/PostureFlex_UE_91670_banquet_chair.jpg"] tooltips[22]=["/banquet-chairs/200/PostureFlex_UE_91673_banquet_chair.jpg"] tooltips[23]=["/banquet-chairs/200/PostureFlex_UE_91676_banquet_chair.jpg"] tooltips[24]=["/banquet-chairs/200/PostureFlex_UE_91679_banquet_chair.jpg"] tooltips[25]=["/banquet-chairs/200/PostureFlex_UE_91870_banquet_chair.jpg"] tooltips[26]=["/banquet-chairs/200/PostureFlex_UE_91873_banquet_chair.jpg"] tooltips[27]=["/banquet-chairs/200/PostureFlex_UE_91876_banquet_chair.jpg"] tooltips[28]=["/banquet-chairs/200/PostureFlex_UE_91879_banquet_chair.jpg"] //Everflex tooltips[29]=["/banquet-chairs/200/Everflex_81650_banquet_chair.jpg"] tooltips[30]=["/banquet-chairs/200/Everflex_91650_banquet_chair.jpg"] tooltips[31]=["/banquet-chairs/200/Everflex_91653_banquet_chair.jpg"] tooltips[32]=["/banquet-chairs/200/Everflex_91659_banquet_chair.jpg"] tooltips[33]=["/banquet-chairs/200/Everflex_81850_banquet_chair.jpg"] tooltips[34]=["/banquet-chairs/200/Everflex_91850_banquet_chair.jpg"] tooltips[35]=["/banquet-chairs/200/Everflex_91853_banquet_chair.jpg"] tooltips[36]=["/banquet-chairs/200/Everflex_91859_banquet_chair.jpg"] //Titan ZM tooltips[37]=["/stack-chairs/200/Titan_ZM_91610_stack_chair.jpg"] tooltips[38]=["/stack-chairs/200/Titan_ZM_91612_stack_chair.jpg"] tooltips[39]=["/stack-chairs/200/Titan_ZM_91613_stack_chair.jpg"] tooltips[40]=["/stack-chairs/200/Titan_ZM_91619_stack_chair.jpg"] tooltips[41]=["/stack-chairs/200/Titan_ZM_91810_stack_chair.jpg"] tooltips[42]=["/stack-chairs/200/Titan_ZM_91812_stack_chair.jpg"] tooltips[43]=["/stack-chairs/200/Titan_ZM_91813_stack_chair.jpg"] tooltips[44]=["/stack-chairs/200/Titan_ZM_91819_stack_chair.jpg"] //Titan LM tooltips[45]=["/stack-chairs/200/Titan_LM_81600_stack_chair.jpg"] tooltips[46]=["/stack-chairs/200/Titan_LM_81602_stack_chair.jpg"] tooltips[47]=["/stack-chairs/200/Titan_LM_81604_stack_chair.jpg"] tooltips[48]=["/stack-chairs/200/Titan_LM_81606_stack_chair.jpg"] tooltips[49]=["/stack-chairs/200/Titan_LM_81800_stack_chair.jpg"] tooltips[50]=["/stack-chairs/200/Titan_LM_81802_stack_chair.jpg"] tooltips[51]=["/stack-chairs/200/Titan_LM_81804_stack_chair.jpg"] tooltips[52]=["/stack-chairs/200/Titan_LM_81806_stack_chair.jpg"] //Impressions tooltips[53]=["/conference-chairs/200/Impressions_Everflex_77025_conference_chair.jpg"] tooltips[54]=["/conference-chairs/200/Impressions_7025_conference_chair.jpg"] tooltips[55]=["/conference-chairs/200/Impressions_7005_conference_chair.jpg"] tooltips[56]=["/conference-chairs/200/Impressions_7025A_conference_chair.jpg"] return tooltips //do not remove/change this line }(), tooltipoffsets: [-230, -100], //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]")