$(document).ready(function(){

//CUSTOM HOVER for images

	$('.module a').hover(function(){
		$(this).find('div').toggle();
		},function(){
		$(this).find('div').toggle();
	});
	
// POPUP

	$('.popup-link').click(function(event){
		$('body').append('<div id="dim"><div id="image-container"></div></div>');
		
		current = $(this);
		var image_url = current.attr('href');
		var dimensions = parse_dimensions(current);
		var top_margin = dimensions[1] * -0.5;
		var left_margin = dimensions[0] * -0.5;
		
		img = new Image();
		$(img).load(function () {
            $("#image-container").css({'margin-top':top_margin , 'margin-left':left_margin , 'width' : dimensions[0], 'height' : dimensions[1] }).append(this);
            close = $("<a>").attr("id","close").html("<span>CLOSE</span>").click(function(){
            	$("#dim").remove();
            });
             $("#image-container").prepend(close);
             caption_text = current.find("img").attr("alt");
             caption = $("<p>").attr("id","caption").html(caption_text);
              $("#image-container").append(caption);
             
		}).error(function () {
            // notify the user that the image could not be loaded
		}).attr({src: image_url});
		
		return false;
	});
	
		
});

function parse_dimensions(current){
var unparsed = current.attr('title');
var parsed = unparsed.split('x');
return parsed;
}