$(document).ready(function() {
  for (var i = 0; i < $(".imagehover").length; i++)
  {          
    var objMap = $(".imagehover")[i];
    for (var j = 0; j < objMap.areas.length;j++)
    {            
      var objArea = objMap.areas[j];
      $(objArea).bind
      (              
        'mouseover',
        function()
        {
        	 var objNode = $(this.parentNode.parentNode).children(0)[0];
        	 $(objNode).css("background-position", "0px " + (parseInt(this.accessKey) * (objNode.height) * -1) + "px");
			     $(objNode).removeClass("hoverclass");
        }
      );              
      $(objArea).bind
      (              
        'mouseout',
        function()                
        {                
        	var objNode = $(this.parentNode.parentNode).children(0)[0];
			$(objNode).css("background-position", "0px 0px");
			     $(objNode).addClass("hoverclass");
        }
      );              
     $(objArea).bind
      (              
        'mousedown',
        function()                
        {                
        	var objNode = $(this.parentNode.parentNode).children(0)[0];
			
        }
      );              
     }
  }
});