
function configurePopups(){
	$("body").prepend('<div id="popupContainer"></div>');
	$('.popup').each(function(){
		pu = $(this);
		center = pu.hasClass('center')
		w = pu.css('width');
		h = pu.css('height');
		
		if(!center){
			x = pu.css('left');
			y = pu.css('top');
		}
		
		c = pu.html();
		pu.html('<div class="top">'+
					'<div class="left">&nbsp;</div>'+
					'<div class="center">&nbsp;</div>'+
					'<div class="right">&nbsp;</div>'+
				'</div>'+
				'<div class="middle">'+
					'<div class="left">&nbsp;</div>'+
					'<div class="center">&nbsp;</div>'+
					'<div class="right">&nbsp;</div>'+
				'</div>'+
				'<div class="bottom">'+
					'<div class="left">&nbsp;</div>'+
					'<div class="center">&nbsp;</div>'+
					'<div class="right">&nbsp;</div>'+
				'</div>'+
				'<div class="content">&nbsp;</div>');
						
		pu.find('.center').css('width', w);
		pu.find('.middle div').css('height', h);
		
		totalWidth = parseInt(w) + 20;
		totalHeight = parseInt(h) + 20;
		pu.find('.content').css('width', totalWidth).css('height', totalHeight).html(c);
		pu.removeAttr('style');
		if(!center){ 
			pu.css('left', x);
			pu.css('top', y);
		} else {
			pu.css('left', '50%');
			pu.css('top', '50%');
			pu.css('position', 'fixed');
			pu.css('margin-top', -parseInt(h)/2);
			pu.css('margin-left', -parseInt(w)/2);
		}
		$("#popupContainer").append($(this).clone());
		$(this).remove();		
	})
}

function openPopup(selector, modal){
	if($(selector).length > 0){
		currentPopup = selector;
		if(modal){
			$('#popupContainer').slideDown('fast', function(){
				$(selector).css("z-index", 40000).fadeIn();		
			});
		} else {
			$(selector).fadeIn();
		}
	}
}

function closePopup(selector){
	currentPopup = "";
	$(selector).fadeOut('slow', function(){
		$('#popupContainer').fadeOut();
	});
}

