$(document).ready(function() {	

    //select all the a tag with name equal to modal
    $('a[name=modal]').hover(function(e) {
    //Cancel the link behavior
	e.preventDefault();
		
	//Get the A tag
	var id = $(this).attr('href');	
	
	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
              
	//Set the popup window to center
	$(id).css('top', 300);
	$(id).css('left', 450);
	//transition effect
	$(id).fadeIn(200); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
	//Cancel the link behavior
	e.preventDefault();
		
	$('.window').hide();
	});			
	
});