$extend( Page, {

	_currentSlide: 'first',
	
	_stopSlides: false,
	
	initSlides: function()
	{
		var switchSlides = (function() {
		
			if ( Page._stopSlides )
			{
				$clear( switchSlides );
				return;
			}
			
			var slide = Page._currentSlide;
			
			switch( slide )
			{
				case 'first': Page.switchSlide( 'second' ); break;
				case 'second': Page.switchSlide( 'third' ); break;
				case 'third': Page.switchSlide( 'fourth' ); break;
				case 'fourth': Page.switchSlide( 'first' ); break;
			}
		
		}).periodical( 5000 );
		
		$( 'first_slide' ).addEvent( 'mouseenter', (function() { Page._stopSlides = true; Page.switchSlide( 'first' ) }) );
		$( 'second_slide' ).addEvent( 'mouseenter', (function() { Page._stopSlides = true; Page.switchSlide( 'second' ) }) );
		$( 'third_slide' ).addEvent( 'mouseenter', (function() { Page._stopSlides = true; Page.switchSlide( 'third' ) }) );
		$( 'fourth_slide' ).addEvent( 'mouseenter', (function() { Page._stopSlides = true; Page.switchSlide( 'fourth' ) }) );
	},
	
	switchSlide: function( slide )
	{
		if ( Page._currentSlide == slide )
			return;
		
		Page._currentSlide = slide;
		
		var slidesToHide = [ 'first', 'second', 'third', 'fourth' ];
		
		slidesToHide.erase( slide );
		
		var $target = $( slide + '_slide' );
		
		$target.get( 'morph' )
			.setOptions({ transition: 'quad:in:out', duration: 500 })
			.start({ 'width': '643px', 'background-color': '#404040' })
			.chain( function() {
				
				var $story = $target.getElement( '.story' );
				
				$story.show().setOpacity(0).fade(1);
				
				$target.addClass( 'selected' );
				
			});
			
		// Special case (so the far right has the correct bg colour when the third slide is active)
		$( 'feature-content' )
			.get( 'morph' )
			.setOptions({ transition: 'quad:in:out', duration: 500 })
			.start({ 'background-color': ( slide == 'fourth' ? '#404040' : '#AB1E1B' ) });
		
		$target.setStyle( 'cursor', 'default' );
		
		slidesToHide.each( function( s ) {
		
			var $slide = $( s + '_slide' );
			
			$slide.getElement( '.story' ).hide();
			
			$slide.get( 'morph' )
				.setOptions({ transition: 'quad:in:out', duration: 500 })
				.start({ 'width': '90px', 'background-color': '#AB1E1B' })
				.chain( function() {
					
					$slide.removeClass( 'selected' );
					
				});
			
			$slide.setStyle( 'cursor', 'pointer' );
			
		});
	}

});

whenReady(function(){

	Page.initSlides();
	
	Asset.javascript( "http://twitter.com/javascripts/blogger.js", { type: 'text/javascript', language: 'javascript' } );
	Asset.javascript( "http://api.twitter.com/statuses/user_timeline/lowdownonline.json?callback=twitterCallback2&count=1", { type: 'text/javascript', language: 'javascript' } );

});