/*
Use mode:

<div class="_cb_popup_wrapper" id="...">
	...
	Content (divs, text, etc.)
	...
</div>

Always use '_cb_popup_wrapper' as class name.
*/

var overlayDiv = '_cb_overlay';
var jStr = 'div#' + overlayDiv; // Overlay div - jQuery syntax
var jPop = null;                // Popup div - jQuery syntax

$(document).ready(function(){
	$(document.createElement('div')).attr('id', overlayDiv).appendTo('body');
	
	$(jStr).css({
		'width': '100%',
		'height': '100%',
		'position': 'absolute',
		'z-index': 8,
		'top': '0px',
		'left': '0px',
		'background-color': '#000000',
		'display': 'none',
		'filter': 'alpha(opacity=0)',
		'opacity': 0, 
		'-moz-opacity': 0
	});
	
	$('div._cb_popup_wrapper').css({
		'position': 'absolute',
		'z-index': 9,
		'width': '100%',
		'display': 'none',
		'top': '0px',
		'left': '0px',
		'margin': 'auto'
	});
});

function fadeIn(div){
	var popupTop = 50 + scrollOffset(1) + 'px';
	
	jPop = '#' + div;
	$(jStr).css('display', 'block');
	
	$(jStr).css({
		'width': $(document).width(),
		'height': $(document).height()
	});
	
	$(jPop).css('top', popupTop);
	$(jStr).fadeTo('slow', 0.8);
	setTimeout("$('" + jPop + "').css('display', 'block');", 1000);
}

function fadeOut(div){
	jPop = '#' + div;
	
	$(jPop).css('display', 'none');
	$(jStr).fadeTo('slow', 0.05);
	$(jStr).fadeOut('slow', function(){
		$(jStr).css({
			'height': '0px',
			'display': 'none'
		});
	});
}

function scrollOffset(type){
	var x, y;
	
	// All except Explorer
	if(self.pageYOffset){
		x = self.pageXOffset;
		y = self.pageYOffset;
		
	// Explorer 6 Strict
	} else if(document.documentElement && document.documentElement.scrollTop){
		x = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
		
	// All other Explorers
	} else if(document.body){
		x = document.body.scrollLeft;
		y = document.body.scrollTop;
	}	
	
	if(type == 0)
		return x;
	
	return y;
}