var dynamicAttacherObj;
var state = -1;
var canvas;

function showProgressBar() {
	state = 0;
	// updateProgress();
	$('prgBar').innerHTML ="<img src='progress.gif'>";
}
function hideProgressBar()
{
	state = -1;
	$('prgBar').innerHTML= "";
	state = -1;
}

function updateProgress()
{
    if( state > -1 )
    {
	x = 10;
        wl = state * x;
	wr = (10 - state) * x;

	wi = x;

	obj = document.getElementById('prgBar');
		
	obj.innerHTML="<IMG src='prg-empty.gif' height=10 width=" + wl +">" +	
			"<IMG src='prg-filled.gif' height=10 width=" + wi +">" +
			"<IMG src='prg-empty.gif' height=10 width=" + wr +">" ;

	state++;
	state = state % 10;
    	setTimeout("updateProgress()", 1000);
    } 
}