// JavaScript Document

$(document).ready(function(){  
	//hämta sidans höjd och bredd
	var page_height=$(window).height();
	var page_width=$(window).width(); 

	$('#loginwindow').each(function(){  
	    //hämta höjd och bredd från loginrutan
	    var window_height = $(this).outerHeight();  
	    var window_width = $(this).outerWidth();  
	    //räkna ut vilka top left värden för att centrera rutan
	    var top = (page_height-window_height)/2;  
	    var left = (page_width-window_width)/2;  
	    //till dela top och left värden till css
	    $(this).css({'top' : top , 'left' : left}); 
	});  

	$('#loginpopup').click(function(){  
	    $("body").css("overflow", "hidden");   
	    //set display to block and opacity to 0 so we can use fadeTo  
	    $('#mask').css({ 'display' : 'block', opacity : 0});  
	    //fade in the mask to opacity 0.8  
	    $('#mask').fadeTo(500,0.8);  
	     //show the modal window  
	    $("#loginwindow").fadeIn(500); 
    });  
  
	$('.closewindow').click(function(){  
		$("body").css("overflow-y", "scroll");
  		//hide the mask  
   		 $('#mask').fadeOut(500);  
    	//hide modal window(s)  
    	$('#loginwindow').fadeOut(500);  
    });  
});