$(function() {
	//last element
	$("#nav>li>ul>li:last-child").after('<li class="l">-</li>');
	
	//jquery scoller
	init_slides();
});

var slide_anim = false;
var slide_current = 1;
var slide_auto = false;
var slide_time = 10000;
var slide_speed = "slow";

function init_slides() {
	//add click actions
	$("#nav2 li a").click(function() {
		if( !slide_anim ) {
			var slide = $(this).parent("li").attr("id");
			slide = slide.substr(slide.length - 1, 1);
			if( !slide_anim ) go_slide(slide, true); //only animate if animation is not running
			
			//reset auto slid
			clearInterval(slide_auto);
			//slide_auto = setTimeout("slide_automatic()", slide_time);
		} //end if
		
		return false;
	});
	
	//show first slide
	go_slide(slide_current, false);
	
	//start auto slide
	clearInterval(slide_auto);
	slide_auto = setTimeout("slide_automatic()", slide_time);
	
} //end init_slides()

function go_slide(num, anim) {
	num = num * 1;
	
	//set boundries
	if( num > $(".desc").length ) num = 1;
	else if( num < 1 ) num = $(".desc").length - 1;
	
	//set slide index
	var slide = num - 1;
	
	//mark the navi
	$("#nav2 li").removeClass("on");
	$("#nav2 li:eq(" + slide + ")").addClass("on");
	
	//show content
	if( !anim ) {
		$(".desc").hide();
		$(".desc:eq(" + slide + ")").show();
		$("#header .img img").hide();
		$("#header .img img:eq(" + slide + ")").show();
	} else {
		slide_anim = true;
		$(".desc:eq(" + (slide_current - 1) + ")").fadeOut(slide_speed, function() {
			$(".desc:eq(" + slide + ")").fadeIn(slide_speed, function() { slide_anim = false; });
		});
		$("#header .img img:eq(" + (slide_current - 1) + ")").fadeOut(slide_speed, function() {
			$("#header .img img:eq(" + slide + ")").fadeIn(slide_speed);
		});
	} //end if
	
	//set current slide
	slide_current = num * 1;

} //end go_slide()

function slide_automatic() {
	//clear interval
	clearTimeout(slide_auto);
	
	//start auto slide
	slide_auto = setTimeout("slide_automatic()", slide_time);
	
	//change slide
	go_slide(slide_current + 1, true);
	
} //end slide_automatic()