var SettingsPanel	=	function(from)
	{
	var self      =this;
	var overlay   =null;
	this.panel	  =null;
	var closebut  =null;
	var closed    =true;
	var from	  =from;

	this.open=function(e)
		{
		closed=false;
		self.panel.style.display="";

		var left=Math.floor( ((Browser.isIE&&!window.opera? ietruebody().clientWidth : window.innerWidth)-self.panel.clientWidth)/2);
		var top=Math.floor( ((Browser.isIE&&!window.opera? ietruebody().clientHeight : window.innerHeight)-self.panel.clientHeight)/2);
		
		overlay.style.width=(Browser.isIE&&!window.opera? ietruebody().clientWidth : window.innerWidth)+"px";
		overlay.style.height=(Browser.isIE&&!window.opera? ietruebody().clientHeight : window.innerHeight)+"px";
		left=(left<0 ? 0: left);
		top =(top <0 ? 0: Math.floor(top/3));
		self.panel.style.left=(left<0 ? 0 : left)+"px";
		self.panel.style.top=(top<0 ? 0 : top)+ "px";

		closebut.style.left=self.panel.clientWidth-15+"px";

		overlay.style.display="";
		if(!e)
			Engine.addEventHandler("onresize",self.open);
		}
	this.getPanel=function() {
		return self.panel;
	}
	this.close=function()
		{
		if(closed)
			return;
		Engine.delEventHandler("onresize",this.open);
		self.panel.style.display="none";
		overlay.style.display="none";
		}

	this.destroy=function()
		{
		Element.remove(overlay);
		Element.remove(self.panel);
		}
		
	closebut=document.createElement("a");
	closebut.className="close";
	closebut.innerHTML="&nbsp;";
	closebut.onclick=function()
		{
		self.close();
		}
	
	self.panel=document.createElement("div");
	self.panel.style.display="none";
	self.panel.className="modalDialog";
	self.panel.id="p-settings";
	//self.panel.style.width="450px";

	overlay=document.createElement("div");
	overlay.onclick=function()
		{
		self.close();
		}
	ostyle=overlay.style;

	ostyle.position="absolute";
	ostyle.top="0pt";
	ostyle.left="0pt";
	ostyle.display="none";


	overlay.className="overlay_settings";
	
	var body=document.getElementsByTagName("body")[0];
	self.panel.appendChild(closebut);
	self.panel.appendChild(from);
	var buts=self.panel.getElementsByTagName("input");
	for(var i=0;i<buts.length;i++)
		{
		if(buts[i].id=="settingsPanelClose")
			buts[i].onclick=function ()
				{
				self.close();
				}
		}
	from.style.display="";

	body.appendChild(self.panel);
	body.appendChild(overlay);
	this.open();
	}