/* Copyright (c) Hoseasons Holidays Limited
 * Author: Chris O'Brien
 * Date: 13 October 2008
 */


/// <summary>
/// Make sure global namespace Hos for all hoseasons JavaScript is defined.
/// </summary>
if (typeof Hos == 'undefined') {
Hos = {};
}

/// <summary>
/// Image Switch.
/// Example CSS Required
/// #imageSwitch { height: 200px; width: 200px; background-image: url(images/image1.png); overflow: hidden; }
/// #imageSwitch #transImageSwitch { border-width: 0px;}
///
/// Example HTML Required
///  <div id="imageSwitch">
///      <img id="transImageSwitch" alt="trans" src="images/trans200x200.png" usemap="#m_image1" /><map id="m_image1" name="m_image1">
///          <area onmouseover="Hos.ImageSwitch.moveTo(200, 200);" onmouseout="Hos.ImageSwitch.moveTo(0, 0);" shape="rect" coords="69,64,113,130" href="#" alt="" />
///      </map>
///    </div>
///  </summary>
Hos.ImageSwitch = {
  elemId: "imageSwitch",
  _timeout: null,
  moveTo: function(x, y) {
    if(Hos.ImageSwitch._timeout) {
      clearTimeout(Hos.ImageSwitch._timeout);
    }
    Hos.ImageSwitch._timeout = setTimeout(function () { //Timeout used to stop image flashing when mouse moves across many links very quickly.
      var el = document.getElementById(Hos.ImageSwitch.elemId);
      el.style.backgroundPosition = -x + "px " + -y + "px";
    }, 100);
  }
};