function progressBar(){
	var div = document.getElementById('progressBar');	

	var subDiv = document.createElement('DIV');
	div.appendChild(subDiv);
	subDiv.style.position = 'absolute';
	subDiv.className='progressBar_parentBox';
	subDiv.style.left = '0px';
        
        for(i=0;i<20;i++){
		var progressBarSquare = document.createElement('DIV');
		progressBarSquare.className='progressBar_square';
		subDiv.appendChild(progressBarSquare);
        }

	//progressBarMove();
	hideProgressBar();

}

function hideProgressBar(){
	document.getElementById('progressBar').style.visibility = 'hidden';

}

function startProgressBar(){
	var div = document.getElementById('progressBar').getElementsByTagName('DIV')[0];
	div.style.left = '-100px';
	document.getElementById('progressBar').style.visibility = 'visible';
}

function progressBarMove(){
        var div = document.getElementById('progressBar').getElementsByTagName('DIV')[0];	
	var left = div.style.left.replace('px','')/1;
	left = left + 1;
	if(left > div.parentNode.clientWidth)left = 0 - div.clientWidth;
	div.style.left = left + 'px';

	setTimeout('progressBarMove()',5);

}