var project_current = 1;
var project_nav_width = 110;
var project_count = 0;

function setProjectPreview(index) {
	var new_val = index - project_current;
	if (new_val != 0) {
		updateProjectPreview(new_val);
	}
}
function updateProjectPreview(shift) {
	if ($('#project_nav ul:animated').length == 0) {
		$('#project_nav ul a').fadeTo('normal', 0.5);
		project_current = project_current + (shift * 1);
		$('#project_nav ul').animate({ left: '-=' + (shift * project_nav_width) }, 600, 'easeInOutQuad', function(){
			$('#project_nav ul a').removeClass('current');
			$('#project_nav ul a').eq(project_current - 1).addClass('current').fadeTo('normal', 1).click();
		});
		updateProjectNav();
	}
}
function updateProjectNav() {
	// update prev button
	if (project_current <= 1) $('#project_nav .prev').addClass('disabled');
	else $('#project_nav .prev').removeClass('disabled');
	// update next button
	if (project_current >= project_count) $('#project_nav .next').addClass('disabled');
	else $('#project_nav .next').removeClass('disabled');
}
function projectLoading() {
	$('#main_content').html('<img src="a/images/ajax-loader.gif" alt="" />');
}
function projectsReset() {
	projectLoading();
	$('#main_content').load('grid.htm');
	$('#main_nav a').removeClass('current');
	$('#main_nav a.portfolio').addClass('current');
	$('#project_nav').fadeOut();
	$('#project_nav ul a').fadeTo('normal', 0.5);
	$('#project_nav ul a').eq(project_current - 1).addClass('current').fadeTo('normal', 1);
}


$(document).ready(function() {

	// modify css for project grid
	if ($.browser.msie) {
		$('.polaroid:nth-child(3n+1)').css('margin-left', '0');
	}

	// enable background image blend
	$('h1 a, #project_nav .prev, #project_nav .all, #project_nav .next, .polaroid em').blend();
	
	// Project nav
	project_count = $('#project_nav li').length;
	$('#project_nav .prev').click(function(){
		if ( ! $(this).hasClass('disabled')) {
			updateProjectPreview(-1);
		}
		return false;
	});
	$('#project_nav .next').click(function(){
		if ( ! $(this).hasClass('disabled')) {
			updateProjectPreview(1);
		}
		return false;
	});
	$('#project_nav .all').click(function(){
		$('#main_nav a:eq(0)').click();
		return false;
	});
	$('#grid_wrapper a').live({
		click: function(){
			var dest = $(this).attr('href');
			$('#project_nav li a').each(function(){
				if ($(this).attr('href') == dest) {
					setProjectPreview($('#project_nav li a').index(this) + 1);
				}
			});
			$.address.value(dest);
			$('#project_nav').fadeIn();
			return false;
		},
		mouseenter: function(){
			$(this).find('em').animate({opacity: 1});
		},
		mouseleave: function(){
			$(this).find('em').animate({opacity: 0});
		}
	});
	$('#project_nav .items a').live('click', function(){
		$.address.value($(this).attr('href'));
		var new_value = ($('#project_nav .items a').index(this) + 1) - project_current;
		updateProjectPreview(new_value);
		return false;
	});
	$('h1 a, #main_nav .portfolio').live('click', function(){
		projectsReset();
		$.address.value('/');
		return false;
	});
	$('#main_nav a.contact').live('click', function(){
		$.address.value($(this).attr('href'));
		$('#main_nav a').removeClass('current');
		$(this).addClass('current');
		$('#project_nav').fadeOut();
		return false;
	});

	// jQuery Address
	$.address.init(function(event){
		var dest = event.value;
		if (dest.indexOf('contact') >= 0) {
			$('#main_nav a.contact').addClass('current');
			$('#project_nav').fadeOut();
		} else if (dest == '/') {
			projectsReset();
		} else {
			projectsReset();
			dest = dest.replace('/projects','projects');
			var index = $('#project_nav a').index($('#project_nav a[href="'+dest+'"]'));
			setProjectPreview(index + 1);
			$('#project_nav').fadeIn();
		}
	}).change(function(event) {
		var dest = event.value;
		if (dest == '/') {	
			dest = 'grid.htm';
			$('#project_nav').fadeOut();
		}
		projectLoading();
		$.get(dest, function(data){
			$('#main_content').hide();
			$('#main_content').html(data);
			$('#main_content').fadeIn('slow');
			updateProjectNav();
		});
	});
	
	
	/* KEYBOARD NAVIGATION */
	shortcut.add("Left",function() {
		if ($('#project_nav:visible').length > 0 && ! $('#project_nav .prev').hasClass('disabled')) {
			$('#project_nav .prev').click();
		}
	});
	shortcut.add("Right",function() {
		if ($('#project_nav:visible').length > 0 && ! $('#project_nav .next').hasClass('disabled')) {
			$('#project_nav .next').click();
		}
	});


});