jQuery(function( $ ){
	$items = $('ul.portfolio-items').css('height',470);
	$portfolioNavigation = $('<div class="portfolio-navigation"></div>').insertBefore('.portfolio-items');
	$('li', $items).each(function(i){
		$('<img id="' + i + '" src="images/home/news-icon.gif" class="nav-image" />')
			.click( function(){
				$current = $(this);
				if ( $('li:eq(' + this.id + ')', $items).is(':hidden'))
				{
					$items.find('li:visible').slideUp( 800 ).end().find('li:eq(' + this.id + ')').slideDown( 800 );
					$('.nav-image').css('opacity', 1);
					$(this).css('opacity', 0.5);
					clearTimeout ( lastclick );
					lastclick = setTimeout(nextslide, 17000);
				}
				else
				{
//alert('visible!');
				}
			})
			.css('cursor', 'pointer')
			.appendTo($portfolioNavigation);
	})
	$('.nav-image:eq(0)').css({'opacity':0.5}); 
	$('li:gt(0)', $items).hide();
	
	
	$current = $('img.nav-image:eq(0)');
	
	function nextslide()
	{
		if ($current.next().size()==1)
		{
			$current.next().click();
		}
	}
	
	lastclick = setTimeout(nextslide, 17000);	
});