﻿(function($){

  $.fn.propmap = function(positions) {
    var id = $(this).attr('id');
    var img = $(this).attr('src');
    var w = $(this).width();
    var h = $(this).height();
    $(this).wrap('<div id="'+id+'-wrap"></div>');
    var wrap = $('#'+id+'-wrap').css('position','relative');
    var tooltip = $('<p id="'+id+'-tooltip"></p>').appendTo(wrap).css('position','absolute').hide();
    $.each($.makeArray(positions),function(){
      var pos = this;
      var link = $('<a href="'+pos.link+'"></a>');
      link.html('<img src="/images/'+pos.dot+'-dot2.gif" border="0" />');
      link.css({position:'absolute',zIndex:1,top:pos.top+'%',left:pos.left+'%'});
      link.hover(function(){
        var p = link.position();
        tooltip.html(pos.name).css({top:p.top-link.height(),left:p.left+link.width()+5}).fadeIn();
      },function(){
        tooltip.hide().html('');
      });
      wrap.append(link);
    });

  }

})(jQuery);