var progress = 100;
function showProgressOverlay(){	
	$('messages').innerHTML = "Uploading files in progress...";	
	$('upload_file_name').innerHTML = "";
	$('file_size').innerHTML = "";
	$('file_size_uploaded').innerHTML = "";
	$('upload_percent').innerHTML = "0% done...";
	
	$('message_overlay').style.display = 'block';
	$('message_section').style.display = 'block';
	$('upload_status_section').style.display = 'block';
	progress = 100;
	$( 'progress_bar' ).style.left = '-' + progress + '%';	
	
	//setTimeout("pupd()", 500); //Testing progress. un-comment this to demo.	
}

function hideProgressOverlay(){
	$('upload_status_section').style.display = 'none';
	$('message_section').style.display = 'none';
	$('upload_file_name').innerHTML = "";
	$('file_size').innerHTML = "";
	$('file_size_uploaded').innerHTML = "";
	$('upload_percent').innerHTML = "";
	progress = 100;
	progress = 100;
	$( 'progress_bar' ).style.left = '-' + progress + '%';		
}

function showMessageOverlay(){
	$('messages').innerHTML = "";	
	$('upload_file_name').innerHTML = "";
	$('file_size').innerHTML = "";
	$('file_size_uploaded').innerHTML = "";
	$('upload_percent').innerHTML = "";
	
	$('message_overlay').style.display = 'block';
	hideProgressOverlay();
	$('message_section').style.display = 'block';
}

function hideMessageOverlay(){
	$('message_overlay').style.display = 'none';
	$('upload_status_section').style.display = 'none';
	$('messages').innerHTML = "";	
}