// Development Rotator		

		

		$(document).ready( function()

		{

			$("#content").each( function (i) 

			{

				var substance = $(".gallery", this);
				var items = $("img",substance);
				var itemsPerPage = 1;
				var pages = Math.ceil(items.length/itemsPerPage)
				var page = 0;
				var itemWidth = 623
				var pageWidth = (623 * itemsPerPage)
				$(substance).css({"position": "relative", "width": ((pages*itemsPerPage) * itemWidth)});
				var scrollPane = $("<div class=\"scroller\"></div>").insertBefore( substance ).append(substance)
				var pagingPane = $("<div class=\"paging\"></div>").insertAfter( substance )
				if (pages>0)
				{
					items.each( function (i) 
					{
						if (i<pages)
						{
						$("<a href='#' class=\"page\">" + (i+1) + "</a>").appendTo( pagingPane ).bind("click", function() { scrollTo( i ); return false })
						}
					} ) 
					$("<a class='next' href='#'>Next</a>").appendTo( scrollPane ).bind("click", function(e) { scrollTo( page+1 ); e.preventDefault(); return false })
				}

				function scrollTo( newPage )
				{		
					switch (newPage)
					{
						case pages: page = 0; break;
						case -1: page = pages-1; break;
						default: page = newPage; break;
					}
					var end = page * pageWidth
					$(substance).stop();
					$(substance).animate({left: -end +"px"},350)
				}				
			} )
		} )