/* 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]=["TT-Worthington.jpg", "Worthington Melts", {background:"white", font:"bold 12px Arial"}] tooltips[1]=["TT-BeckysStuff.jpg", "Becky's Stuff", {background:"white", font:"bold 12px Arial"}] tooltips[2]=["TT-Jessicas.jpg", "Jessica Wakefield", {background:"white", font:"bold 12px Arial"}] tooltips[3]=["TT-YardDawgz.jpg", "Yard Dawgs
Oklahoma City Barons", {background:"white", font:"bold 12px Arial"}] tooltips[4]=["TT-NineToFive.jpg", "Nine to Five Jewelry", {background:"white", font:"bold 12px Arial"}] tooltips[5]=["TT-Journeys.jpg", "Journeys Photography", {background:"white", font:"bold 12px Arial"}] tooltips[6]=["TT-Beckys.jpg", "Becky's Gift Shoppe", {background:"white", font:"bold 12px Arial"}] tooltips[7]=["TT-CowdogDiva.jpg", "Cowdog Diva", {background:"white", font:"bold 12px Arial"}] tooltips[8]=["TT-SamanthaLamb.jpg", "Samantha Lamb", {background:"white", font:"bold 12px Arial"}] tooltips[9]=["TT-PlazaDistrict.jpg", "Plaza District", {background:"white", font:"bold 12px Arial"}] tooltips[10]=["TT-IndianArtOK.jpg", "Indian Art of Oklahoma", {background:"white", font:"bold 12px Arial"}] tooltips[11]=["TT-CarolArmstrong.jpg", "Carol Armstrong", {background:"white", font:"bold 12px Arial"}] tooltips[12]=["TT-ParkPlace.jpg", "Park Place Gifts", {background:"white", font:"bold 12px Arial"}] tooltips[13]=["TT-RonStinson.jpg", "Ron Stinson Silversmith", {background:"white", font:"bold 12px Arial"}] tooltips[14]=["TT-CrippleCreek.jpg", "Cripple Creek Farms", {background:"white", font:"bold 12px Arial"}] tooltips[15]=["TT-Wags.jpg", "Wag's Creations", {background:"white", font:"bold 12px Arial"}] tooltips[16]=["TT-CarlShortt.jpg", "Carl Shortt Photography", {background:"white", font:"bold 12px Arial"}] tooltips[17]=["TT-NameDroppers.jpg", "Name Droppers", {background:"white", font:"bold 12px Arial"}] tooltips[18]=["TT-Peppers.jpg", "Suan's Pepper Jelly & Robin Wolf Pottery", {background:"white", font:"bold 12px Arial"}] tooltips[19]=["TT-BricktownToyBox.jpg", "Bricktown Toy Box", {background:"white", font:"bold 12px Arial"}] tooltips[20]=["TT-InspirationalCorner.jpg", "The Inspirational Corner", {background:"white", font:"bold 12px Arial"}] tooltips[21]=["TT-RedDirtDecor.jpg", "Red Dirt Decor", {background:"white", font:"bold 12px Arial"}] tooltips[22]=["TT-SportsShop.jpg", "OU, OSU, Oklahoma City Thunder", {background:"white", font:"bold 12px Arial"}] tooltips[23]=["TT-CrossBarGallery.jpg", "Cross Bar Gallery", {background:"white", font:"bold 12px Arial"}] tooltips[24]=["TT-VisionsInPrint.jpg", "Visions In Print", {background:"white", font:"bold 12px Arial"}] tooltips[25]=["TT-TreasuresPast.jpg", "Treasures Past", {background:"white", font:"bold 12px Arial"}] tooltips[26]=["TT-OnAWhim.jpg", "On A Whim", {background:"white", font:"bold 12px Arial"}] tooltips[27]=["TT-RSWoodshop.jpg", "R & S Woodshop", {background:"white", font:"bold 12px Arial"}] tooltips[28]=["TT-BrianNault.jpg", "Brian Nault", {background:"white", font:"bold 12px Arial"}] tooltips[29]=["TT-Huktiana.jpg", "Huktiana's Home", {background:"white", font:"bold 12px Arial"}] tooltips[30]=["TT-Stockyards.jpg", "Stockyards City", {background:"white", font:"bold 12px Arial"}] tooltips[31]=["TT-RaphaelPozos.jpg", "Raphael Pozos", {background:"white", font:"bold 12px Arial"}] tooltips[32]=["TT-DsDecor.jpg", "D's Decor", {background:"white", font:"bold 12px Arial"}] tooltips[33]=["TT-RetroMetro.jpg", "Retro Metro", {background:"white", font:"bold 12px Arial"}] tooltips[34]=["TT-PoiseDesign.jpg", "Poise Design", {background:"white", font:"bold 12px Arial"}] tooltips[35]=["TT-BricktownCigars.jpg", "Bricktown Cigars", {background:"white", font:"bold 12px Arial"}] tooltips[36]=["TT-TwoJennys.jpg", "Two Jenny's", {background:"white", font:"bold 12px Arial"}] tooltips[37]=["TT-SkylerSmith.jpg", "Skyler Smith", {background:"white", font:"bold 12px Arial"}] tooltips[38]=["TT-TotallyCrosses.jpg", "Totally Crosses", {background:"white", font:"bold 12px Arial"}] tooltips[39]=["TT-SheilaMinnich.jpg", "Sheila Minnich", {background:"white", font:"bold 12px Arial"}] tooltips[40]=["TT-FirstRatePhoto.jpg", "First Rate Photo", {background:"white", font:"bold 12px Arial"}] tooltips[41]=["TT-ladyBugCreations.jpg", "Lady Bug Creations", {background:"white", font:"bold 12px Arial"}] tooltips[42]=["TT-HannasPaige.jpg", "Hannas Paige", {background:"white", font:"bold 12px Arial"}] tooltips[43]=["TT-PiecesOfDreams.jpg", "Pieces Of Dreams", {background:"white", font:"bold 12px Arial"}] tooltips[44]=["TT-KBCrafting.jpg", "KB Crafting", {background:"white", font:"bold 12px Arial"}] tooltips[45]=["TT-Pippin.jpg", "Pippin + Pearl", {background:"white", font:"bold 12px Arial"}] tooltips[46]=["TT-Chelsea.jpg", "The Chelsea Design Co.", {background:"white", font:"bold 12px Arial"}] tooltips[47]=["TT-Bling.jpg", "Things That Bling", {background:"white", font:"bold 12px Arial"}] tooltips[48]=["TT-MomDot.jpg", "Mom And Dots", {background:"white", font:"bold 12px Arial"}] tooltips[49]=["TT-GoNatural.jpg", "Go Natural 24/7", {background:"white", font:"bold 12px Arial"}] tooltips[50]=["TT-CrossTimberJewelry.jpg", "Cross Timber Jewelry", {background:"white", font:"bold 12px Arial"}] tooltips[51]=["TT-Entheos.jpg", "Entheos Books", {background:"white", font:"bold 12px Arial"}] tooltips[52]=["TT-MyOneAndOnly.jpg", "My One And Only", {background:"white", font:"bold 12px Arial"}] tooltips[53]=["TT-STOrnamental.jpg", "S&T Ornamental", {background:"white", font:"bold 12px Arial"}] tooltips[54]=["TT-Presidential.jpg", "Presidential Boutique", {background:"white", font:"bold 12px Arial"}] tooltips[55]=["TT-Vails.jpg", "Kristen Vails", {background:"white", font:"bold 12px Arial"}] tooltips[56]=["TT-Jersey.jpg", "Jersey Girl Gifts", {background:"white", font:"bold 12px Arial"}] tooltips[57]=["TT-Miabella.jpg", "Mia Bella Art", {background:"white", font:"bold 12px Arial"}] tooltips[58]=["TT-Shaybutter.jpg", "Shaybutter", {background:"white", font:"bold 12px Arial"}] tooltips[59]=["TT-Exquisite.jpg", "Exquisite Creative Apparel", {background:"white", font:"bold 12px Arial"}] tooltips[60]=["TT-HawksNest.jpg", "Hawks Nest Creations", {background:"white", font:"bold 12px Arial"}] tooltips[61]=["TT-OkieGirl.jpg", "Okie Girl Gifts", {background:"white", font:"bold 12px Arial"}] tooltips[62]=["TT-Goldminds.jpg", "Goldminds Publishing", {background:"white", font:"bold 12px Arial"}] 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]")