/* 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} /*sjjm products*/ tooltips[0]=["images/products/sjjm/s1_b.png"] tooltips[1]=["images/products/sjjm/s2_b.png"] tooltips[2]=["images/products/sjjm/s3_b.png"] tooltips[3]=["images/products/sjjm/s4_b.png"] tooltips[55]=["images/products/sjjm/s5_b.png"] tooltips[4]=["images/products/sjjm/marmalade1_b.png"] tooltips[5]=["images/products/sjjm/marmalade2_b.png"] tooltips[56]=["images/products/sjjm/marmalade4_b.png"] tooltips[57]=["images/products/sjjm/marmalade3_b.png"] tooltips[58]=["images/products/sjjm/marmalade5_b.png"] tooltips[6]=["images/products/sjjm/jam2_b.png"] tooltips[7]=["images/products/sjjm/jam1_b.png"] tooltips[8]=["images/products/sjjm/jam3_b.png"] tooltips[9]=["images/products/sjjm/jam4_b.png"] tooltips[59]=["images/products/sjjm/jam6_b.png"] tooltips[60]=["images/products/sjjm/jam5_b.png"] tooltips[10]=["images/products/sjjm/c1_b.png"] tooltips[11]=["images/products/sjjm/c2_b.png"] tooltips[61]=["images/products/sjjm/c3_b.png"] /*canned Vegetables*/ tooltips[12]=["images/products/cannedvegetables/cv1_b.png"] tooltips[13]=["images/products/cannedvegetables/cv2_b.png"] tooltips[14]=["images/products/cannedvegetables/cv3_b.png"] tooltips[15]=["images/products/cannedvegetables/cv4_b.png"] tooltips[16]=["images/products/cannedvegetables/cv9_b.png"] tooltips[17]=["images/products/cannedvegetables/cv6_b.png"] tooltips[18]=["images/products/cannedvegetables/cv7_b.png"] tooltips[19]=["images/products/cannedvegetables/cv8_b.png"] tooltips[20]=["images/products/cannedvegetables/cv5_b.png"] /* breakfast*/ tooltips[21]=["images/products/breakfast/corn1_b.png"] tooltips[22]=["images/products/breakfast/corn2_b.png"] tooltips[23]=["images/products/breakfast/corn3_b.png"] tooltips[62]=["images/products/breakfast/corn4_b.png"] tooltips[63]=["images/products/breakfast/corn5_b.png"] tooltips[64]=["images/products/breakfast/corn6_b.png"] tooltips[65]=["images/products/breakfast/corn7_b.png"] tooltips[66]=["images/products/breakfast/choco1_b.png"] tooltips[67]=["images/products/breakfast/choco2_b.png"] tooltips[68]=["images/products/breakfast/choco3_b.png"] tooltips[24]=["images/products/breakfast/oats1_b.png"] tooltips[25]=["images/products/breakfast/oats2_b.png"] /*OTC*/ tooltips[26]=["images/products/otc/otc1_b.png"] tooltips[27]=["images/products/otc/otc2_b.png"] tooltips[28]=["images/products/otc/otc3_b.png"] /*tk&suace*/ tooltips[29]=["images/products/tamota/ketchup1_b.png"] tooltips[30]=["images/products/tamota/ketchup2_b.png"] tooltips[31]=["images/products/tamota/sauce1_b.png"] tooltips[32]=["images/products/tamota/sauce2_b.png"] tooltips[69]=["images/products/tamota/sauce3_b.png"] /*canned fruits and juice*/ tooltips[33]=["images/products/cfjd/cf1_b.png"] tooltips[34]=["images/products/cfjd/cf2_b.png"] tooltips[35]=["images/products/cfjd/cf3_b.png"] tooltips[36]=["images/products/cfjd/cf4_b.png"] tooltips[37]=["images/products/cfjd/cf5_b.png"] tooltips[38]=["images/products/cfjd/cf6_b.png"] tooltips[39]=["images/products/cfjd/cf7_b.png"] tooltips[40]=["images/products/cfjd/cf8_b.png"] tooltips[41]=["images/products/cfjd/cf9_b.png"] tooltips[42]=["images/products/cfjd/cj1_b.png"] tooltips[43]=["images/products/cfjd/cj2_b.png"] tooltips[44]=["images/products/cfjd/cj3_b.png"] tooltips[45]=["images/products/cfjd/cj4_b.png"] tooltips[46]=["images/products/cfjd/cj5_b.png"] tooltips[47]=["images/products/cfjd/cj6_b.png"] tooltips[48]=["images/products/cfjd/cj7_b.png"] /*distributor*/ tooltips[70]=["images/disributors_address/jammu&kashmir.jpg"] tooltips[71]=["images/disributors_address/delhi.jpg"] tooltips[72]=["images/disributors_address/chandigarh.jpg"] tooltips[73]=["images/disributors_address/jaipur.jpg"] tooltips[74]=["images/disributors_address/gaziabad.jpg"] tooltips[75]=["images/disributors_address/kanpur.jpg"] tooltips[76]=["images/disributors_address/patna.jpg"] tooltips[77]=["images/disributors_address/guwahathi.jpg"] tooltips[78]=["images/disributors_address/indore.jpg"] tooltips[79]=["images/disributors_address/jabalpur.jpg"] tooltips[80]=["images/disributors_address/ranchi.jpg"] tooltips[81]=["images/disributors_address/kolkata.jpg"] tooltips[82]=["images/disributors_address/mumbai.jpg"] tooltips[83]=["images/disributors_address/pune.jpg"] tooltips[84]=["images/disributors_address/goa.jpg"] tooltips[85]=["images/disributors_address/mangalore.jpg"] tooltips[86]=["images/disributors_address/bangalore.jpg"] tooltips[87]=["images/disributors_address/chennai.jpg"] tooltips[88]=["images/disributors_address/kochi.jpg"] tooltips[89]=["images/disributors_address/hyderabad.jpg"] tooltips[90]=["images/disributors_address/vijayawada.jpg"] tooltips[91]=["images/disributors_address/cuttack.jpg"] tooltips[92]=["images/disributors_address/nagpur.jpg"] tooltips[93]=["images/disributors_address/raipur.jpg"] 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]")