// Banner Rotator
		$(document).ready( function()
			{
				$("#preamble").each( function (i) {
					
					var autoScrollTimer
					var index = 0;
					var scroller = $(this).css({position: "relative", overflow: "hidden" })
					var controlWidth = parseInt(scroller.css("width"))
					var items = scroller.children("a")
					
				
					var scrollPane = $("<div class=\"scroller\"></div>").append( items ).appendTo( this ).css({width: (controlWidth*items.length), position: "relative"})
				
					if (items.length>1)
					{
						items.each( function (i) {
							$(this).css("width", controlWidth).css("float","left")
						} ) 
					}
					
					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)}, 10000 )
					}

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


// Development Rotator		
		
		$(document).ready( function()
		{
			$(".property-list").each( function (i) 
			{
				var list = $("ul",this)[0]
				var items = $("li",list);
				var itemsPerPage = 3;

				var pages = Math.ceil(items.length/itemsPerPage)
				var page = 0;
				
				
				var itemWidth = items[0].clientWidth
				var pageWidth = (itemWidth * itemsPerPage)
				
				$(list).css({"position": "relative", "width": ((pages*itemsPerPage) * itemWidth)});
			
				var scrollPane = $("<div class=\"scroller\"></div>").insertBefore( list ).append(list)
				var pagingPane = $("<div class=\"paging\"></div>").insertAfter( list )
				
				if (pages>0)
				{
					$("<a class='prev' href='#'>Previous</a>").appendTo( this ).bind("click", function(e) { scrollTo( page-1 ); e.preventDefault(); return false })
					$("<a class='next' href='#'>Next</a>").appendTo( this ).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
					$(list).stop();
					$(list).animate({left: -end +"px"},350)
				}				
			} )
		} )