function clear()
{
   for(i=1;i<=11;i++)
   {
      jpg("img" + i.toString(), "design/phbtn");
   }
}

var i = 1;
function swapum()
{
	if( i > 11 )     i = 1 ;

	jpg("img" + i.toString(), "design/phbtnOn");
	jpg("photo","images/img" + i.toString());
	
	i++;
}

function stop(){
    if(_running){ 
	clearTimeout(_timerID);
	}
    _running = false;
}

function on(i)
{
	clear();
	_Final_Image = i;
	_Current_Image = 1;
	jpg("img" + i.toString(), "design/phbtnOn");
	jpg("photo", "images/img" + i.toString());
}

function jpg(id,path){
	document.images[id].src=path + ".jpg";
}

var _counts = 30;
var _timerID = null;
var _running = true;
var _delay = 10;
var _Current_Image = 1;
var _Final_Image = 1;
var sProgress = new String("|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||");

function getNextImage(){
	_Current_Image++;
	if (_Current_Image < _Final_Image ){
		return _Current_Image ;
	}
}

function start(){
    if (_counts ==0)
    {
	clearTimeout(_timerID);
	self.status = "";
	_timerID = self.setTimeout("start()", 2000)
    }
    else
    {
	clear();
	swapum();
	_delay=20;
	_counts = _counts - 1;
	self.status = sProgress.substr(0,_counts);
	jpg("img" + i.toString(), "design/phbtnOn");
	jpg("photo","images/img" + i.toString());

        _running = true;
        _timerID = self.setTimeout("start()", _delay)
    }
}