$(document).ready( function() {
	$('.hsnav').hover(function(){
		$(this).addClass('hshover');
	}, function(){
		$(this).removeClass('hshover');	
	});
	$('.hsnav').click(function(){
		$('.hsnav').removeClass('hsactive').stop();
		$(this).addClass('hsactive');
		$('.hscont').fadeOut('slow');
		var active = $(this).attr('id');
		active = active.substr(3,1);
		$('#hs'+active+' .hsconttxt').css('bottom', '-90px');
		$('#hs'+active).fadeIn('slow');
		$('#hs'+active+' .hsconttxt').delay('400').animate({bottom: '0px'},{duration: '400'});
		var position = $('#hsn'+active).position();
		var height = $('#hsn'+active).outerHeight(true);
		var arrowpos = position.top - height/2 + 49;
		$('#hsarrow').animate({top: arrowpos},{duration: '300'});
	});
});