$(document).ready(function() {
	jQuery.easing.def = 'easeOutQuad';
	
	$('#secondaryNav a').click(function(e) {
		e.preventDefault(); //elimino l'evento onlick
		$(this).parent().siblings('.active').removeClass('active').end().addClass('active');
		
		var href = this.href + "?ajax=True";
		if ($('#mainContent img').length) { //rimuovo il mainContent se esiste
			$('#mainContent').fadeOut(function() {
				$(this).empty();
				loadContent(href);
			});
		} else {
			loadContent(href);
		}
	});
	
	if (!$('#mainContent img').length) {
		$('#secondaryNav a:first').trigger('click'); //imito il click sul primo link
	}
});

function showImageLoading() {
	if (!$('#footer img.loading').length && !$('#mainContent img').length) {
		$('#footer').prepend('<img src="/media/images/ajax-loader.gif" class="loading" />');
	}
}

//effettua la chiamata ajax e sostituisce il contenuto
function loadContent(href) {
	setTimeout('showImageLoading()', 1000);
	
	$.get(href, function(data) {
		var $data = $(data);
		var imgs = $data.find('img');
		if (imgs.length == 0) {
			imgs = $data.filter('img');
		}
		imgs.each(function(index, el) {
			$(el).addClass("img_loading");
			
			var image = $(new Image()).attr('src', el.src);
			if (image[0].complete) {
				imageLoaded(el, $data);
			} else {
				image.load(function() {
					imageLoaded(el, $data);
				}).error(function() {
					imageLoaded(el, $data);
				});
			}
		});

		setTimeout('scrollDiv()', 2000);
	});
}

function scrollDiv() {
	$(window).scrollTo('max', 2000);
}

//funzione sull onload dell'immagine
function imageLoaded(el, data) {
	$(el).removeClass("img_loading");

	if ($('img.img_loading', data).length <= 0) { //se era l'ultima immagine, mostro il content
		if (!$('#mainContent img').length) {
			$('#footer').find('img.loading').remove();
			$('#mainContent').prepend(data).fadeIn();
		}
	}
}