$(function(){
	var url = location.href;
	
	$('.scroll-pane').jScrollPane({verticalGutter: 10});
	
	$('#projectlistnav ul li > a').click(function(){
		var target = $(this).siblings('div');
		var arr = new Array();
		target.find('div span').each(function(){
			arr.push($(this).attr('data-src'));
		});
		$('#projectlistnav ul li > a').each(function(){
			$(this).removeClass('active');
		});
		$(this).addClass('active');
		$('#hero').html('<img src="'+arr[0]+'" alt="">');
		$('#hero img').css({'opacity':0}).delay(500).animate({'opacity':1},500);
		$('#projectname').html($(this).html());
		
		$('.aside nav').html('');
		for (var i=0; i<arr.length; i++){
			$('.aside nav').append('<img src="'+arr[i]+'" alt="">');
		}
		$('.aside nav').prepend('<p></p>');
		$('.aside nav p').html(target.find('p').html());
		$('.aside nav img').hover(
			function(){
				$('#hero').html('<img src="'+$(this).attr('src')+'" alt="">');
			},
			function(){
				// nothing
			}
		);
	});
	
	// select a list item
	if ($("#projectlistnav").length > 0){
		if (url.indexOf('#') != -1){
			// select from url anchor
			var hash = url.substring(url.indexOf('#'));
			$('#projectlistnav ul a[href|="'+hash+'"]').click();
		} else {
			// select first item in section nav - default
			$('#projectlistnav ul li:first-child a').click();
		}
	}
});