function Scroller(elementId,imageList,imageWidth, carouselWidth, screenWidth)
{
	this.padding=0
	this.elementId=elementId;
	this.imageList=imageList;
	this.imageWidth = imageWidth+2*this.padding
	this.screenWidth=screenWidth
	this.carouselWidth=carouselWidth
	this.omegadelta=0.001
	var txt=""
	var imid = 0
	for( image in this.imageList )
	{		
		txt+="<a href='"+this.imageList[image].linkUrl+"'><image  border='0' align='top' id='"+imid+"_"+elementId+"' name='"+imid+"_"+elementId+"' src='"+this.imageList[image].imageUrl+"' style='position:relative; width:"+imageWidth+"px; padding-top:20px' /></a>"
		imid++
	}
	
	var start ="<div onclick='scroller.Kick()'  id='picturediv_"+elementId+"' style='overflow:hidden;  position:relative; left:0px;  height:"+2*this.imageWidth+"px; width:"+this.imageWidth*this.imageList.length+"px'>"
	txt=start+txt+"</div>"

	this.container = document.getElementById(this.elementId)
	this.container.innerHTML=txt
	this.omega=0.0
	this.count=0

	this.ToOSystem=function( x, y, i, w)
	{
		return new Array( x+i*w, y)
	}
	
	this.Kick=function()
	{
		this.omegadelta=0.001
	}

	this.ToISystem=function(x,y,i,w)
	{
		return new Array(x-i*w, y)
	}
	

	this.Scroll = function()
	{
		for(i=0;i<this.imageList.length;i++)
		{	
			img = document.getElementById(''+i+"_"+this.elementId)
			var theta = 2*3.1415/this.imageList.length
				
			var imagecoords = this.ToISystem( this.screenWidth/2-this.imageWidth/2+(this.carouselWidth)/2*Math.cos(i*theta+this.omega),0,i,this.imageWidth)
			
			img.style.left = imagecoords[0]+"px"
			img.style.zIndex=''+Math.round(this.imageList.length*Math.sin(i*theta+this.omega))
			this.omega+=this.omegadelta
			//this.omegadelta = this.omegadelta*0.999
			//if( this.omegadelta<0.0001 ) this.omegadelta=0.0

			if( this.omega>2*3.1415) this.omega-=2*3.1415					
		}
		var me =this	
		setTimeout(function() { me.Scroll(); },30);
	}

	this.StartScrolling = function()
	{
        var me=this	
		setTimeout(function() { me.Scroll(); },30);
	}

	
}