/*
* TrackStar
* A simple tooltip with reliable mouse tracking
*
*/
(function($) {
    $.fn.trackStar = function(options) {
        debug(this);
        var opts = $.extend({}, $.fn.trackStar.defaults, options);
        return this.each(function() {
            $this = $(this);
            var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
            $this.click(function(event) {
            	if($('#preview'))
            	{
            		//如果存在，先remove
            		$('#preview').remove();
            	}
                $('body').append('<div id="preview" style="position: absolute; background: #fff; border:2px solid #555; padding:10px; font-weight:bold; width:338px; height:400px;"></div>');
                $('#preview').append($('<div class="clearfix"><span style="float:left;">店铺位置</span><a href="javascript:void()" onclick="$(\'#preview\').remove();return false;" style="color:red;float:right;">关闭</a></div>'));
                $('#preview').append($('<div><iframe src="/zhugetao/map.jsp?itemId='+this.id+'" style="width: 338px; height: 380px;" frameborder="no" scrolling="no"></div>'));
	            //$('#' + opts.displayID).clone().css('id', '').appendTo($('#preview')).show();
	            $('#preview').css('top', (event.pageY - opts.xOffset) + 'px')
	                    	 .css('left', (event.pageX + opts.yOffset) + 'px')
	                    	 .fadeIn('fast');
	            return false;
            });
            
            /*
	        $this.mousemove(function(event) {
	            $('#preview')
	                    .css('top', (event.pageY - opts.xOffset) + 'px')
	                    .css('left', (event.pageX + opts.yOffset) + 'px');
	        });
	        */
        });
    };
    function debug($obj) {
        if (window.console && window.console.log) {
             ;//console.log();
        }
    };
    // plug-in defaults
    $.fn.trackStar.defaults = {
        xOffset: 10,
        yOffset: 30
    };
})(jQuery);