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



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);
	$("#nav_box li").attr('class','');
	$("#nav_box_"+id).attr('class','aktiv');
	
	
	$( "#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:first").attr('class','aktiv');
	
	$( "#nav_box li" ).click(function()
	{
		id = $(this).attr("id");
		id = id.split("_");
		id = id[2];

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

	timer = setTimeout("diashow()", duration);
	/*if( $( "#slideBox").length > 0 )
	{
		$( "input" ).attr("id", "nav_1");
	}
	
	$( "a#slide_next img" ).click(function()
	{
		//id = $(this).attr("id");
		id = $( "input" ).attr("id");
		id = id.split("_");
		id = id[1];
		if( id < $( "#slideBox li").length )
		{
			id++;
		}
		else
		{
			id = 1;
		}

		switchBox( id );
		$(this).attr("id", "nav_"+id);
		$( "a#slide_prev img" ).attr("id", "nav_"+id);
		$( "input" ).attr("id", "nav_"+id);
		
		return false;
	});
	
	$( "a#slide_prev img" ).click(function()
	{
		//id = $(this).attr("id");
		id = $( "input" ).attr("id");
		id = id.split("_");
		id = id[1];
		if( id > 1 )
		{
			id--;
		}
		else
		{
			id = $( "#slideBox li").length;
		}

		switchBox( id );
		$(this).attr("id", "nav_"+id);
		$( "a#slide_next img" ).attr("id", "nav_"+id);
		$( "input" ).attr("id", "nav_"+id);
		
		return false;
	});*/
	
});