(function(a){a.widget("ui.highlightmap",{
  cache: [],
  imgElement: null,
  imgSrc: "",
	_init: function() {
	  var images_len = this.options.images.length;
    for (var i = images_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = this.options.images[i];
      this.cache.push(cacheImage);
    }
    images_len = this.options.image2cache.length;
    for (var n = images_len; n--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = this.options.image2cache[i];
      this.cache.push(cacheImage);
    }
    this.imgElement = this.element.find("img");
    this.imgSrc = this.imgElement.attr("src");
    var myObj = this
    this.element.find("area").each(function(n,l) {
      var obj = l;
      $(l).hover(
         function () {
            myObj.imgElement.attr("src", myObj.options.images[n]);
            $(".imagemap-navigator li").each(function(m,o) {
              if($(o).find("a").attr("href") == $(obj).attr("href")) {
                $(o).addClass("active");
              }
            })
         },
         function() {
            myObj.imgElement.attr("src", myObj.imgSrc);
            $(".imagemap-navigator li").removeClass("active");
         }
      );
    });
    
    $(".imagemap-navigator li").hover(
      function () {
        $(this).addClass("active");
        var listanchor = $(this).find("a");
        myObj.element.find("area").each(function(n,l) {
          if($(l).attr("href") == listanchor.attr("href")) {
            myObj.imgElement.attr("src", myObj.options.images[n]);
          }
        });
      },
      function () {
        $(this).removeClass("active");
        myObj.imgElement.attr("src", myObj.imgSrc);
      }
    )

   
  }, 
	options: {

	}
})})(jQuery);;