/* 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]=["red_balloon.gif", "Here is a red balloon
on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}] tooltips[1]=["duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}] tooltips[2]=["Products/Amaranth_Leaves_Preserved.jpg"]; tooltips[3]=["Products/Amra_Pod_Natural.jpg"]; tooltips[4]=["Products/Angel_Wings_Dyed_Blue.jpg"]; tooltips[5]=["Products/Angel_Wings_Dyed_Lavendar.jpg"]; tooltips[6]=["Products/Angel_Wings_Dyed_Pink.jpg"]; tooltips[7]=["Products/Angel_Wings_Dyed_Red.jpg"]; tooltips[8]=["Products/Angel_Wings_Dyed_Yellow.jpg"]; tooltips[9]=["Products/Angel_Wings_Natural.jpg"]; tooltips[10]=["Products/Apple_Slices_wSkin.jpg"]; tooltips[11]=["Products/Arjun_Dyed_Apple_Green.jpg"]; tooltips[12]=["Products/Arjun_Large_Dyed_Green.jpg"]; tooltips[13]=["Products/Arjun_Large_Dyed_Orange.jpg"]; tooltips[14]=["Products/Arjun_Large_Dyed_Yellow.jpg"]; tooltips[15]=["Products/Artichokes_Small.jpg"]; tooltips[16]=["Products/Atta_Fruit_Slices_Natural.jpg"]; tooltips[17]=["Products/Babu_Dyed_AppleGreen.jpg"]; tooltips[18]=["Products/Babu_Bleached.jpg"]; tooltips[19]=["Products/Babu_Dyed_Purple.jpg"]; tooltips[20]=["Products/Babu_Dyed_Hot_Pink.jpg"]; tooltips[21]=["Products/Babu_Dyed_Lime_Green.jpg"]; tooltips[22]=["Products/Bakuli_Pods_Natural.jpg"]; tooltips[23]=["Products/Bellani_Ball_Dyed_Olive_Gre.jpg"]; tooltips[24]=["Products/Bellani_Ball_Dyed_Orange.jpg"]; tooltips[25]=["Products/Bell_Cup_Small_Natural.jpg"]; tooltips[26]=["Products/Black_Eyed_Susan.jpg"]; tooltips[27]=["Products/Bora_Berries_Bleached.jpg"]; tooltips[28]=["Products/Bora_Berry_Dyed_Red2.jpg"]; tooltips[29]=["Products/Canella_Berry_Dyed_Gold2.jpg"]; tooltips[30]=["Products/Canella_Berry_Dyed_Red.jpg"]; tooltips[31]=["Products/Canella_Berry_Natural.jpg"]; tooltips[32]=["Products/Capblumen_Flowers.jpg"]; tooltips[33]=["Products/Cassurina_Pod_Natural.jpg"]; tooltips[34]=["Products/Cassurina_Pods_Dyed_Red.jpg"]; tooltips[35]=["Products/Cedar_Rose_Dyed_Burgundy.jpg"]; tooltips[36]=["Products/Cedar_Rose_Natural.jpg"]; tooltips[37]=["Products/Cedar_Tips_Natural.jpg"]; tooltips[38]=["Products/Cedar_Tips_Preserved_Dyed.jpg"]; tooltips[39]=["Products/Charteuse_Moss.jpg"]; tooltips[40]=["Products/Cinnamon_1inch_Stick.jpg"]; tooltips[41]=["Products/Cinnamon_234inch_Stick.jpg"]; tooltips[42]=["Products/Cinnamon_6inch_Stick.jpg"]; tooltips[43]=["Products/Coco_Flowers_Natural.jpg"]; tooltips[44]=["Products/Coco_Tops_Cut_Natural.jpg"]; tooltips[45]=["Products/Coco_Tops_Cut_Apple_Green.jpg"]; tooltips[46]=["Products/Coco_Tops_Dyed_OliveGreen.jpg"]; tooltips[47]=["Products/Compacta_Flowers.jpg"]; tooltips[48]=["Products/Cone_Birch.jpg"]; tooltips[49]=["Products/Cones_Engelman_Spruce.jpg"]; tooltips[50]=["Products/Cones_Hemlock.jpg"]; tooltips[51]=["Products/Cones_Lodgepole.jpg"]; tooltips[52]=["Products/Cones_Omorica.jpg"]; tooltips[53]=["Products/Cones_Plumosum.jpg"]; tooltips[54]=["Products/Cone_Ponderosa.jpg"]; tooltips[55]=["Products/Cones_Ponderosa_Pine_25.jpg"]; tooltips[56]=["Products/Cones_Ponderosa_Pine_45.jpg"]; tooltips[57]=["Products/Cones_Redwood.jpg"]; tooltips[58]=["Products/Cone_Sabulosum.jpg"]; tooltips[59]=["Products/Cones_Western_Larch.jpg"]; tooltips[60]=["Products/Cones_White_Spruce.jpg"]; tooltips[61]=["Products/Corncob_Chips_Cut.jpg"]; tooltips[62]=["Products/Cotton_Pods_Dyed_Burgundy.jpg"]; tooltips[63]=["Products/Cotton_Pods_Dyed_LimeGreen.jpg"]; tooltips[64]=["Products/Cotton_Pods_Dyed_Orange.jpg"]; tooltips[65]=["Products/Curly_Pods_Bleached.jpg"]; tooltips[66]=["Products/Curly_Pods_Dyed_Gold.jpg"]; tooltips[67]=["Products/Curly_Pods_Dyed_Green.jpg"]; tooltips[68]=["Products/Curly_Pods_Dyed_Peach.jpg"]; tooltips[69]=["Products/Curly_Pods_Dyed_Red.jpg"]; tooltips[70]=["Products/Curly_Pods_Natural.jpg"]; tooltips[71]=["Products/Eucalyptus_Pods_Natural.jpg"]; tooltips[72]=["Products/Globe_Flowers_Dyed_Red.jpg"]; tooltips[73]=["Products/Globe_Flowers_Natural_Purple.jpg"]; tooltips[74]=["Products/Globe_Flowers_Natural_White.jpg"]; tooltips[75]=["Products/Golden_Mushroom_Natural.jpg"]; tooltips[76]=["Products/Gourds_Mini.jpg"]; tooltips[77]=["Products/Hakea_Pods_Natural.jpg"]; tooltips[78]=["Products/Helichrysum_Flowers_Yellow.jpg"]; tooltips[79]=["Products/Hibiscus_Pods_Bleached.jpg"]; tooltips[80]=["Products/Hibiscus_Pods_Dyed_LtPink.jpg"]; tooltips[81]=["Products/Hibiscus_Pods_Dyed_Peach.jpg"]; tooltips[82]=["Products/Hibiscus_Pods_Dyed_Red.jpg"]; tooltips[83]=["Products/Hibiscus_Pod_Natural.jpg"]; tooltips[84]=["Products/Karni_Fern_Preserved_Green.jpg"]; tooltips[85]=["Products/Land_Lotus_Pods_Dyed_Purple.jpg"]; tooltips[86]=["Products/Land_Lotus_Pods_Dyed_Rust.jpg"]; tooltips[87]=["Products/Larkspur_Blue_OnStem.jpg"]; tooltips[88]=["Products/Larkspur_Pink_Stem.jpg"]; tooltips[89]=["Products/Larkspur_White_Stem.jpg"]; tooltips[90]=["Products/Larkspur_Petals__Blue.jpg"]; tooltips[91]=["Products/Lavender_Bunch.jpg"]; tooltips[92]=["Products/Lavender_Flowers_Superb.jpg"]; tooltips[93]=["Products/Life_Everlasting_Flowers.jpg"]; tooltips[94]=["Products/Lily_Peel_Natural.jpg"]; tooltips[95]=["Products/Lily_Pods_Centers_Yellow.jpg"]; tooltips[96]=["Products/Lily_Pods_Petals.jpg"]; tooltips[97]=["Products/Lily_Pods_Whole_Natural.jpg"]; tooltips[98]=["Products/Lotus_Pods_Mini.jpg"]; tooltips[99]=["Products/Malva_Flowers_Blue.jpg"]; tooltips[100]=["Products/Mesha_Pods_Bleached.jpg"]; tooltips[101]=["Products/Milo_Berry_Dyed_Purple.jpg"]; tooltips[102]=["Products/Milo_Berry_Dyed_Red.jpg"]; tooltips[103]=["Products/Milo_Berry_Dyed_White.jpg"]; tooltips[104]=["Products/Moneta_Leaves_Natural.jpg"]; tooltips[105]=["Products/Oak_Leaves_Transparent_Bulk.jpg"]; tooltips[106]=["Products/Oakmoss_Whole.jpg"]; tooltips[107]=["Products/Orange_Peel_Ribbon.jpg"]; tooltips[108]=["Products/Orange_Slices_Whole.jpg"]; tooltips[109]=["Products/Papri_Cups_Dyed_Green.jpg"]; tooltips[110]=["Products/Papri_Cup_Dyed_Yellow.jpg"]; tooltips[111]=["Products/Pear_Pods_Natural.jpg"]; tooltips[112]=["Products/Pear_Pods_Dyed_LtGreen.jpg"]; tooltips[113]=["Products/Pearly_Everlasting_Flowers.jpg"]; tooltips[114]=["Products/Pepper_Berries_Dyed_Red.jpg"]; tooltips[115]=["Products/Pepper_Berry_Tips_Pink.jpg"]; tooltips[116]=["Products/PepperBerry_Tips_Red_wLeave.jpg"]; tooltips[117]=["Products/Polbosa_Pods_Bleached.jpg"]; tooltips[118]=["Products/Pomegrenades_Small152.jpg"]; tooltips[119]=["Products/Pomegrenades_Regular2_25.jpg"]; tooltips[120]=["Products/Pumpkin_Mini_Orange.jpg"]; tooltips[121]=["Products/Roses_Mini_Pink1.jpg"]; tooltips[122]=["Products/Roses_Mini_Pink_Open.jpg"]; tooltips[123]=["Products/Roses_Heads_Pink_100Bag.jpg"]; tooltips[124]=["Products/Roses_Red_Buds_Petals.jpg"]; tooltips[125]=["Products/Senna_Pods_Whole.jpg"]; tooltips[126]=["Products/Shavergrass_2inch_Stalk.jpg"]; tooltips[127]=["Products/Smalley_Leaf_Natural.jpg"]; tooltips[128]=["Products/Solea_Protea_Natural.jpg"]; tooltips[129]=["Products/Sponge_Mushroom_Cut_LtGreen.jpg"]; tooltips[130]=["Products/Sponge_Mushroom_Natural.jpg"]; tooltips[131]=["Products/Sponge_Mushroom_Dyed_Yellow.jpg"]; tooltips[132]=["Products/Star_Flowers_Dyed_Blue.jpg"]; tooltips[133]=["Products/Star_Flowers_Dyed_Green.jpg"]; tooltips[134]=["Products/Star_Flowers_Dyed_Pink.jpg"]; tooltips[135]=["Products/Star_Flowers_Dyed_Red.jpg"]; tooltips[136]=["Products/Strawflowers_Pink.jpg"]; tooltips[137]=["Products/Strawflowers_White.jpg"]; tooltips[138]=["Products/Strawflowers_Yellow.jpg"]; tooltips[139]=["Products/Sunflower_Heads_Bleached.jpg"]; tooltips[140]=["Products/Sunflower_Heads_Dyed_Peach.jpg"]; tooltips[141]=["Products/Sunflower_Heads_Dyed_Red.jpg"]; tooltips[142]=["Products/Sunflower_Petals.jpg"]; tooltips[143]=["Products/Tail_Spring.jpg"]; tooltips[144]=["Products/Twisted_Leaf_Dyed_Green.jpg"]; tooltips[145]=["Products/Twisted_Leaf_White.jpg"]; tooltips[146]=["Products/Uva_Ursi_Whole.jpg"]; tooltips[147]=["Products/Wheat_Beardless_Natural.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]")