$(function(){
	
	//create projects nav
	$('#nav .projects').empty();
	$('#projects > div > h2').each(function(index){
		$('#nav .projects').append('<li><a href="#">'+$(this).text()+'</a></li>');
	});
	$('#nav .projects a').click(function(){
		viewContent($(this),'project');
	});
	
	//create section nav
	$('#nav .sections').empty();
	$('#sections > div > h2').each(function(index){
		$('#nav .sections').append('<li><a href="#">'+$(this).text()+'</a></li>');
	});
	$('#nav .sections a').click(function(){
		viewContent($(this),'section');
	});
	
	//view welcome content
	viewContent($('#nav .sections a:first'),'section');
	
});

var slideIndex = 0;
var slideMax = 0;

function viewContent(elem,mode)
{
	$('#nav .active').removeClass('active');
	$(elem).addClass('active');
	$('#content').empty();
	var index = $(elem).parent().index();
	
	if(mode == 'section'){
		$('#content').append($('#sections > div:eq('+index+') div').html());
	}
	
	if(mode == 'project'){
		slideIndex = 0;		
		$('#content').append($('#projects > div:eq('+index+')').clone());
		slideMax = $('#content ol li').length;
		$('#content ol').wrap('<div class="scrollable" />');
		$('#content ol').css('width',(slideMax * 800)+'px');
		$('#content ol li').click(function(){
			advanceSlide(1);
		});
		var r = '<ul id="slidenav"><li><a href="#" class="prev">< prev</a></li>';
		for(var i=0;i<slideMax;i++){
			r += '<li><a href="#" class="slide">'+(i+1)+'</a></li>';
		}
		r += '<li><a href="#" class="next">next ></a></li></ul>';
		$('#content > div').prepend(r);
		$('#content a.prev').click(function(){
			advanceSlide(-1);
		});
		$('#content a.next').click(function(){
			advanceSlide(1);
		});
		$('#content a.slide').click(function(){
			slideIndex = $(this).parent().index() - 1;
			viewSlide();
		});
		viewSlide();
	}
	$('#content').css('opacity',0);
	$('#content').animate({opacity:1.0},250);
	
}

function advanceSlide(dir)
{
	switch(true)
		{
			case slideIndex + dir > slideMax - 1:
				slideIndex = 0;
			break;

			case slideIndex + dir < 0:
				slideIndex = slideMax - 1;
			break;

			default:
				slideIndex += dir;
			break;
		}
		viewSlide();
}

function viewSlide()
{
	$('#content .scrollable ol').animate({left:-slideIndex*800},250);
	$('#slidenav .active').removeClass('active');
	$('#slidenav a.slide:eq('+slideIndex+')').addClass('active');
}