$(document).ready(function(){
	werken();
	nav();
	setTimeout(function(){
		$('#intro embed').hide();
		$('#navwrapper').animate({top: 0});
		$('#intro').fadeOut();
	}, 7000);
});

function werken(){
	$('.werken').click(function(){
		$('#werken').fadeIn();
		return false;
	});
	
	$('.close').click(function(){
		$('#werken').fadeOut();
		return false;
	})
	
	$('.next').click(function(){
		$('#werkencontent').animate({scrollTop: '+=500px'});
		return false;
	})
	
	$('.previous').click(function(){
		$('#werkencontent').animate({scrollTop: '-=500px'});
		return false;
	})
	
	$('div.werkendiv img').each(function(){
		$('div#werken ul').append('<li><a href="#"><img src="'+$(this).attr('src')+'" /></a></li>');
	});
	
	$('div#werken ul li a').hover(function(){
		$(this).animate({opacity: 0.5});
	}, function() {
		$(this).animate({opacity: 1});		
	});
	
	$('div#werken ul li a').click(function(){
		var scrollTo = $('div#werken ul li a').index(this) * 500;
		$('#werkencontent').animate({scrollTop: scrollTo});
		return false;
	});
	
}

function nav(){
	$('#nav>ul>li>a:not(.werken)').click(function() {
		$('#nav>ul>li>a').removeClass('active');
		$(this).addClass('active');
		var scroll = $(this).attr('rel') * $('.subwrapper').width();
		$('#scrollwrapper').animate({scrollLeft: scroll}, 1500);
		return false;
	});
}