var total_items = 4;
var	fade_time	= 1000;
var	cur_pos		= 1;
var new_i		= 0;
var	clicks		= 0;

var	cycle		= true;
var	cycle_time	= 4500;

$( '#project-thumbs li img' ).live( 'click', function()
{
	var get_ref = $(this).parent().find( '.thumb-pointer' ).attr( 'class' ).substring( 15, 16 );	
		cycle	= false;
		clicks += 1;
	
	fadeToItem( get_ref, 'click' );
});

function fadeToItem( i, type )
{
		new_i	= i % ( total_items + 1 );
	
	if( new_i == 0 ) new_i = 1;
	
	if( new_i != cur_pos && ( type == 'click' || ( clicks == 0 && cycle == true ) ) )
	{
		// Fade out the old items
		$( '.p' + cur_pos ).hide();
		
		// Fade in new item
		$( '.p' + new_i ).fadeIn( fade_time );
		
		// Scroll to ipad location
		$( '#ipad-image-wrapper' ).animate( {scrollLeft: (new_i*296)}, 'slow' );
		$( '#ipad-image-wrapper' ).scrollLeft( 50 );
		
		cur_pos = new_i;
	}
	
	if( cycle == true )
	{
		setTimeout( "fadeToItem( " + ( cur_pos + 1 ) + ", 'auto' )", cycle_time );
	}
}

$( function()
{
	total_items = $( '.project' ).size();
	
	if( cycle == true )
	{
		setTimeout( "fadeToItem( 2, 'auto' )", cycle_time );
	}
});