( function( $ ) {
	
	$( function() {
		
		function populateSlidePicker() {
			
			var portfolioImages = $( '.portfolio-images' );
			
			portfolioImages.show();
									
			var portfolioImagesCount = portfolioImages.find( 'img' ).length;
			
			var slidePicker = $( 'ul.slide-picker' );
			
			for ( var i = 0; i < portfolioImagesCount; i++ ) {

				slidePicker.append( '<li><a href="#">' + i.toString() + '</a></li>' );
								
			}
			
			slidePicker.find('a').each( function( i, x ) {
				
				var cache = $( x );
				
				cache.click( function() {
					
					slidePicker.find( 'a' ).removeClass( 'active' );
					
					$( this ).addClass( 'active' );
					
					var parts = $( '.portfolio-images img:eq(' + i.toString() + ')' ).parent( 'a' ).parent( 'li' ).attr( 'title' ).split('[||]');
					
					if ( parts[0].substring( 0, 7 ) == 'http://' ) {
						var url = parts[0].substring( 7 );
						var html = '<p><em><a href="' + parts[0] + '" target="_blank">' + url + '</a></em>' + parts[1] + '</p>';
					}
					else {
						var html = '<p><em>' + parts[0] + '</em>' + parts[1] + '</p>';
					}
										
					var sliderCol1 = $( '.grid_slider_col1' );

					sliderCol1.find( 'p' ).remove();

					sliderCol1.append( html );					
					
					portfolioImages.animate( { left: -(620 * i).toString() + 'px' }, 500, 'easeOutQuad' );
					
				});
			
				if ( i == 0 ) { cache.click(); }
								
			});

		}
		
		var selectedSlide = 0;
		
		function beginAuto() {
			
			var slidePicker = $( 'ul.slide-picker' );
			var slideCount = $( 'ul.slide-picker a' ).length;
			$.doTimeout( 8000, function(){
				selectedSlide += 1;
				var a = $( 'ul.slide-picker a' ).get( selectedSlide % (slideCount) );
				$( a ).click()
				
				return true;
			});
			
		}
		
		populateSlidePicker();
		beginAuto();
		
	});
	
})( jQuery );