$(document).ready(function(){

	//$('#maindiv').attr('display','none') ;
	//$('#maindiv').toggle('medium') ;
	//$('#feature').toggle('medium') ;
	//$('#content').toggle('medium') ;
	
	
// NAV BAR COLOR FADE
	
	$('#navbar a').hover(function(){
		$(this).stop()
		.animate( { backgroundColor : '#EEE' } , {queue:false, duration:125})
		.animate( {color : '#454967'}, 125) ;
	}, function(){
		$(this).stop()
		.animate( { backgroundColor : '#454967' } , {queue:false, duration:125})
		.animate( {color : '#FFF'}, 125) ;
	}) ;

	
// NAV BAR FADE SWAPS
	
//	$('#navbar a[href=/]').click(function(event){
//		event.preventDefault() ;
//		fadeSwap('/') ;
//	}) ;	
//	
//	$('#navbar a[href="portfolio.php"]').click(function(event){
//		event.preventDefault() ;
//		fadeSwap('portfolio.php') ;
//	}) ;	   
//
//	$('#navbar a[href=about.php]').click(function(event){
//		event.preventDefault() ;
//		fadeSwap('about.php') ;
//	}) ;	   

}) ;


function fadeSwap(hrf) {
		$('#content').animate(
			{ left : '200%' },
			500 
		);
		$('#feature').animate(
			{ left : '200%' },
			500 
		);
		//$('#feature').slideUp('fast') ;
		//$('#content').slideUp('fast') ;
		window.location = hrf ;	
}