$( document ).ready( function(){
	
	/*Cufon.replace( 'h1 a, #masthead li a' )8*/
	Cufon.replace( 'h1 a, #masthead li a, #menu-category-menu li a, h2',{
		hover: true
	});
	
	setupNavigation( );
	setupTopNavigation( );
	
})

function setupNavigation( ){
	var arrPositions = new Array();
	
	var arrParts = window.location.hash.split('/');
	
	if( arrParts.length > 1 ){
		if( arrParts[1] == 'cat' )
			$( "#menu-item-" + arrParts[2] ).addClass( 'active' );
	}else
		$( "#menu-item-recent" ).addClass( 'active' );
	
	
	animateNavigation( );
	
	$( "#menu-category-menu li" ).each( function(){
		var strLeft = $( this ).position( ).left;
		arrPositions.push( strLeft );
		
		$( this ).css( 'left', strLeft+"px" );
		
	});
	
	$( "#menu-category-menu li" ).css( 'position', 'absolute' );
	
	$( "#menu-category-menu li a" ).click( function( ){
		$( "#menu-category-menu li.active" ).removeClass( 'active' );
		$( this ).parent().addClass( 'active' );
		
		animateNavigation( arrPositions );
		resetTopNav( );
		
		Cufon.refresh();
	});
	
	$( "h1 a" ).click( function( ){
		$( "#menu-category-menu li.active" ).removeClass( 'active' );
		$( "#menu-item-recent" ).addClass( 'active' );
		
		animateNavigation( arrPositions );
		resetTopNav( );
		Cufon.refresh();
	});
	
	$( '.post-categories li a').live('click', function( e ) {
		var strItem = $(this).html().toLowerCase( );
		$( "#menu-category-menu li.active" ).removeClass( 'active' );
		$( "#menu-item-" + strItem ).addClass( 'active' );
		
		//menu-item-interactive

		animateNavigation( arrPositions );
		resetTopNav( );
		Cufon.replace( '#menu-category-menu li a',{
			hover: true
		});
		
	});
		
}

function animateNavigation( arrPositions ){
	var count 		= 1;
	var intWidth 	= 15;
	
	$( "#menu-category-menu li.active" ).animate({
		left: "15px"
	});
	
	intWidth += $( "#menu-category-menu li.active" ).width() + 15;
	
	$( "#menu-category-menu li" ).each( function( index, value ){
	
		if( $( this ).attr( 'class' ).indexOf( 'active' ) == -1 ){
			
			$( this ).animate({
				left: intWidth+"px"
			});
			
			count++;
			
			intWidth += $(this).width() + 15;
		}
		
	});
}

function resetTopNav(  ){
	$( "#topNav li" ).removeClass( 'active' );
	
	$( "#nAbout" ).animate({
		left: "0px"
	});
	
	$( "#nContact" ).animate({
		left: "64.7px"
	});
	
	$( "h1" ).animate({
		left: "0px"
	});
}

function animateAbout( objThis ){
	
	$( "#menu-category-menu li.active" ).removeClass( 'active' );
	
	$( "#nContact").removeClass( 'active' );
	$( objThis ).parent().addClass( 'active' );
	
	$( objThis ).parent().animate({
		left: '-100px'
	});
	
	$( "#nContact" ).animate({
		left: '64.7px'
	});
	
	$( "h1" ).animate({
		left: '52px'
	});
	
}

function animateContact( objThis ){
	
	$( "#menu-category-menu li.active" ).removeClass( 'active' );

	$( "#nAbout").removeClass( 'active' );
	$( objThis ).parent().addClass( 'active' );
	
	$( objThis ).parent().animate({
		left: '-100px'
	});
	
	$( "#nAbout" ).animate({
		left: '80px'
	});
	
	$( "h1" ).animate({
		left: '68px'
	});
	
}

function setupTopNavigation( ){
	$( "h1" ).css( 'position', 'absolute' );
	
	$( "#topNav li" ).each( function(){
		var strLeft = $( this ).position( ).left;
		
		$( this ).css( 'left', strLeft+"px" ).css( 'bottom', '0em');
		
	});
	
	$( "#topNav li" ).css( 'position', 'absolute' );
	
	$( "#nAbout a" ).click( function( ){
		animateAbout( this );
	});
	
	$( "#nContact a" ).click( function( ){
		animateContact( this );	
	});
	
}