var z			= 1000;
var id			= 1;
var duration	= 5000;


function switchBox( id )
{
	$( "#box_"+id).hide();
	$( "#box_"+id +" .box").hide();
	$( "#box_"+id ).css("z-index", z);
	// $( "#box_"+id ).show();

	$("#nav_box li").fadeTo(500, 0.2);
	$("#nav_box_"+id ).fadeTo(500, 1);
	
	$( "#box_"+id +" .box" ).fadeIn(1000);
	$( "#box_"+id ).fadeIn(500);
	z += 10;
}

function diashow()
{
	if( id < $( "#slideBox li").length )
	{
		id++;
	}
	else
	{
		id = 1;
	}
	
	switchBox( id );
	timer = setTimeout("diashow()", duration);
}

$(document).ready(function()
{
	$("#nav_box li:not(:first)").css('opacity','0.2');
	
	$( "#nav_box li" ).click(function()
	{
		id = $(this).attr("id");
		id = id.split("_");
		id = id[2];

		clearTimeout( timer );
		switchBox( id );
	});

	timer = setTimeout("diashow()", duration);
});