$(document).ready(function() {
    $('ul#nav li').hover(function(){
        $(this).find('span').animate({
            top:'182px'
        },{
            queue:false,
            duration:500
        });
    }, function(){
        $(this).find('span').animate({
            top:'0px'
        },{
            queue:false,
            duration:500
        });
    });
});

function showPage01() {
    /*$('#page'+id).slideToggle('fast');*/
    $('#page01').fadeIn("slow");
    $(this).toggleClass('show');
    $('#page02').fadeOut("slow");
    $('#page03').fadeOut("slow");
    $('#page04').fadeOut("slow");
    $('#page05').fadeOut("slow");
}
function showPage02() {
    $('#page02').fadeIn("slow");
    $(this).toggleClass('show');
    $('#page01').fadeOut("slow");
    $('#page03').fadeOut("slow");
    $('#page04').fadeOut("slow");
    $('#page05').fadeOut("slow");
}
function showPage03() {
    $('#page03').fadeIn("slow");
    $(this).toggleClass('show');
    $('#page01').fadeOut("slow");
    $('#page02').fadeOut("slow");
    $('#page04').fadeOut("slow");
    $('#page05').fadeOut("slow");
}
function showPage04() {
    $('#page04').fadeIn("slow");
    $(this).toggleClass('show');
    $('#page01').fadeOut("slow");
    $('#page02').fadeOut("slow");
    $('#page03').fadeOut("slow");
    $('#page05').fadeOut("slow");
}
function showPage05() {
    $('#page05').fadeIn("slow");
    $(this).toggleClass('show');
    $('#page01').fadeOut("slow");
    $('#page02').fadeOut("slow");
    $('#page03').fadeOut("slow");
    $('#page04').fadeOut("slow");
}