var animating = false;

$(document).ready(function(){
	$(".map-marker").mousemove(function(e){
		if(!animating){
			$('#homepage-preview').css("left",e.pageX+6);
			$('#homepage-preview').css("top",e.pageY - $('#homepage-preview').height() - 6);
		}
	}); 

	$(".map-marker").bind("mouseover",function(e){
		animating = true;
		box_id = parseInt(this.id.substr(7));
		$.get($("#base_url").val()+"/preview-code/"+box_id+"/",null,function(data, status){
			$("#preview-content").html(data);
			
			$('#homepage-preview').css("opacity",0);
			$('#homepage-preview').css("display","block");

			$('#homepage-preview').css("top",e.pageY + 20 - $('#homepage-preview').height());
			$('#homepage-preview').css("left",e.pageX+6);
			$('#homepage-preview').animate({
				top: e.pageY - $('#homepage-preview').height() - 6,
				opacity: 0.8
			}, "fast", "linear", function(){
				animating = false;
				$('#homepage-preview').css("top",e.pageY - $('#homepage-preview').height() - 6);
			});	
		});
	});
	
	$(".map-marker").bind("mouseout", function(e){
		animating = true;
		$('#homepage-preview').animate({
			top: parseInt($('#homepage-preview').css("top")) - 20,
			opacity: 0
		}, "fast", "linear", function(){
			animating = false;
			$('#homepage-preview').css("display","none");
		});
	})	
})