/* 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/products/pukka_teas.jpg", "We stock a large range of Pukka Teas. Call or pop into the shop to see the full range.", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[1]=["images/products/lamberts.jpg", "Lamberts Supplements", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[2]=["images/products/solgar.jpg", "Solgar Supplements", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[3]=["images/products/bach-flower-remedies.jpg", "We stock an extensive range of Bach Flower Remedies
including the famous Rescue Remedy", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[4]=["images/ht_gift_voucher.jpg", "Healing Thyme Gift Vouchers", {background:"#fcf9e6", color:"black", border:"5px ridge #060"}] tooltips[5]=["images/products/weleda.jpg", "Weleda", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[6]=["images/products/EarthFriendly.jpg", "Earth Friendly", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[7]=["images/products/ecover.jpg", "Ecover", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[8]=["images/products/ecoleaf.jpg", "Ecoleaf", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[9]=["images/products/potters.jpg", "Potters", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[10]=["images/products/allens1.jpg", "Allens", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[11]=["images/breastfeeding-badge.jpg", "We have a small waiting area in the shop for those people waiting to
see our practitioners, and breastfeeding mums are most welcome to
use this area to feed their babies. All our practitioners and staff
actively support breastfeeding; mums and their babies receive a warm
welcome - we also have a box of toys to keep young brothers and
sisters occupied!", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[12]=["images/bluebadgeschemelogo.jpg", "We welcome people with assisted mobility and have access for wheelchairs.
There are Blue Badge parking spaces just outside the front door. From the
shop floor it is easy to move to the mezzanine floor via the step-lift, which will
accommodate a wheelchair or small motorised scooter. Here you will find an
accessible consultation/treatment room and easy access toilet facilities.
The stairs enable access to four further consulting/treatment rooms.", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[13]=["images/recycle.jpg", "Healing Thyme is committed to environmental sustainability in our everyday
business practices. Restoring this lovely old building included several energy
efficiency measures which help us to play our part in sustaining the environment.
We recycle and re-use as much as possible, including all plastics, glass, paper
and cardboard. We compost all food/plant waste material. Our herbal medicine clients
are encouraged to return their empty medicine bottles for re-use. We are minimising
our use of plastics and encourage everyone to use 'permanent' bags, although we can
supply small recycled paper bags to those in need.", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] tooltips[14]=["images/products/a-vogel-Bioforce.jpg", "We stock a large range of A. Vogel products. Call or pop into the shop to see the full range.", {background:"#fcf9e6", color:"black", border:"5px ridge #060", align:"centre"}] 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]")