$(document).ready(function() {
	$('.featnav').hover(
		function() {
			$(this).addClass('feathover');
			$(this).css('cursor','pointer');
		},
		function() {
			$(this).removeClass('feathover');
			$(this).css('cursor','auto');			
		}
	);	

	$('.featnav1')
		.bind('click',function() {
			$('.featpost').fadeOut(400);
		})
		.bind('click',function() {
			$('.featpost1').animate({opacity:"1"},400).fadeIn(400);
		})
		.bind('click',function() {
			$('#featnavs > div').removeClass('featnavcurr');
		})		
		.bind('click',function() {
			$('.featnav1').addClass('featnavcurr');
		});		
		
	$('.featnav2')
		.bind('click',function() {
			$('.featpost').fadeOut(400);
		})
		.bind('click',function() {
			$('.featpost2').animate({opacity:"1"},400).fadeIn(400);
		})
		.bind('click',function() {
			$('#featnavs > div').removeClass('featnavcurr');
		})		
		.bind('click',function() {
			$('.featnav2').addClass('featnavcurr');
		});
		
	$('.featnav3')
		.bind('click',function() {
			$('.featpost').fadeOut(400);
		})
		.bind('click',function() {
			$('.featpost3').animate({opacity:"1"},400).fadeIn(400);
		})
		.bind('click',function() {
			$('#featnavs > div').removeClass('featnavcurr');
		})		
		.bind('click',function() {
			$('.featnav3').addClass('featnavcurr');
		});
		
	$('.featnav4')
		.bind('click',function() {
			$('.featpost').fadeOut(400);
		})
		.bind('click',function() {
			$('.featpost4').animate({opacity:"1"},400).fadeIn(400);
		})
		.bind('click',function() {
			$('#featnavs > div').removeClass('featnavcurr');
		})		
		.bind('click',function() {
			$('.featnav4').addClass('featnavcurr');
		});					
	
});