// JavaScript Document

$(document).ready(function() {
							
							
	$(document).mousemove(function(e) {

        // returns an object with the attribute top and left
		var images_pos = $("#images_community").position(); 
		//images_pos.top;  // top offset position
		//images_pos.left; // left offset position

		var images_width = parseInt($("#images_community").css("width"));
		var images_height = parseInt($("#images_community").css("height"));


        if ((e.clientY < images_pos.top) || (e.clientY > (images_pos.top + images_height))) {

        	$("#caption").css('display','none');

        }
		
		else if ((e.pageY < images_pos.top) || (e.pageY > (images_pos.top + images_height))) {

        	$("#caption").css('display','none');

        }
		
		else if ((e.clientX < images_pos.left) || (e.clientX > (images_pos.left + images_width))) {

        	$("#caption").css('display','none');

        }
		
		else if ((e.pageX < images_pos.left) || (e.pageX > (images_pos.left + images_width))) {

        	$("#caption").css('display','none');

        }
		

    });
	

	$("img.caption").hover(
							   
		function() {
												
			// returns an object with the attribute top and left
			var pos = $(this).position(); 
			//pos.top;  // top offset position
			//pos.left; // left offset position
			
			var pos_left = pos.left;
			var pos_top = pos.top;
			
			
			var margin_left = parseInt($(this).css("margin-left"));
			var margin_top = parseInt($(this).css("margin-top"));
			
			if (margin_left > 0)
				pos_left = pos_left + 5;
				
			if (margin_top > 0)
				pos_top = pos_top + 5;
				
				
			var img_width = parseInt($(this).css("width"));
			var img_height = parseInt($(this).css("height"));
							
							
			var organization = $(this).attr("alt");
							
			$("#caption").html('<p>' + organization + '</p>');
	
	
			var padding = 10;
					
			$("#caption").css({'display' : 'block', 'left' : pos_left, 'top' : pos_top, 'width' : (img_width-(padding*2)), 'height' : (img_height-padding), 'padding-left' : padding, 'padding-right' : padding, 'padding-top' : padding});
			
		
		}, 
		
		function () {
					
			//$("#caption").css('display','none');
		
		}
	  
	);
	
	
  
 });