function showLoad(item) {
    $('#loading').position({my: 'middle',at: 'middle',of: item});
    $('#loading').animate({opacity:1}, 300);
}

function hideLoad() {
    $('#loading').animate({opacity:0}, 300);
}

$(document).ready(function(){

		$.getScript("js/jquery-ui-1.8.4.min.js");
		$.getScript("js/jquery.easing.1.3.js");
		$.getScript("js/sparks.js");

        $('#menu-list li').live('mouseover mouseout', function(event) {
            if (event.type == 'mouseover') {
                $(this).animate({'opacity':0.2}, { duration: 500, queue: false, 'easing':'easeOutQuad'});
            } else {
                $(this).dequeue();
                $(this).animate({'opacity':1}, { duration: 500, queue: false });
            }
        });
        
        $('#menu-list li').live('click', function() {
            var link = $(this).attr('href');
            var item = $(this);
            showLoad('#main-container');
            $('#menu-list li').removeClass('aitem');
            $('#panel').fadeOut(function () {
                $('#panel').load(link, function() {
                    $('#panel').fadeIn(function() {
                        item.addClass('aitem');
                        hideLoad();
                    });
                });
            });
        });
        
        $('#panel').css('opacity', 0);
        showLoad('#main-container');
		
        $('#panel').load('pages/home.php', function() {
            $('#panel').animate({'opacity':1}, 500, function() {
                hideLoad();
            });
        });
});