$(document).ready(function() {	
    $('#mask').hide();
    $('#mask_pop').hide();

    $('#form-contact-popup').click(function(){
        showPopup();
        return false;
    });   
      
});

function showPopup()
{
        $('#mask').show();
         
        // window size 
        var maskHeight = $(window).height();
        var maskWidth = $(window).width();        

        // mask        
        $('#mask').css({'width':maskWidth,'height':maskHeight});
        
//        var width_img = $('#mask_pop img').width();
//        var height_img = $('#mask_pop img').height();

        var width_popup = 730;
        var height_popup = 230;
        
        var new_width = (maskWidth - width_popup)/2;
        var new_height = (maskHeight - height_popup)/2;

        // pop on the center crean
        $('#mask_pop').css({'left':new_width,'top':new_height});

        //transition effect
        $('#mask_pop').fadeIn(500);
	
	//if pop is closed
	$('#mask').click(function () {
		$(this).hide();
                $('#mask_pop').hide();
		$('.window').hide();
	});
        
        //if pop is closed
        $('#close-form').click(function () {
             $('#mask_pop').hide();
             $('#mask').hide();
	});
}