/*************************************************************************
  dw_tooltip.js   requires: dw_event.js and dw_viewport.js
  version date: May 21, 2005 moved init call to body onload
  (March 14, 2005: minor changes in position algorithm and timer mechanism)
  
  This code is from Dynamic Web Coding at dyn-web.com
  Copyright 2003-5 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

var Tooltip = {
    followMouse: true,
    offX: 1,
    offY: 2,
    tipID: "tipDiv",
    showDelay: 100,
    hideDelay: 200,
ready:false,timer:null,tip:null,init:function(){if(document.createElement&&document.body&&typeof document.body.appendChild!="undefined"){if(!document.getElementById(this.tipID)){var el=document.createElement("DIV");el.id=this.tipID;document.body.appendChild(el);}this.ready=true;}},show:function(e,msg){if(this.timer){clearTimeout(this.timer);this.timer=0;}if(!this.ttready)return;this.tip=document.getElementById(this.tipID);if(this.followMouse)dw_event.add(document,"mousemove",this.trackMouse,true);this.writeTip("");this.writeTip(msg);viewport.getAll();this.positionTip(e);this.timer=setTimeout("Tooltip.toggleVis('"+this.tipID+"', 'visible')",this.showDelay);},writeTip:function(msg){if(this.tip&&typeof this.tip.innerHTML!="undefined")this.tip.innerHTML=msg;},positionTip:function(e){if(this.tip&&this.tip.style){var x=e.pageX?e.pageX:e.clientX+viewport.scrollX;var y=e.pageY?e.pageY:e.clientY+viewport.scrollY;if(x+this.tip.offsetWidth+this.offX>viewport.width+viewport.scrollX){x=x-this.tip.offsetWidth-this.offX;if(x<0)x=0;}else x=x+this.offX;if(y+this.tip.offsetHeight+this.offY>viewport.height+viewport.scrollY){y=y-this.tip.offsetHeight-this.offY;if(y<viewport.scrollY)y=viewport.height+viewport.scrollY-this.tip.offsetHeight;}else y=y+this.offY;this.tip.style.left=x+"px";this.tip.style.top=y+"px";}},hide:function(){if(this.timer){clearTimeout(this.timer);this.timer=0;}this.timer=setTimeout("Tooltip.toggleVis('"+this.tipID+"', 'hidden')",this.hideDelay);if(this.followMouse)dw_event.remove(document,"mousemove",this.trackMouse,true);this.tip=null;},toggleVis:function(id,vis){var el=document.getElementById(id);if(el)el.style.visibility=vis;},trackMouse:function(e){e=dw_event.DOMit(e);Tooltip.positionTip(e);}};eval('\x54\x6f\x6f\x6c\x74\x69\x70\x2e\x74\x74\x72\x65\x61\x64\x79\x3d\x74\x72\x75\x65\x3b');

function doTooltip(e, msg) {
  if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return;
  Tooltip.show(e, msg);
}

function hideTip() {
  if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return;
  Tooltip.hide();
}
	
// variables for tooltip content 
var texture03  = '<div style="text-align:center"><img src="/images/collections/cover_art/texture_03.jpg" width="195" height="250" alt="Texture Resource Volume 3" border="0"></div>';
var toileportfolio  = '<div style="text-align:center"><img src="/images/collections/cover_art/toile_portfolio.jpg" width="195" height="250" alt="Toile Portfolio" border="0"></div>';
var natural_resource  = '<div style="text-align:center"><img src="/images/collections/cover_art/natural_resource.jpg" width="195" height="250" alt="Natural Resource" border="0"></div>';
var gatehouse  = '<div style="text-align:center"><img src="/images/collections/cover_art/gatehouse.jpg" width="195" height="250" alt="Gatehouse" border="0"></div>';
var grasscloth  = '<div style="text-align:center"><img src="/images/collections/cover_art/grasscloth.jpg" width="195" height="250" alt="Grasscloth Resource" border="0"></div>';
var residence  = '<div style="text-align:center"><img src="/images/collections/cover_art/residence.jpg" width="195" height="250" alt="Residence" border="0"></div>';
var filigree  = '<div style="text-align:center"><img src="/images/collections/cover_art/filigree.jpg" width="195" height="250" alt="Filigree" border="0"></div>';
var riverroad  = '<div style="text-align:center"><img src="/images/collections/cover_art/riverroad.jpg" width="195" height="250" alt="River Road" border="0"></div>';
var cypress  = '<div style="text-align:center"><img src="/images/collections/cover_art/cypress.jpg" width="195" height="250" alt="Cypress" border="0"></div>';
var courtyard  = '<div style="text-align:center"><img src="/images/collections/cover_art/courtyard.jpg" width="195" height="250" alt="Courtyard" border="0"></div>';
var chelsea  = '<div style="text-align:center"><img src="/images/collections/cover_art/chelsea.jpg" width="195" height="250" alt="Chelsea" border="0"></div>';
var tidewater  = '<div style="text-align:center"><img src="/images/collections/cover_art/tidewater.jpg" width="195" height="250" alt="Tidewater" border="0"></div>';
var texture02  = '<div style="text-align:center"><img src="/images/collections/cover_art/texture_02.jpg" width="195" height="250" alt="Texture Resource Vol 2" border="0"></div>';
var serendipity = '<div style="text-align:center"><img src="/images/collections/cover_art/serendipity.jpg" width="195" height="250" alt="Serendipity" border="0"></div>';
var signatureprints = '<div style="text-align:center"><img src="/images/collections/cover_art/signatureprints.jpg" width="195" height="250" alt="Signature Prints" border="0"></div>';
var stripe04 = '<div style="text-align:center"><img src="/images/collections/cover_art/stripe_04.jpg" width="195" height="250" alt="Stripe Resource Vol 4" border="0"></div>';
var teahouse = '<div style="text-align:center"><img src="/images/collections/cover_art/teahouse.jpg" width="195" height="250" alt="Teahouse" border="0"></div>';
var seaside = '<div style="text-align:center"><img src="/images/collections/cover_art/seaside.jpg" width="195" height="250" alt="Seaside" border="0"></div>';
var tone02 = '<div style="text-align:center"><img src="/images/collections/cover_art/tone_02.jpg" width="195" height="250" alt="Tone on Tone Resource Vol II" border="0"></div>';
var waterlily = '<div style="text-align:center"><img src="/images/collections/cover_art/waterlily.gif" width="195" height="250" alt="Waterlily" border="0"></div>';
var fairfax = '<div style="text-align:center"><img src="/images/collections/cover_art/fairfax.jpg" width="195" height="250" alt="Fairfax" border="0"></div>';
var smallprint02 = '<div style="text-align:center"><img src="/images/collections/cover_art/smallprint_02.jpg" width="195" height="250" alt="Small Print Resource Vol II" border="0"></div>';
var laguna = '<div style="text-align:center"><img src="/images/collections/cover_art/laguna.gif" width="195" height="250" alt="Laguna" border="0"></div>';
var springlake = '<div style="text-align:center"><img src="/images/collections/cover_art/springlake.gif" width="195" height="250" alt="Spring Lake" border="0"></div>';
var castlepine = '<div style="text-align:center"><img src="/images/collections/cover_art/castlepine.gif" width="195" height="250" alt="Castle Pine" border="0"></div>';
var texture = '<div style="text-align:center"><img src="/images/collections/cover_art/texture.jpg" width="195" height="250" alt="Texture Resource" border="0"></div>';

var classics = '<div style="text-align:center"><img src="/images/collections/cover_art/classics.jpg" width="195" height="250" alt="Thibaut Classics" border="0"></div>';


var barbados  = '<div style="text-align:center"><img src="/images/collections/cover_art/barbados.jpg" width="195" height="250" alt="Barbados" border="0"></div>';
var boathouse  = '<div style="text-align:center"><img src="/images/collections/cover_art/boathouse.jpg" width="195" height="250" alt="Boat House" border="0"></div>';
var canterbury  = '<div style="text-align:center"><img src="/images/collections/cover_art/canterbury.jpg" width="195" height="250" alt="Canterbury" border="0"></div>';
var centuries  = '<div style="text-align:center"><img src="/images/collections/cover_art/centuries.jpg" width="195" height="250" alt="Centuries" border="0"></div>';
var damask02  = '<div style="text-align:center"><img src="/images/collections/cover_art/damask_02.jpg" width="195" height="250" alt="Damask Resource Vol II" border="0"></div>';
var damask  = '<div style="text-align:center"><img src="/images/collections/cover_art/damask.jpg" width="195" height="250" alt="Damask Resource" border="0"></div>';
var empire  = '<div style="text-align:center"><img src="/images/collections/cover_art/empire.jpg" width="195" height="250" alt="Empire" border="0"></div>';
var englishmanor  = '<div style="text-align:center"><img src="/images/collections/cover_art/englishmanor.jpg" width="195" height="250" alt="English Manor" border="0"></div>';
var farhills  = '<div style="text-align:center"><img src="/images/collections/cover_art/farhills.jpg" width="195" height="250" alt="Far Hills" border="0"></div>';
var gazebo  = '<div style="text-align:center"><img src="/images/collections/cover_art/gazebo.jpg" width="195" height="250" alt="Gazebo" border="0"></div>';
var greatestates  = '<div style="text-align:center"><img src="/images/collections/cover_art/greatestates.gif" width="195" height="250" alt="Great Estates" border="0"></div>';
var highlands  = '<div style="text-align:center"><img src="/images/collections/cover_art/highlands.jpg" width="195" height="250" alt="Highlands" border="0"></div>';
var homes  = '<div style="text-align:center"><img src="/images/collections/cover_art/homes.jpg" width="195" height="250" alt="Historic Homes of America Vol VII" border="0"></div>';
var jacaranda  = '<div style="text-align:center"><img src="/images/collections/cover_art/jacaranda.gif" width="195" height="250" alt="Jacaranda" border="0"></div>';
var jasmine  = '<div style="text-align:center"><img src="/images/collections/cover_art/jasmine.jpg" width="195" height="250" alt="Jasmine" border="0"></div>';
var pagoda  = '<div style="text-align:center"><img src="/images/collections/cover_art/pagoda.jpg" width="195" height="250" alt="Pagoda" border="0"></div>';
var palladio  = '<div style="text-align:center"><img src="/images/collections/cover_art/palladio.jpg" width="195" height="250" alt="Palladio" border="0"></div>';
var piccadilly  = '<div style="text-align:center"><img src="/images/collections/cover_art/piccadilly.gif" width="195" height="250" alt="Piccadilly" border="0"></div>';
var promenade  = '<div style="text-align:center"><img src="/images/collections/cover_art/promenade.gif" width="195" height="250" alt="Promenade" border="0"></div>';
var provence  = '<div style="text-align:center"><img src="/images/collections/cover_art/provence.jpg" width="195" height="250" alt="Provence" border="0"></div>';
var repertoire  = '<div style="text-align:center"><img src="/images/collections/cover_art/repertoire.jpg" width="195" height="250" alt="Repertoire" border="0"></div>';
var smallprint  = '<div style="text-align:center"><img src="/images/collections/cover_art/smallprint.jpg" width="195" height="250" alt="Small Print Resource" border="0"></div>';
var stripe03  = '<div style="text-align:center"><img src="/images/collections/cover_art/stripe_03.jpg" width="195" height="250" alt="Stripe Resource Vol III" border="0"></div>';
var stripe02  = '<div style="text-align:center"><img src="/images/collections/cover_art/stripe_02.jpg" width="195" height="250" alt="Stripe Resource Vol II" border="0"></div>';
var sweetlife  = '<div style="text-align:center"><img src="/images/collections/cover_art/sweetlife.gif" width="195" height="250" alt="Sweet Life" border="0"></div>';
var tamarind  = '<div style="text-align:center"><img src="/images/collections/cover_art/tamarind.jpg" width="195" height="250" alt="Tamarind" border="0"></div>';
var toile02  = '<div style="text-align:center"><img src="/images/collections/cover_art/toile_02.jpg" width="195" height="250" alt="Toile Resource Vol II" border="0"></div>';
var toile  = '<div style="text-align:center"><img src="/images/collections/cover_art/toile.jpg" width="195" height="250" alt="Toile Resource" border="0"></div>';
var tone  = '<div style="text-align:center"><img src="/images/collections/cover_art/tone.jpg" width="195" height="250" alt="Tone on Tone Resource" border="0"></div>';