var mouse_is_inside = false;
	
	$(document).ready(function() {
	  
	  $('#circle1').hover(
	    function () { $('#box1').fadeIn("fast"); }, 
      function () { }
    );
    
    $('#circle2').hover(
      function () { $('#box2').fadeIn("fast"); }, 
      function () { }
    );
	  
	  $('#circle3').hover(
	    function () { $('#box3').fadeIn("fast"); }, 
	    function () { }
	  );
	  
	  $('#logoHover').hover(
	    function () { $('#box4').fadeIn("fast"); }, 
	    function () { }
	  );
	  
	  $('.infoBox').hover(
	    function () { }, 
	    function () { $(this).hide(); }
	  );
	  
	  $('.infoBox').click( function() {
	    $('.infoBox').hide();
	    $('#modal').show();
	  });
	  
	  $('#modal').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 
    });

    $("body").mouseup(function(){ 
        if(! mouse_is_inside) $('#modal').hide();
    });
	  
	});