$(document).ready(function() { 
	//set req to null - used to check if pening requests exist
	var req = null;
    //select all the a tag with name equal to modal
    $('a[rel=modal]').click(function(e) {
        //Cancel the link behavior
        e.preventDefault();
		//make sure there are no pending requests, if there are, abort them
		if (req) req.abort ();
		//get data from html page
		req = $.ajax({
			type : "GET",
			url : $(this).attr('href'),
			dataType : "html",
			success: function(data) {
				//get anything from the html page within the onecolumn class tags				
				var tip =$(data).find('.onecolumn').html();
				//append the data to the placeholder div
				$('#thefees').append(tip);
			},
			//if ajax call fails:
			error : function() {
					alert("Sorry, The fees information seems to be missing. Please go to " + $(this).attr('href') );
			}
		});					
        //Get the A tag with rel=modal
        var id = $(this).attr('href');     
        //Get the screen height and width
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();     
        //Set height and width to mask to fill up the whole screen
        $('#mask').css({'width':maskWidth,'height':maskHeight,'top':0,'left':0});         
        //transition effect    
        $('#mask').fadeIn(1000);   
        $('#mask').fadeTo("slow",0.8);      
        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();               
        //Set the popup window to center
        $('#dialog').css('top',  winH/2-$('#dialog').height()/2);
        $('#dialog').css('left', winW/2-$('#dialog').width()/2);     
        //transition effect
        $('#dialog').fadeIn(2000);    
    });     
    //if close button is clicked
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
		//remove any content from the placeholder div
		$('#thefees').empty();
        $('#mask, .window').hide();
    });         
    //if mask is clicked
    $('#mask').click(function () {
		//remove any content from the placeholder div
		$('#thefees').empty();	
        $(this).hide();
        $('.window').hide();
    });        
     
});