var animation=false;
var target=0;
var speed=0;
var objAnim;
var position=0;

function initialize(id)
{
	var obj = document.getElementById(id).getElementsByTagName('li');
	var newNode=obj[0].cloneNode(true);
	document.getElementById(id).getElementsByTagName('ul').item(0).appendChild(newNode);
	var obj = document.getElementById(id).getElementsByTagName('li');
	for(a=0;a<obj.length;a++) { obj[a].style.left=250*a+'px'; 	}
}

function prevPhotoAnim(id)
{
	if(!animation)
	{
		var obj = document.getElementById(id).getElementsByTagName('li');
		var nr=0;
		for(a=0;a<obj.length;a++)
		{
			if(obj[a].className=='show') { nr=a; }
			obj[a].className='';
		}
		if(nr==0){nr=obj.length-1;}
		position=-nr*250;
		nr--;
		if(nr<0){nr=obj.length-2;}
		obj[nr].className='show';
		
		target=nr*250;
		speed=23;
		animation=true;
		objAnim=document.getElementById(id);
		stepAnimation();
	}
}

function nextPhotoAnim(id)
{
	if(!animation)
	{
		var obj = document.getElementById(id).getElementsByTagName('li');
		var nr=0;
		for(a=0;a<obj.length;a++)
		{
			if(obj[a].className=='show') { nr=a; }
			obj[a].className='';
		}
		if(nr>=obj.length-1){nr=0;}
		position=-nr*250;
		nr++;
		if(nr>obj.length-1){nr=obj.length-1;}
		obj[nr].className='show';
		
		target=nr*250;
		speed=-23;
		animation=true;
		objAnim=document.getElementById(id);
		stepAnimation();
	}
}

function stepAnimation()
{
	if(position!=-target)
	{
		if(speed<0){speed++; if(speed>-1){speed=-1;}}
		else {speed--; if(speed<1){speed=1;}}
		position+=speed;
		var ul = objAnim.getElementsByTagName('ul').item(0);
		ul.style.left=position+'px';
		setTimeout('stepAnimation()', 20);
	}
	else
	{
		var ul = objAnim.getElementsByTagName('ul').item(0);
		ul.style.left=-target+'px';
		animation=false;
	}
}