//for the modal window
 
$(document).ready(function() { 
 
    //select all the a tag with name equal to modal
    $('a[name=modal]').click(function login_modal(){
        //Cancel the link behavior
        //e.preventDefault();
        //Get the A tag
        var id = "#dialog";//$(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});
        
        $('#mask').css({'left':-(maskWidth-1000)/2,'top':-10});
         
        //transition effect    
        $('#mask').fadeIn(0500);   
        $('#mask').fadeTo("slow",0.6); 
     
        //Get the window height and width
        var winH = $(window).height();
        var winW = $(window).width();
               
        //Set the popup window to center
        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);
     
        //transition effect
        $(id).fadeIn(1000);
     
    });
     
    //if close button is clicked
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, .window').hide();
    });    
     
    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });        
     
});
 function login_modal(){
	 var id = "#dialog";//$(this).attr('href');
     
     //Get the screen height and width
     var maskHeight = $(document).height();
     var maskWidth = 1000;//$(window).width();
  
     //Set height and width to mask to fill up the whole screen
     $('#mask').css({'width':maskWidth,'height':maskHeight});
      
     //transition effect    
     $('#mask').fadeIn(1000);   
     $('#mask').fadeTo("slow",0.6); 
  
     //Get the window height and width
     var winH = $(window).height();
     var winW = $(window).width();
            
     //Set the popup window to center
     $(id).css('top',  winH/2-$(id).height()/2);
     $(id).css('left', winW/2-$(id).width()/2);
  
     //transition effect
     $(id).fadeIn(1000);
}
 
$(document).ready(function(){
	 $('#modalForm').submit(function(){
		 $('#mask, .window').hide();
	 });
	 $('#forgotPasswordLink').click(function(){
		 $('#mask, .window').hide(); 
	 })
 });