$(document).ready(function(){
    
    $('#bar #lipje a').hide();
    
    setTimeout(function()
    {
    
	    $('#bar').animate({
	        'top' : '-98px'
	    }, 800, function(){ $(this).css({'height' : '98px'}) });
	    
    }, 1500);
    
    
    
    $('#bar').hover(function(){
        $('#bar').stop().animate({'top' : '0'}, 800, function(){ $(this).css({'height' : '108px'}) });
    },function(){
        $('#bar').stop().animate({'top' : '-98px'}, 800, function(){ $(this).css({'height' : '98px'}) });
    })
});