var latest  = null;

function show( index ) {	
	jQuery('#next').addClass('i'+index);
	latest = index;
	jQuery('#next').hide().fadeIn( 'slow', function () { 
		jQuery('#project').removeClass('i1 i2 i3 i4 i5 i6').addClass('i'+latest).show(); 
		jQuery('#next').removeClass('i1 i2 i3 i4 i5 i6').hide(); } 
	);
	jQuery('#browser li').removeClass('on really-on');
	jQuery('.t'+index).addClass('on really-on');
	return false;
}

var restore = null;

function stop_restore() {
	if(restore) {
		clearTimeout( restore );
		restore = null;
	}
}

function start_restore() {		
	restore = setTimeout( "do_restore()", 500 );
}

function do_restore() {
	jQuery('.really-on').addClass('on');
}

function setup_browser() {
	$("#browser li").hover(
	      function () {
			stop_restore();
	        $('#browser li').removeClass('on');
	        $(this).addClass('on');
	      }, 
	      function () {
	        $(this).removeClass('on');
			stop_restore();
			start_restore();
	      }
	    );
}