$(document).ready( function()
			{
				$(".ui-scroller").each( function (i) {
					
					var autoScrollTimer
					var jThis =  $(this)
					var index = 0;
					var scroller = jThis.css({position: "relative", overflow: "hidden" })
					var controlWidth = scroller.innerWidth()
	
					var items = scroller.children().css({"width": controlWidth, "float": "right"})
					var scrollPane = $("<div class=\"scroller\"></div>").append( items ).appendTo( this ).css({width: (controlWidth*items.length), position: "relative" })

					if (!jThis.hasClass("no-controls"))
					{
						if (items.length>1)
						{
							$("<a class='prev' href='#'>Previous</a>").appendTo( this ).bind("click", function(e) { scrollTo( index-1 ); e.preventDefault(); return false })
							$("<a class='next' href='#'>Next</a>").appendTo( this ).bind("click", function(e) { scrollTo( index+1 ); return false })
						}
						scroller.bind("mouseover", function() { pause() } )
						scroller.bind("mouseout", function() { play() }  )
					}
					
					scrollTo(0, true)
					play()

					function pause()
					{
						if (autoScrollTimer) autoScrollTimer = clearInterval( autoScrollTimer ) 
					}
					
					function play()
					{
						pause()
						autoScrollTimer = setInterval( function() { scrollTo(++index)}, 5000+i*500 )
					}

					function scrollTo( newIndex, noAnim )
					{						
						switch (newIndex)
						{
							case -1: index = items.length-1; break;
							case items.length: index = 0; break;
							default: index = newIndex; break;
						}
						
						var end = index * controlWidth
												
						scrollPane.stop();
						if (noAnim)
						{
							scrollPane.css({left: -end +"px"})
						}
						else
						{
							scrollPane.animate({left: -end +"px"},350)
						}
					}

				} )
			}
		)