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

					if (items.length>1)
					{
						var html = $("<div class='nav-scroll'></div>").appendTo(this)
						$("<a class='prev' href='#'>Previous</a>").appendTo( html ).bind("click", function(e) { scrollTo( index-1 ); return false })
						$("<a class='next' href='#'>Next</a>").appendTo( html ).bind("click", function(e) { scrollTo( index+1 ); return false })
					}
					
					scroller.bind("mouseover", function() { pause() } )
					scroller.bind("mouseout", function() { play() }  )
					
					play()

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

					function scrollTo( newIndex )
					{						
						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();
						scrollPane.animate({left: -end +"px"},350)
					}

				} )
			}
		)