$(document).on('click','.maskbox_trigger', function(e) {
	e.preventDefault();
		
	var self_rel = $(this).attr("rel");		
	var self_div = $('#'+self_rel);
	
	if ($('#maskbox').length > 0) { 
		// #lightbox exists
		//$('#maskbox').show();
	}else{
		
		var	maskHeight = $(document).height();
		var	maskWidth =	$(window).width();	
		var windowHeight = $(window).height();
		var scroll_top = $(window).scrollTop();
		console.log(scroll_top);
		
		var lightbox ='<div id="maskbox"></div>';		
		$('body').append(lightbox);
		$('#maskbox').css({'width':maskWidth,'height':maskHeight});  
					
		var mask_body_width = self_div.width();
		var mask_body_height = self_div.height();
		
		mask_body_left = (maskWidth  - mask_body_width) * 0.5;
		mask_body_top = (windowHeight - mask_body_height) * 0.5 + scroll_top;			
		if(mask_body_top < 60) mask_body_top = 60;
		self_div.addClass('mask_body');
		self_div.css({
			"z-index":"110",
			position:"absolute",
			//width:""+ mask_body_width +"px",
			//height:""+ mask_body_height +"px",
			top:""+ mask_body_top +"px", 
			left:""+ mask_body_left +"px" 
		}).fadeIn(300);			
	}
});

$(document).on('click','#maskbox,.btn_close',function(e) {
	e.preventDefault();
	$('#maskbox').remove();
	$('.mask_body').css('display','none');
});

/*
var mask_trigger = function(e) {
	e.preventDefault();
	
	var self_rel = $(this).attr("rel");
	//console.log(self_rel);
	var form_type = $(this).attr("form_type");
	var self_div = $('#'+self_rel);
	
	if ($('#maskbox').length > 0) { 
	}else{
		var	maskWidth =	$(window).width();	
		var maskHeight = $(window).height();		
		var lightbox ='<div id="maskbox"></div>';		
		
		$top_value = '-'+ $('#mask_scroll').attr("top_value") +'px';
		$('#mask_wrap').css({'top':$top_value});
		$('#mask_wrap').toggleClass('mask_fixed');
		
		if ($('#container').length > 0) $container_width = $('#container').width();
		
		$('window').scrollTop();
		$('body').append(lightbox);
		$('html').css({"overflow-y":"scroll"});
		$('#maskbox').css({'width':maskWidth,'height':maskHeight});  
					
		var mask_body_width = self_div.width();
		var mask_body_height = self_div.height();
		
		mask_body_left = (maskWidth  - mask_body_width) * 0.5;
		mask_body_top = (maskHeight - mask_body_height) * 0.5;
		if(mask_body_top < 20) mask_body_top = 20;
		
		self_div.addClass('mask_body');
		self_div.css({
			"z-index":"110",
			position:"absolute",
			width:""+ mask_body_width +"px",
			height:""+ mask_body_height +"px",
			top:""+ mask_body_top +"px", 
			left:""+ mask_body_left +"px" 
		}).slideDown(400);
		
		if ($('#container').length > 0) $('#container').width($container_width);		
		if(form_type) $('#'+form_type).jqTransform();
		//console.log(form_type);
		
	}
}

$(document).on('click','.maskbox_trigger', mask_trigger);

$(document).on('click','#maskbox,.popup_btn_close',function() {
	//e.preventDefault();	
	$('#mask_wrap').toggleClass('mask_fixed');
	var $top_value = $('#mask_scroll').attr("top_value");
	
	$('.mask_body').css('display','none');
	$('#maskbox').remove();
	$('html').css({"overflow-y":"auto","overflow-x":"hidden"});
	$('html, body').scrollTop($top_value);
	
});


$(document).on("click", '#scroll_top', function(){
	$('html, body').animate( {scrollTop:0} );
});


$(document).ready(function(){
	var mask_scroll ='<div id="mask_scroll" top_value="0"></div>';
	$('body').append(mask_scroll);

	$(window).scroll(function() {
		if ($('#maskbox').length > 0) { 
			
		}else{
			var $window_height = ($(window).height() / 2) ;
			var $pos = $(window).scrollTop();
			if($pos > $window_height) $('#scroll_top').slideDown(200);
			else $('#scroll_top').slideUp(200);
			
			$('#mask_scroll').attr("top_value",$(window).scrollTop());
		}
		
	});
	
	$(window).resize(function() {
		
		if ($('#maskbox').length > 0) {
			$('#maskbox').css({'width':$(this).width() ,'height':$(this).height()});
		}
		

		if ($('#container').length > 0) {
			$('#container').css({'width':$(this).width()-100+'px'});
			$('#container').masonry({
				itemSelector: '.box',
				columnWidth: 35,
				isAnimated: false
			});
		}
	});

});




$(document).on('click','.maskbox_trigger', function(e) {
	e.preventDefault();
	
	var self_rel = $(this).attr("rel");
	console.log(self_rel);
	var form_type = $(this).attr("form_type");
	var self_div = $('#'+self_rel);
	
	if ($('#maskbox').length > 0) { 
	}else{
		var	maskWidth =	$(window).width();	
		var maskHeight = $(window).height();		
		var lightbox ='<div id="maskbox"></div>';		
		
		$top_value = '-'+ $('#mask_scroll').attr("top_value") +'px';
		$('#mask_wrap').css({'top':$top_value});
		$('#mask_wrap').toggleClass('mask_fixed');
		
		if ($('#container').length > 0) $container_width = $('#container').width();
		
		$('window').scrollTop();
		$('body').append(lightbox);
		$('html').css({"overflow-y":"scroll"});
		$('#maskbox').css({'width':maskWidth,'height':maskHeight});  
					
		var mask_body_width = self_div.width();
		var mask_body_height = self_div.height();
		
		mask_body_left = (maskWidth  - mask_body_width) * 0.5;
		mask_body_top = (maskHeight - mask_body_height) * 0.5;
		if(mask_body_top < 20) mask_body_top = 20;
		
		self_div.addClass('mask_body');
		self_div.css({
			"z-index":"110",
			position:"absolute",
			width:""+ mask_body_width +"px",
			height:""+ mask_body_height +"px",
			top:""+ mask_body_top +"px", 
			left:""+ mask_body_left +"px" 
		}).slideDown(200);
		
		if ($('#container').length > 0) $('#container').width($container_width);		
		if(form_type) $('#'+form_type).jqTransform();
		console.log(form_type);
		
	}
});


*/