$(document).ready(function(){
	
$('.nav li').addClass('slide');

$('.content').hide();
$(".content").first().addClass('visible');
$('.visible').fadeIn(400);
$('.visible').parent().animate({ height: $('.visible').height() + 'px' }, 200);

$(".nav li.slide a").live("mouseenter", function() {
		$(this).parent().stop().animate({
			width:'300px'
		}, 200); 
});
	
$(".nav li.slide a").live('click', function(){
	$(".nav .current").stop().animate({ width:'25px'}, 200); 
	$('.nav .current').removeClass("current").addClass("slide");
	$(this).parent().removeClass("slide").addClass("current");
	window.location.hash = $(this).attr("id");
	return false;
});

$(window).bind('hashchange', function(){
	
	newHash = window.location.hash.substring(1);
	
	if (newHash) {
		
		$(".visible").removeClass('visible').fadeOut(400, function(){
			$('.' + newHash).addClass('visible');
			$(".nav .current").stop().animate({ width:'25px'}, 200); 
			$('.nav .current').removeClass("current").addClass("slide");
			$('.nav li a[id='+newHash+']').parent().removeClass("slide").addClass('current');
			$('.nav .current').stop().animate({
						width:'300px'
			}, 200); 
			$('.' + newHash).fadeIn(400, function(){
				$(this).parent().animate({ height: $('.visible').height() + 'px' }, 200, function(){ $('html, body').animate({scrollTop: $(window).height() }, 'slow'); });
	
			});
		});
	
    } else {
		$('.nav li').first().removeClass("slide").addClass('current');
		$('.nav .current').stop().animate({
			width:'300px'
		}, 200); 
	}
	
});

$(window).trigger('hashchange');

$(".nav li.slide a").live("mouseleave", function() {
		$(this).parent().stop().animate({
			width:'25px'
		}, 200); 
}); 


$("a img").live("mouseenter", function() {
		$(this).stop().animate({
			opacity: 0.5
		}, 200); 
});

$("a img").live("mouseleave", function() {
		$(this).stop().animate({
			opacity: 1
		}, 200); 
}); 

});