Popup = {};
Popup.show = function (url) {
	if(!document.isReady) return false;
	container = Popup.getContainer();
	jQuery.ajax({
		method: 'POST',
		url: url,
		data: {
			
		},
		async: true,
		cache: false,
		success: function(data){
			var top = 75;
			Mask.show();
			container.show();
			if (container.outerHeight() + top < jQuery(window).height() && !(jQuery.browser.msie && parseInt(jQuery.browser.version) < 7) && false) {
				container.css( { position: 'fixed', top: top } );
			} else {
				container.css( { position: 'absolute', top: top + jQuery(window).scrollTop() } );
			}
			container.find('.popup_content').html(data);
			//relocateIframeLayer('popup_container_wrap');

		}
	});
}

Popup.hide = function () {
	container = Popup.getContainer();
	Mask.hide();
	container.hide();
	jQuery(window).resize();
	//hideIframeLayer('popup_container_wrap');
}

Popup.getContainer = function () {
	if(!document.isReady) return false;
	container = jQuery("#popup_container");
	if(container.size() <= 0) {
		domCont = document.createElement('div');
		domCont.setAttribute('id', 'popup_container');
		jQuery(document.body).append('<div id="popup_container"><div id="popup_container_wrap" class="popup_wrap"><div class="popup_content"></div></div></div>');

		container = jQuery("#popup_container");
	}
	return container;
}

Mask = {};
Mask.get = function () {
	if(!document.isReady) return false;
	mask = jQuery(".popupMask");
	if(mask.size() <= 0) {
		domMask = document.createElement('div');
		domMask.setAttribute('class', 'popupMask');
		
		jQuery(document.body).append('<div class="popupMask"></div>');
		
		mask = jQuery(".popupMask");
		mask.css('opacity', 0.5);
	}
	return mask;
}


Mask.resize = function() {
	mask = Mask.get();
	
	mask.height(jQuery(document).height());
	mask.width(jQuery(window).width() < jQuery(document.body).width() ? jQuery(document.body).width() : jQuery(window).width());
	return mask;
}

Mask.show = function() {
	mask = Mask.get();
	mask.show().fadeTo(500, 0.5);
	return mask;
}

Mask.hide = function() {
	mask = Mask.get();
	mask.fadeTo(500, 0, function(){
		jQuery(this).hide();
	});
	return mask;
}

jQuery(document).ready(function(){
	document.isReady = true;

	mask = Mask.resize();
	mask.click(function(){
		Popup.hide();
	});
	
	jQuery(window).resize(function(){
		Mask.resize();
		//updateIframeLayerPosition('popup_container_wrap');
	});
	
	container = Popup.getContainer();
	container.click(function(e){
		if(jQuery(e.target).attr('id') === 'popup_container') Popup.hide();
	});
	
	
	setTimeout('Mask.resize()', 800);
});

