// JavaScript Document

  var mouseX = 0;
  var mouseY = 0;
  var responseAJAX = '';
  $(document).mousemove( function(e) {
	  mouseX = e.pageX;
	  mouseY = e.pageY-160;
  });
  $(document).ready(function(){
	$(".popup_ref").mouseover(function(){
		src = (this.rel);
										   
		loadFile(src);
		$("#popup").fadeIn(75);
		$(document).bind('mousemove', function() {
			ww = ($(window).width());
	
			
			if(ww < (mouseX + (ww / 2)))
				{
				$("#popup").removeClass("babol_box");
				$("#popup").addClass("babol_box2");
				$("#popup").css("left",mouseX-450);
				$("#popup").css("top",mouseY);
				
				}
			else
				{
				$("#popup").removeClass("babol_box2");
				$("#popup").addClass("babol_box");
				$("#popup").css("left",mouseX);
				$("#popup").css("top",mouseY);
				}
			});
		 	
		});
	$(".popup_ref").mouseout(function(){
		$("#popup").hide();
		});
	});
  
  
function loadFile(src)
	{
	$.ajax({
		  url: "/content/get_speach_bubble_content/"+src,
		  cache: false,
		  async: false,
		  type: "POST",
		  success: function(html){
			responseAJAX = (html);
			$("#popup").html(responseAJAX);
		  }
		});
	}