$(function(){
	var wrp = 'body',
		btnOpen = '.btn_open',
		btnClose = '.btn_close',
		sld = '#slide',
		ovrly = '.overlay',
		fadeApp = '#fadeApp',
		current_scrollY;

	$(btnOpen).on('click',function(e){
		if($(sld).css('display') == 'none'){
			current_scrollY = $( window ).scrollTop();
			$(wrp).css({
    			position: 'fixed',
    			width: '100%',
    			top: -1 * current_scrollY
			});
			$(sld).fadeIn();
			$(ovrly).css('display','block');
		}
	});

	$(btnClose).on('click',function(){
		if($(sld).css('display') == 'block'){
	   		$(wrp).attr({style:''});
			$('html, body').prop({scrollTop: current_scrollY});
			$(sld).slideUp();
			$(ovrly).fadeOut();
			$(fadeApp).fadeOut();
		}
	});

	$(document).on('click',function(e) {
		if($(sld).css('display') == 'block'){
	  		if ((!$(e.target).closest(sld).length)&&(!$(e.target).closest(btnOpen).length)) {
		   		$(wrp).attr({style:''});
				$('html, body').prop({scrollTop: current_scrollY});
				$(sld).slideUp();
				$(ovrly).fadeOut();
				$(fadeApp).fadeOut();
	  		}
  		}
	});

});