$(document).ready(function()
{
	
	//Rollover sur le header
	$("#header h1").css("opacity", "0.6");
	$("#header h1").mouseover(function(){
		$(this).fadeTo("slow", 1);
	});
	$("#header h1").mouseout(function(){
		$(this).fadeTo("fast", 0.6);
	});
	//Clic sur le header
	$("#header h1").click(function(){
		montrerPanel($("#panelIndex"), '');
	});
	
	//Les panels : on les rends invisibles (le javascript est activé, donc)
	panelsACacher = [$("#panelNews"), $("#panelRomans"), $("#panelTheatre"), $("#panelChansons"), $("#panelAutresTextes"), $("#panelContact"), $("#panelLiens")];
	for(i = 0; i < panelsACacher.length; i++)
	{
		panelsACacher[i].hide();
	}
	
	//Plus d'infos (clic sur un titre, pièce de théâtre, chanson, etc)
	plusInfos();
	
	//Les liens du menu (changement de page en ajax)
	$("#menu a").click(function(){
		clickMenu($(this));
		return false;
	});
	//Les liens qui renvoient à une page interne
	$("a").click(function(){
		if($($($($(this).parent()).parent()).parent()).attr('id') != "menu")
		{
			if(!$(this).attr('href').match(/www/g))
			{
				clickMenu($(this));
				return false;
			}
			else
				return true;
		}
		else
			return true;
	});
	
	
});

function clickMenu(clicked)
{
	//On affiche un petit spinner, sauf pour l'accueil
	if($(clicked).text() != "Home")
		$(clicked).after(' <img src = "images/loader.gif" alt = "chargement..." class = "loader"/>'); 
	
	href = $(clicked).attr("href");
	pageContenuSeul = href.substring(href.indexOf("=") + 1);
	
	if(pageContenuSeul != "accueil")
	{
		cheminContenuSeul = "contenu/" + pageContenuSeul + ".php";
		
		$.ajax({
			url: cheminContenuSeul,
			cache: false,
			success: function(html){
				changerPage(html, pageContenuSeul);
			},
			error: function(XMLHTTPRequest, textStatus, errorThrown){
				$("#panelIndex").append(textStatus);
			}
		});
	}
	else
	{
		montrerPanel($("#panelIndex"), '');
	}
	
	//On réassigne l'événement Plus d'infos après le chargement d'une nouvelle page
	plusInfos();
	//On réinitialise zoombox
	zoombox.init();
	
	
	
	return false;
}

function changerPage(html, pageContenuSeul)
{
	premiereLettre = pageContenuSeul.substring(0, 1);
	panelARemplir = $("#panel" + premiereLettre.toUpperCase() + pageContenuSeul.substring(1));
	
	montrerPanel(panelARemplir, html);
	
	//On réassigne l'événement Plus d'infos après le chargement d'une nouvelle page
	plusInfos();
	//On réinitialise zoombox
	zoombox.init();
	//On peut cacher le spinner
	$(".loader").fadeOut();
}

//Plus d'infos (clic sur un titre, pièce de théâtre, chanson, etc)
function plusInfos()
{
	$("a[rel^='plusInfos']").click(function()
	{
		var clicked = $(this);
		
		//On découpe l'attribut "rel" pour retrouver l'id et la table à utiliser
		var rel = clicked.attr("rel");
		var longueurId = rel.indexOf("&") - (rel.indexOf("id") + 3);
		var id = rel.substr(rel.indexOf("id") + 3, longueurId);
		var longueurTable = rel.length - (rel.indexOf("table") + 6); //"table" est la dernière variable à trouver
		var table = rel.substr((rel.indexOf("table") + 6), longueurTable);
		
		//On récupère le contenu supplémentaire à afficher par ajax
		$.ajax({
			url: "contenu/plusInfos.php?id=" + id + "&table=" + table,
			cache: false,
			success: function(html){
				
				//On append le contenu récupéré
				clicked.parent("li").find(".plusInfos").slideUp(100, function(){
					clicked.parent("li").find(".plusInfos").remove();
				});
				clicked.parent("li").append(html);
				clicked.parent("li").find(".plusInfos").css("display", "none");
				$(".plusInfos").slideDown(1000);
				
				//On réinitialise zoombox
				zoombox.init();
			},
			error: function(XMLHTTPRequest, textStatus, errorThrown){
				$(this).parent("li").append(textStatus);
			}
		});
		
		return false;
	});
}