jQuery(document).ready(function(){
    
    // nav character animation
    $('#nav1').hover(function(){
        $('#nav-character1').stop().animate({
            marginLeft:'20px',
            marginTop:'-120px',
            height:'67px'
        },500);
    },function(){
        $('#nav-character1').stop().animate({
            marginLeft:'50px',
            marginTop:'-72px',
            height:'40px'
        },'fast');
    });
    
    $('#nav2').hover(function(){
        $('#nav-character2').stop().animate({
            marginLeft:'271px',
            marginTop:'-33px',
            height:'56px'
        });
    },function(){
        $('#nav-character2').stop().animate({
            marginLeft:'260px',
            marginTop:'-69px',
            height:'40px'
        });
    });
    
    $('#nav3').hover(function(){
        $('#nav-character3').stop().animate({
            marginLeft:'497px',
            marginTop:'-113px',
            height:'70px'
        });
    },function(){
        $('#nav-character3').stop().animate({
            marginLeft:'458px',
            marginTop:'-64px',
            height:'40px'
        });
    });
    
    $('#nav4').hover(function(){
        $('#nav-character4').stop().animate({
            marginLeft:'624px',
            marginTop:'-123px',
            height:'90px'
        });
    },function(){
        $('#nav-character4').stop().animate({
            marginLeft:'590px',
            marginTop:'-73px',
            height:'40px'
        });
    });
    
    $('#nav5').hover(function(){
        $('#nav-character5').stop().animate({
            marginLeft:'774px',
            marginTop:'-123px',
            height:'70px'
        });
    },function(){
        $('#nav-character5').stop().animate({
            marginLeft:'754px',
            marginTop:'-73px',
            height:'40px'
        });
    });
    
    
    // colorbox.js
    if($.colorbox){
        $("#friends a").colorbox();
    }
});