var activeMenu = null;
var heightCompact = [];
var heightExtended = [];
var lastCat = 'presentation';
var closedMenu = false;
$(document).ready(
	function ()
	{
		/*
		 * Effet fade In chargement de la page
		 */
		
		$("body").fadeIn(
			function ()
			{
				$("div.groupe-presentation h2")
					.click();
			}
		);
		
		/* 
		 * Cacher les menus au démarrage
		 */
		/*
		if (page == null || page == '')
		{
			$(".events").hide();
			$(".bands").hide();
		}
		*/
		
		/*
		 * Groupe / Show : Affiche la photo cliquée dans le bloc 'voir photos'
		 */
		$("div[photo]").live(
			'click',
			function()
			{
				if ( $(this).hasClass('compact') )
				{
					$(this)
						.parent()
						.parent()
						.find('td.col2 h2')
						.click();
				}
				var photo = ".photo-"+$(this).attr("photo");
				$(".photo").hide();
				$(photo).fadeIn();
			}
		);
		
		/*
		 * Groupe / Show : Mouvements accordion
		 */
		$("div.show-relation-block h2")
			.click(
				function ()
				{
					
						var spec = $(this).attr('id');
						$("div.show-relation-block h2")
							.nextAll().slideUp();
						
						var h = heightCompact[lastCat];
						$("div.extended")
							.removeClass('extended')
							.addClass('compact')
							.animate(
									{
										height: h - 1,
										opacity: 0.5
									},
									500,
									function () {}
								);
					if ( ! (activeMenu == this) )
					{
						$(this).nextAll().slideDown();
						
						h = heightExtended[spec];
						
						$(this)
							.parent()
							.parent()
							.find("td.col1 div.compact")
							.removeClass('compact')
							.addClass('extended')
							.animate(
								{
									height: h,
									opacity: 1
								},
								500,
								function () {}
							);
						activeMenu = this;
						lastCat = spec;
						closedMenu = false;
					}
					else
					{
						if (closedMenu)
						{
							$(this).nextAll().slideDown();
							
							h = heightExtended[spec];
							
							$(this)
								.parent()
								.parent()
								.find("td.col1 div.compact")
								.removeClass('compact')
								.addClass('extended')
								.animate(
									{
										height: h,
										opacity: 1
									},
									500,
									function () {}
								);
							activeMenu = this;
							lastCat = spec;
							closedMenu = false;
						}
						else
						{
							closedMenu = true;
						}
					}
				}
			)
			.nextAll()
			.hide();
		
		/*
		 * News: Mouvements des news
		 */
		$(".news-line").click(
			function ()
			{
				if ( ! $(this).next().is(':visible'))
				{
					$(".news-body:visible").slideUp();
					$(this).next().slideDown();
				}
			}
		);
		
		/*
		 * Header : Changements de styles pour le menu
		 */
		$(".menu>div").addClass('btn-menu-bg').addClass('bg-blanc');
		$(".menu>div>div").addClass('capteur-menu');
		$("#"+page+" > div > div").attr('page', 'active').addClass('fg-blanc').find('a > span').addClass('img-'+page+'-hover');
		$(".menu>div>div[page!=active]").hover(
			function ()
			{
				var idP = $(this).parent().parent().attr('id');
				$(this)
					.addClass('fg-blanc')
					.find('a > span')
					.addClass('img-'+idP+'-hover')
					.end()
					.parent()
					.removeClass('bg-blanc')
					.parent()
					.removeClass('bg-blanc');
			},
			function ()
			{
				var idP = $(this).parent().parent().attr('id');
				$(this)
					.removeClass('fg-blanc')
					.find('a > span')
					.removeClass('img-'+idP+'-hover')
					.end()
					.parent()
					.addClass('bg-blanc');
			}
		);
		
		/*
		 * Header : Sélection du bouton du menu actif
		 */
		$("#"+page+" div").addClass(page+'-bgcolor').addClass('zindex1000');
		$("#"+page+" a").addClass('menu-active');
		
		/*
		 * Header: Effet sur bouton Groupe
		 */
		$("#groupe > div > div > a").hover(
			function ()
			{
				$(".groupe").addClass('groupe-bgcolor').css('opacity', '0.8');
			},
			function ()
			{
				$(".groupe").removeClass('groupe-bgcolor').css('opacity', '1');
			}
		);
		
		/*
		 * Header: Effet sur bouton Evenement
		 */
		$("#evenement > div > div > a").hover(
				function ()
				{
					$(".event").addClass('evenement-bgcolor').css('opacity', '0.8');
				},
				function ()
				{
					$(".event").removeClass('evenement-bgcolor').css('opacity', '1');
				}
			);
		
		
		/*
		 * Groupe / Show: Effet album dans la boite 'écouter'
		 */
		$("div.album.extended").addClass('cursor').live('click',
			function ()
			{
				$(this)
					.children()
					.filter('.album-hover')
					.show('fast')
					.mouseout(
						function () 
						{
							$(this).hide('fast');
						}
					);
			}
		);
		

		
	}
);

function searchEventsLinked(id, groupeId)
{
	$("a[evenement_id]").each(
		function (k, v)
		{
			if ($(this).attr('evenement_id') == id)
			{
				$(this).addClass('selected-event')
					.children()
					.children()
					.show();
			}
		}
	);
	
	$("a[groupe_id]").each(
		function (k, v)
		{
			if ($(this).attr('groupe_id') == groupeId)
			{
				$(this).addClass('selected-groupe-pg');
			}
		}
	);
}

function searchBandsLinked(id, evenementId)
{
	$("a[evenement_id]").each(
		function (k, v)
		{
			if ($(this).attr('evenement_id') == evenementId)
			{
				$(this).addClass('selected-event-pe');
				$(this).children().children().show();
			}
		}
	);
	
	$("a[groupe_id]").each(
		function (k, v)
		{
			if ($(this).attr('groupe_id') == id)
			{
				$(this).addClass('selected-groupe-pe');
			}
		}
	);
}

function highlightBand(id)
{
	$("a[groupe_id]").each(
		function (k, v)
		{
			if ($(this).attr('groupe_id') == id)
			{
				$(this).addClass('selected-groupe-pg');
			}
		}
	);
}