var loaded = true, xhr = null;

$(document).ready(function(){
	var navLoaded = true;
	$('#nav a').click(function(){
		if (navLoaded){
			if (!$(this).hasClass('selected')){
				navLoaded = false;
				var a = $('#nav a.selected').removeClass('selected');
				$(this).addClass('selected');
				var id = $('#'+$(this).attr('title').toLowerCase());
				var vis = $('.subnav:visible');
				if (vis.length){
					vis.slideUp(200, function(){
						if (id.length) id.slideDown(200, function(){navLoaded=true});
					});
				}
				else if (id.length) id.slideDown(200, function(){navLoaded=true});
				if (!id.length){
					loadContent($(this).attr('href'));
					navLoaded=true;
				}
			}
		}
		return false;
	});
	$('#nav2 a').click(function(){
		return loadPage(this, true);
	});
	$('.subnav a').click(function(){
		return loadPage(this, false);
	});
	$('#content').hide();
	$('#preloader').show();
	$.preloadCssImages({'preloadEl':'#preloader'});
	$('#preloader').ajaxStart(function(){
		$(this).show();
	}).ajaxError(function(e, xhr, o){
		$('#content').html(xhr.responseText);
		doneLoading();
	}).ajaxSuccess(function(e,xhr,o){
		var imgs = $('img', xhr.responseText);
		if (imgs.length>0) imgs.preloadImages({'trigger':'#preloader'});
		else doneLoading();
	}).bind('preload.complete', doneLoading).bind('csspreload.complete', function(){loadContent(page);});
	$('#follow-mail').click(function(){$('#follow-mail-form').fadeIn(500, 'easeOutQuad');return false});
	$('#follow-footer a').click(function(){$('#follow-main').slideToggle(600, 'easeInOutCubic');return false;});
});
function loadPage(a, hideSubNav)
{
	if (loaded && !$(a).hasClass('selected')){
		loaded = false;
		if (hideSubNav){
			var vis = $('.subnav:visible');
			if (vis.length) vis.slideUp(200);
			$('#nav a.selected').removeClass('selected');
		}
		$('.subnav a.selected, #nav2 a.selected').removeClass('selected');
		$(a).addClass('selected');
		$(document).attr('title','Papapalheta | '+$(a).attr('rel'));
		page = $(a).attr('href');
		loadContent($(a).attr('href'));
	}
	return false;
}
function loadContent(url)
{
	if (xhr != null) xhr.abort();
	var content = $('#content');
	content.hide().empty();
	$('#arrows a').hide();
	/* dumb ie tries to be smart and cache all get requests, we had to use a post request to get the ajax working properly, ain't this a PITA? */
	xhr = $.post(url, {'t':new Date().getTime()}, function(data){
		content.html(data);
		//initContentArea();
	});
}
function initContentArea()
{
	$('#content .contentindex').slider({'cycle':6000});
	$('#content .contentpage').slider();
	$('#content .contentpeek').peek({
		'goTo': page_id
	});
	if (page_id) page_id = false;
}
function doneLoading()
{
		initContentArea();
	$('#preloader').hide();
	$('#content').fadeIn(250, function(){
		loaded=true;
	});
}