$(document).ready(function(){
      $('div.portfolioproject ul.portfolio_list li a').live( "mouseover", function() {
        $(this).animate({ paddingLeft: '20px' }, 550);
        $(this).children('span').show().animate({ left: -0 }, 550);
      });
      $('div.portfolioproject ul.portfolio_list li a').live( "mouseout", function() {
        $(this).animate({ paddingLeft: '0px' }, 550);
        $(this).children('span').animate({ left: 0 }, 550).fadeOut(550);          
      });

     

	 $('#nav_move').css({ width:"56px", height:"65px", left:"3px"})
 	
	//animateNavActiveToElement($('#navDiv #topnavigation li:first a'));

      	$('#topnavigation a').click(function() {
        	animateNavActiveToElement($(this));
        	return false;
      });

});

function animateNavActiveToElement( comp ){
	 var offset = comp.offset();
          var offsetBody = $('#topnavigation').offset(); //find the offset of the wrapping div    
        	
	$('#nav_move').animate(
          	{ 
          	  width: comp.width()+10, 
          	  height: comp.height()+45, 
		  left: (offset.left - offsetBody.left) 

          	}, 
         	{ duration: 350, easing: 'easeInOutCirc' }
        );

        $('.cur').removeClass('cur');
        comp.addClass('cur');

}