function creatOverlay(){
	$('body').append('<div id="overlay"><div id="overlay_shadow"></div><div id="overlay_body"></div></div>');	
}
function startOverlay(){
	$('#overlay').css({display:'block'});
	$('select,input').css({visibility:'hidden'});
	$('#overlay_shadow').addClass('load-black');
	$('#overlay_shadow').css({opacity:'0',display:'block'});
	$('#overlay_shadow').animate({opacity: 0.8},500);
}

function closeOverlay(){
	$('#overlay').css({display:'none'});
	$('select,input').css({visibility:'visible'});
	$('#overlay_shadow').removeClass('load-black');
	$('#overlay_shadow').css({opacity:'0',display:'none'});
	
}

function loadOverlay(url_link){
	$('html, body').animate({scrollTop: '0px'});
	startOverlay();
	$.ajax({
		type: "GET",
		url: url_link,
		success: function(msg){		
			setTimeout(function(){
				$('#overlay_body').html(msg);
				$('#overlay_shadow').removeClass('load-black');
			},800);
		}
	});
}
function center(){
	if($(window).width()<1260){
		$('.wrapper').css({width:'1260px'});
		var scrollmiddle = (1260-$(window).width())/2;
		$('html, body').scrollLeft(scrollmiddle);
	}else{
		$('.wrapper').css({width:'auto'});
	}
}

$(document).ready(function() {
	creatOverlay();
	$('.up-scroll').click(function() {
		$('html, body').animate({scrollTop: '0px'});
	});
	center();
});