/* 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]=["images/ganesha.jpg","Lord Ganesha , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[1]=["images/rk0.jpg", "Radha & Krishna , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[2]=["images/rk10.jpg", "Radha & Krishna , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[3]=["images/g1.jpg", "Lord Ganesha., Sold",{background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[4]=["images/g2.jpg", "Lord Ganesha., Sold",{background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[5]=["images/mary.jpg", "Mary , Not for Sale", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[6]=["images/fp.jpg", "Roses, Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[7]=["images/roses.jpg", "Roses , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[8]=["images/lil.jpg", "Lillies , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[9]=["images/lil1.jpg", "The Green Bottle , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[10]=["images/f1.jpg", "Sun Flower , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[11]=["images/p10.jpg", "The Red Pot , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[12]=["images/f2.jpg", "Lillies , Water Colors , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[13]=["images/f3.jpg", "Pink Roses , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[14]=["images/f6.jpg", "The Red Flower , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[15]=["images/f7.jpg", "The Blue Flower Pot , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[16]=["images/f4.jpg", "The Blue Flowers , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[17]=["images/f5.jpg", "The Lillies , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[18]=["images/mount.jpg", "The Blue Mountain , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[19]=["images/scene3.jpg", "The Stream , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[20]=["images/scene1.jpg", "The Temple Sunset , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[21]=["images/scene2.jpg", "The Green Landscape , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[22]=["images/flady.jpg", "The Fish Lady , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[23]=["images/lady.jpg", "Lady Sitting , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[24]=["images/lw.jpg", "Lady in Water , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[25]=["images/ma.jpg", "Mother & Child , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[26]=["images/ml.jpg", "Milk Woman , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[27]=["images/potlady.jpg", "Milk Lady , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[28]=["images/app.jpg", "The Apples , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[29]=["images/fruits.jpg", "The Red Apples , Knife Painting , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[30]=["images/fruits1.jpg", "The Fruits1 , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[31]=["images/fruits2.jpg", "The Fruits2 , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[32]=["images/fruits3.jpg", "The Candle Light Apples , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[33]=["images/peacock.jpg", "The Blue Peacock , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[34]=["images/cranes.jpg", "The Cranes , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[35]=["images/h5.jpg", "Three Horses , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[36]=["images/horse3.jpg", "The Horses , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[37]=["images/horses.jpg", "The Frolicking Horses , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[38]=["images/horse2.jpg", "The Horse Stable , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[39]=["images/3faces.jpg", "Three Faces , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[40]=["images/3l.jpg", "The 3 Women , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[41]=["images/2f.jpg", "Two Faces , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[42]=["images/mw.jpg", "Man & Woman , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[43]=["images/manpot.jpg", "Man with Pot , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[44]=["images/mwlotus.jpg", "Man & Woman in Lotus , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[45]=["images/child.jpg", "Mother & Daugther , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[46]=["images/design1.jpg", "The Leaf , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[47]=["images/d1.jpg", "The Untilted , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[48]=["images/d2.jpg", "The Falls , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[49]=["images/falls1.jpg", "The Falles2 , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[50]=["images/pl.jpg", "Village Lady , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[51]=["images/rk2.jpg", "Radha & Krishna , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[52]=["images/s2.jpg", "The Swans , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[53]=["images/war.jpg", "The Earth Warrior , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[54]=["images/rk3.jpg", "Radha & Krishna , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[55]=["images/vase.jpg", "The Green Vase , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[56]=["images/win.jpg", "The Window , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[57]=["images/rabang.jpg", "Radha done with glass bangles , Available -Mail for more details", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[58]=["images/bh.jpg", "The Bull & Horse , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[59]=["images/dg.jpg", "The Dancing Girls , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[60]=["images/market1.jpg", "The Market , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[61]=["images/j.jpg", "Jesus , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[62]=["images/forest.jpg", "The Forest , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[63]=["images/horse1.jpg", "The Horse , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[64]=["images/bull.jpg", "The Bull , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[65]=["images/scene5.jpg", "The Garden , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[66]=["images/par.jpg", "The Parrot , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[67]=["images/rose.jpg", "The Rose , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[68]=["images/flower.jpg", "The Flower , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[69]=["images/lady1.jpg", "The Lady , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[70]=["images/lady2.jpg", "The Lady , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[71]=["images/man.jpg", "The Man , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[72]=["images/st1.jpg", "The Stain Glass , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[73]=["images/st2.jpg", "The Stain Glass , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[74]=["images/st3.jpg", "The Stain Glass , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[75]=["images/cartoon.jpg", "The Cartoon , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[76]=["images/garyrose.jpg", "The Rose , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[77]=["images/garyswan.jpg", "The Swan , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[78]=["images/glass.jpg", "The Glass , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[79]=["images/light.jpg", "The Light , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[80]=["images/garyo.jpg", "The Garden , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[81]=["images/flow.jpg", "The Flower , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[82]=["images/ethenic.jpg", "Ethenic , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[83]=["images/ch.jpg", "About Child Labour", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[84]=["images/tiger1.jpg", "The Tiger , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[85]=["images/horse0.jpg", "The Horses , Click for more details and Order", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[86]=["images/scene6.jpg", "The Forest , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[87]=["images/j.jpg", "Jesus , Sold", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[88]=["images/randk1.jpg", "Radha & Krishna , Painting in Process", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[89]=["images/plp.jpg", "Lady selling Pots , Painting in Process", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[90]=["images/flower.jpg", "The Flowers , Painting in Process", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[91]=["images/hague.jpg", "Global Conference on Child Labour, World Forum, The Hague ", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[92]=["images/dif.jpg", "Untitled", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[93]=["images/othercrafts/Fabricartwork1.jpg", "Fabric Art Work-42cms x 42cms", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[94]=["images/othercrafts/har1.jpg", "Fabric Art Work-3ft x 3ft", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[95]=["images/othercrafts/har2.jpg", "Fabric Art Work-3ft x 3ft", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[96]=["images/otherpaintings/k_prakashraman_IMG_8087.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[97]=["images/otherpaintings/k_prakashraman_IMG_8093.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[98]=["images/otherpaintings/k_prakashraman_IMG_8088.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[99]=["images/flowerandvase.jpg", "Flowers & Vase", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[100]=["images/3girls.jpg", "Three Girls", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[101]=["images/radkrsh.jpg", "Radha & Krishna with Nandi", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[102]=["images/otherpaintings/k_prakash_d4.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[103]=["images/otherpaintings/k_prakash_IMG_8091.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[104]=["images/otherpaintings/k_prakash_IMG_7766.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[105]=["images/otherpaintings/k_prakash_IMG_7762.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[106]=["images/otherpaintings/k_prakash_IMG_7983.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[107]=["images/otherpaintings/k_prakash_IMG_7985.jpg", "Acrylic Paintings-[Contact Artist for More Deails]", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[108]=["images/radkrsh.jpg", "Radha & Krishna , Oil Painting-Framed ", {background:"#000000", color:"pink", border:"10px ridge brown"}] tooltips[109]=["images/flowerandvase.jpg", "Flower Painting with out frame", {background:"#000000", color:"pink", border:"10px ridge brown"}] 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]")