$(document).ready(function () {
	$("#navigation").lavaLamp({
        fx: 'easeOutElastic', 
        speed: 1000,
        click: function() {
			loadContent($(this));
            return false;
        }
    });
	setTimeout("$('#navigation li.selectedLava').mouseover()", 200);
	loadContent($('#navigation li.selectedLava'));
});

function loadContent(elem)
{
	$('#navigation li:not(.backLava)').attr('class', '');
	elem.attr('class', 'selectedLava');
	
	var page = elem.attr('id').split('-')[1];
	
	if (page=='home') {
		$("#leader-board").animate({height:230}, {duration: 1800, easing: 'easeOutElastic'});
		
		var overlayImageNumber = Math.floor(Math.random()*3+1);
		
		$("#overlay").css('background-image', 'url(images/leaderBoard-' + overlayImageNumber + '.jpg)');
		$("#overlay").css('background-repeat', 'no-repeat');
		$("#leader-board").css('background', 'none');
		$("#leader-board").css('border-top', 'none');
		$("#header").css('border-bottom', 'none');
	} else {
		$("#overlay").animate({opacity: 1}, 250);
		$("#leader-board").css('background-color', '#333333');
		$("#overlay").css('background-image', 'none');
		$("#leader-board").css('border-top', '1px solid #000000');
		$("#header").css('border-bottom', '1px solid #3c3c3c');
		$("#leader-board").animate({height:50});
		
	}
	
	$('#content').html('<div class="loading">Loading...</div>');
	$.ajax({
		url			:	'ajax/get-content/page/' + page,
		cache		:	false,
		success		:	function (data) {							$('#content').html(data);						},
		error		: 	function (data) {
							$('#content').html('<div class="error">An error occurs! Please try again later...</div>');
						}
	});
}