/**
 * @author Remy Sharp
 * @date 2008-03-27
 * @url http://jqueryfordesigners.com/coda-popup-bubbles/
 * @license Creative Commons License - ShareAlike http://creativecommons.org/licenses/by-sa/3.0/
 *
 * See URL for markup examples and screencast
 */
jQuery.fn.jqBubble = function (){
	/*options*/
	/*в перспективе*/
	return this.each(function() {	
		var element = $(this);
		//var hideDelayTimer = null;
		element
		.click(function(){
			return false;
		})
		.mouseover(function(){			
			var meta = $(this).metadata();
			var offset = $(this).offset();
			if (meta.room_number != undefined){				
				var popup = "<div class=\"popup\">";
					popup += "<p><span>Помещение № </span><b>"+ meta.room_number + "</b></p>";
					popup += "<p><span>Площадь помещения </span>"+ meta.room_square + "</p>";
					popup += "<p><span>Стоимость аренды за м<sup>2</sup> </span>"+ meta.room_unit_price + "</p>";
					popup += "<p><span>Стоимость аренды помещения: </span>"+ meta.room_total_price + "</p>";
					popup += "<p><span>Арендатор </span>"+ meta.leaseholder + "</p>";
					popup += "<p><span>Вид товара </span>"+ meta.product_type + "</p>";
					popup += "</div>";					
					$('body').append(popup);
					$('.popup').css({
						position: 'absolute',
						width: '255px',
						height: '219px',
						zIndex: 10000,
						paddingTop: '10px',
						paddingRight: '10px',
						paddingBottom: '10px',
						paddingLeft: '10px',						
						backgroundImage: 'url(/i/floors/window.gif)'					
					});					
					$('.popup p').css({
						fontFamily: 'Tahoma',
						fontSize: '11px',
						marginBottom: '5px',
						color: '#303030'
					});
					$('.popup span').css({
						color: '#666666'
					});
					$('.popup p:first-child').css({
						color: '#ffffff',
						marginBottom: '9px'
					});
					$('.popup p:first-child span').css({
						color: '#ffffff'
					});
					$(this).mousemove(function(e){
						$('.popup').css({
							left: (e.pageX-135)  + 'px',
							top: (e.pageY-250) + 'px'
						});
					});				
			}
		})
		.mouseout(function(){
			$('.popup').remove();
		});	
	});	
}