/**
 * 
 * @param {Element} container
 * @class
 */
jslt.Progress = function(container){
	/**
	 * @type {Element}
	 */
this.outDiv=document.createElement("div");
container.appendChild(this.outDiv);
this.outDiv.className="jsltProgressOuter";
this.outDiv.style.display="none";
this.documentDiv=$('<div/>')
.addClass('elAbsolute')
.addClass('documentDiv')
.css('display','none')[0]
document.body.appendChild(this.documentDiv)
this.inDiv=document.createElement("div")
this.inDiv.className="jsltProgressInner"
this.outDiv.appendChild(this.inDiv)
this.textDiv=document.createElement("div")
this.outDiv.appendChild(this.textDiv)
this.textDiv.className="jsltProgressText"
};
jslt.Progress.prototype={
	outDiv:null,
	inDiv:null,
	updateCnt:0,
	intervalPointer:null,
	//czy zahamować interaktywność strony
	stopDocument:false,
	start:function(text){
		$(this.outDiv)
		.css("display",'block');
		if(this.stopDocument){
			$(this.documentDiv).css("display",'block')
			.width($(document).width())
			.height($(window).innerHeight())
			.css('left',-$(this.outDiv).offset().left)
			.css('top',0)/*-$(this.outDiv).offset().top*/
			.click(function(e){
				e.stopPropagation()
			})
		}
		//$(this.outDiv).css("top",$(document).scrollTop())
		//.css("left",-$(this.outDiv).scrollLeft());
		
		$(this.outDiv)
		.css("top",$(document).scrollTop()+$(document).height()-$(this.outDiv).height())
		.width($(document).width())
		
		if(text!=undefined){
			this.textDiv.innerHTML=text
			$(this.textDiv).css("left",$(this.inDiv).width()/2-$(this.textDiv).width()/2)
		}
		//console.log()
		//this.intervalPointer=setInterval(function(ref){ref.update()},100,this)
	},
	update:function(){
		this.inDiv.style.backgroundPosition=((-this.updateCnt)+"px 0px")
		this.updateCnt++
	},
	stop:function(){
		clearInterval(this.intervalPointer)
		this.outDiv.style.display="none";
		this.textDiv.innerHTML=""
		$(this.documentDiv).css("display",'none')
	}
}