$(document).ready(function(){
    $("#f_links a").hover(function(){
        $(this).stop().animate({
            color : 'white'
        }, 300); 
    }, function(){
        $(this).stop().animate({
            color : '#393939'
        }, 1500); 
    });

    $('#home').click(function(){
        animateMenu('i3');
        getContent('i3');
    });
            
    $('#portfolio').click(function(){
        animateMenu('i4');
        getContent('i4');
    });
                
    $('#contacts').click(function(){
        animateMenu('i1');
        getContent('i1');
    });
                
    $('#about').click(function(){
        animateMenu('i2');
        getContent('i2');
    });
                
    $('#services').click(function(){
        animateMenu('i5');
        getContent('i5');
    });
    
    $('#news').click(function(){
        animateMenu('i6');
        getContent('i6');
    });
    
    $('#blog').click(function(){
        animateMenu('i7');
        getContent('i7');
    });       
   
});