jQuery(document).ready(function () {
	var currentPanel = 0;

	$('#scrollToMenu a:first').addClass('ui-corner-tl');
	$('#scrollToMenu a:last').addClass('ui-corner-bl');

	$('#scrollToMenu a[scrollTo=0]').addClass('selected');

	$('#scrollingPanel div').addClass('ui-corner-all');
	$('#scrollingPanel div[projectID!=0]').fadeTo(0, 0.25);

	$('#scrollToMenu a').hover(
		function() {
			$(this).addClass('hovered');
		}, function() {
			$(this).removeClass('hovered');
		});
	
	$('#scrollToMenu a').click( function() {
	
		var scrollingPanel = $('#scrollingPanel'),
			scrollToIndex = $(this).attr('scrollTo'),
			currentPanelDIV = $('#scrollingPanel div[projectID=' + currentPanel + ']'),
			activePanelDIV = $('#scrollingPanel div[projectID=' + scrollToIndex + ']'),
			scrollToMargin = (((parseInt(scrollToIndex) * 630)) * -1);
		
		$('#scrollToMenu a[scrollTo='+currentPanel+']').removeClass('selected');
		$(this).addClass('selected');
		
		currentPanelDIV.fadeTo(0, 0.25, function() {
			scrollingPanel.animate({ 'margin-left': scrollToMargin }, 300, function() {
				activePanelDIV.fadeTo(100, 1);
			});
		});
		
		currentPanel = scrollToIndex;
		return false;
	});
	
});