/* Padilla Technology Solutions ©2009
 * */
include_once("js/ui/ui.core.js");
include_once("js/ui/ui.draggable.js");

function Popup(content, closeAction){
	if(!content)
		return false;
	var _self = this;
	var wrapper = $("#fadewrapper")[0];

	_self.docBody = $('body:first');
	
	if($("#popup")[0]){
		temp = $("#popup")[0].firstChild;
		temp.style.display = "none";
		_self.docBody.append(temp);
		$("#popup").remove();
	}
	
	_self.closeAction = closeAction;
	_self.content = content;
	
	var container = document.createElement('div');
	container.id='popup';
	
	if(arguments.length < 3)
		container.className = 'mapPosition';
	else
		container.className = arguments[2];
		
	var div = document.createElement('div');
	div.className = 'header';
	
	var top = document.createElement('b');
	top.className = 'top';
	
	var b = document.createElement('b');
	b.className = 'b1';
	top.appendChild(b);
	
	b = document.createElement('b');
	b.className = 'b2';
	top.appendChild(b);
	
	b = document.createElement('b');
	b.className = 'b3';
	top.appendChild(b);
	
	b = document.createElement('b');
	b.className = 'b4';
	top.appendChild(b);
	
	div.appendChild(top);
	
	var boxContent = document.createElement('div');
	boxContent.className = 'popcontent';

	var myHead = document.createElement('div');
		myHead.className = 'head';
	
		var pic = document.createElement('img');
			pic.src = 'images/close.png';
			pic.onclick = function(){
							if(_self.closeAction) 
								_self.closeAction();
							
							fade(_self.docBody[0], 10);
							$(container).hide();
							
						};
	

	myHead.appendChild(pic);
	boxContent.appendChild(myHead);

	boxContent.appendChild(_self.content);
	div.appendChild(boxContent);
	container.appendChild(div);
	//fade(container, 9);
	
	_self.docBody.append(container);
	
	var scrolledY = getScrolled("y");
	var centerY = (getCenter("y")/3) + scrolledY;
	container.style.top = centerY+"px";	
			
	
	//$(container).draggable({handle:".head"});
	$(container).show('slow', function(){
		var centerX = Math.abs(getCenter("x") - (container.offsetWidth /2));
		container.style.left = centerX+"px";
		
	});
	
	return container;
}