var nsPrgsBar = {
	disableDiv : 0,
	prgs : "",
	options : {},
	iTimer : '',
	prgsTimerElm : '',
	disable : true,
	bShowedClose : 0,

	initialize: function(options) 
	{		
		if(this.prgs)
			return;
		
		this.options = options?options:{};

		if(!this.options.deltaTime)
			this.options.deltaTime = 100;//время обновления таймера(в мс)

		if(!this.options.timeToClose)
			this.options.timeToClose = 15;// время через котрое появляется возможность закрыть прогресс бар (в сек)

		// стили используещиеся в баре
		if(!this.options.Style)
			this.options.Style = {}; 

		//картинка
		if(!this.options.imgSrc)
			this.options.imgSrc = '';



		if(!this.options.Style.prgs)
			this.options.Style.prgs = {
				'position' : 'absolute',
				'display' : 'block',
				//'top':  '-10px',
				//'left': '-10px',
				'background': '#FFFFFF',
				'border' : '1px solid #D7D8DC',
				'width' : '300px',
				'height' : '150px',
				'font' : 'bold 11px verdana',
				'z-index' : '100'
			};

		//html прогресс бара
		if(!this.options.prgsHtml)
			this.options.prgsHtml = '<br><br><br><div style="text-align:center"><img src="'+this.options.imgSrc+'"><br><br><span id="prgsMsg"></span> <span id="prgsTimer"></span><br/><br/><div id="prgsClose" align="center"><u>закрыть</u></div></div>';


		//html прогресс бара
		//if(!this.options.prgsHtml)
		//	this.options.prgsHtml = '<span id="prgsMsg"></span> <span id="prgsTimer"></span><br/><br/><div id="prgsClose" align="center"><u>закрыть</u></div>';


		this.disableDiv = this.create();

		this.prgs = $('prgsWin');
		this.prgsTimerElm = $('prgsTimer');
		this.prgsMsg = $('prgsMsg');
		this.prgsClose = $('prgsClose');
		this.prgsIfr = $('prgsIfr');


		this.prgsClose.addEvent('click', function(event)
		{
			this.hide();
		}.bindWithEvent(this));		

	},

	enable : function(options)
	{
		if(options)
			this.initialize(options);

		this.disable = false;
	},
	disable : function()
	{
		this.disable = true;
	},

	timer : function(time) {
		var dt = new Date();
		if (!time) {
			this.iTimer = $clear(this.iTimer); // Снимаем таймаут
			this.prgsTimerElm.innerHTML = '';
			time = dt.getTime();
		}
		var numberCount = 1;
		var dtLen = this.options.deltaTime.toString().length;
		if(dtLen < 4)		
			numberCount = 4 - dtLen;		



		var dtime = (dt.getTime() - time)/1000;
		this.prgsTimerElm.innerHTML = dtime.toDecimals(numberCount);
		if((dtime > this.options.timeToClose) && !this.bShowedClose)
		{
  			this.bShowedClose = 1;
  			this.showClose();
		}
		if (!this.iTimer)
		{
  			this.iTimer = this.timer.periodical(this.options.deltaTime, this, time);
  			this.bShowedClose = 0;
  		}
	},

	show : function(msg) 
	{
		if (this.disable) 
			return;

		if (!msg) 
			msg = 'wait...';

		this.disableUserActions();
		this.hideClose();
		this.prgsMsg.setHTML(msg);
		//this.prgs.setStyle('display','block');

		//центруем
		var prgsPrams = this.prgs.getCoordinates();
		var top = (window.getScrollTop() + (window.getHeight()-prgsPrams.height)/2);
		var left = (window.getScrollLeft() + (window.getWidth()-prgsPrams.width)/2);


		this.prgs.setStyle('top', top+'px');
		this.prgs.setStyle('left', left+'px');

		this.prgsIfr.setStyle('top', top+'px');
		this.prgsIfr.setStyle('left', left+'px');

		this.timer();
	},
	
	hide : function() 
	{
		if (this.disable) 
			return;

		this.iTimer = $clear(this.iTimer); // Снимаем таймаут
		//this.prgs.setStyle('display', 'none');
		this.enableUserActions();
		//this.hideClose();
//		this.progress.removeEvents('blur');
	},

	hideClose : function ()
	{
		this.prgsClose.setStyle('display', 'none');
	},
	showClose : function ()
	{
		this.prgsClose.setStyle('display', '');
	},

	disableUserActions : function() 
	{
		var bodyNode = $$("body")[0];
		var winSize = bodyNode.getSize();

		//this.disableDiv.setStyle('width',  (winSize.size.x - 5) + 'px');
		//alert("client_h=" + document.body.clientHeight + " offsetH=" + document.body.offsetHeight + " offsetTop=" + document.body.offsetTop + " scrollHeight=" + document.body.scrollHeight);
		this.disableDiv.setStyle('height', (window.getScrollHeight() - 5) + 'px');//winSize.size.y
		this.disableDiv.setStyle('width',  '100%');
		//this.disableDiv.setStyle('height', '100%');


		this.disableDiv.setStyle('display', '');
        
	},
	enableUserActions : function() 
	{
		this.disableDiv.setStyle('display', 'none');        
	},

	create : function() 
	{
		
		var disableDivNode = new Element("div");	
		disableDivNode.setStyles({
			'position' : 'absolute',
			'background' : 'url("/pics/spacer.gif") no-repeat',
			'top':  '0px',
			'left': '0px',
			'display' : 'none'
			//'width' : '100%'
			//'height' : '100%',
			//'border' : '1px solid red'
		});

		disableDivNode.addEvent('click', function(){return false;});
		$$("body")[0].adopt(disableDivNode);
		
		//<iframe width="200" frameborder="0" src="" height="300" class="gg"></iframe>

		var ifrNode = new Element("iframe");
		ifrNode.setStyles({
			'frameborder': '0',
			'height': this.options.Style.prgs.height,
			'width' : this.options.Style.prgs.width,
			'position' : 'absolute',
			'z-index' : '50'
			});
		ifrNode.setProperty('id', 'prgsIfr');
		disableDivNode.adopt(ifrNode); // div.injectBefore($$("body")[0].getFirst());
	

		var winDivNode = new Element("div");
		winDivNode.setProperty('id', 'prgsWin');

		winDivNode.setStyles(this.options.Style.prgs);
		winDivNode.setHTML(this.options.prgsHtml);
		disableDivNode.adopt(winDivNode); // div.injectBefore($$("body")[0].getFirst());
		return disableDivNode;
	}
};