/* Dépendance : + cookies.js 
								+ JQuery 1.3.1 ou + */


/**** Tableau des Categories ****/
//Attention : à mettre à jour à chque fois qu'on touche aux catégories...
//Nom de la catégorie et son numéro
	var listeSubjects = new Array( );
	var listeTypes = new Array( );
	var listePlaces = new Array( );
  /* Dans l'ordre d'apparition dans le menu */
	listeSubjects = {
		"Animal" : 9,
		"Architecture" : 6,
		"Concert" : 16,
		"Landscape" : 7,
		"Misc" : 8,
		"Night" : 3,
		"People" : 10,
		"Portrait" : 12,
		"Seascape" : 11,
		"Street Photography" : 18
	};
	listeTypes = {
		 "Black & White" : 2		 
	};
	// Chaque item de "listePlaces" doit avoir son équivalent dans "listePlacesHierarchy"
	listePlaces = { 
		"Europe" : 20, 
		"France" : 13,
		"Paris" : 1,
		"Iceland" : 25,
		"Ireland" : 17,		
		"Russia" : 21,		
		"Asia" : 23,
		"China" : 24,
		"Vietnam" : 19,
		"Mongolia" : 22,
		"Peru and Bolivia" : 5
	};
	listePlacesHierarchy = { 
		"Europe" : 1,
		"France" : 2,
		"Paris" : 3,
		"Iceland" : 2,
		"Ireland" : 2,
		"Russia" : 2,		
		"Asia" : 1,
		"China" : 2,
		"Vietnam" : 2,
		"Mongolia" : 2,
		"Peru and Bolivia" : 1
	};
	
	
	var g_CadreCase_TextColor;
	var g_CadreCase_BgdColor;
	
	/******* Génération du Menu *******/
	function generationMenu( )
	{
		
			$("#categories-cadre").append('<span class="categories-title" style="text-align:center;">Browse</span><br />')
												.append('<div class="categories-cadre-case" id="'+ID_PREFIX+0+'">All Photos</div>')
												.append('<span class="categories-title">by Subject</span>');
	
			for( key in listeSubjects)
			{
				$("#categories-cadre").append('<div class="categories-cadre-case" id="'+ID_PREFIX+listeSubjects[key]+'">'+key+'</div>');
			}
			$("#categories-cadre").append('<span class="categories-title" style="text-align:center;">by Type</span><br />')
			for( types in listeTypes)
			{
				$("#categories-cadre").append('<div class="categories-cadre-case" id="'+ID_PREFIX+listeTypes[types]+'">'+types+'</div>');
			}
			$("#categories-cadre").append('<span class="categories-title" style="text-align:center;">by Place</span><br />')
			for( place in listePlaces)
			{
				if( listePlacesHierarchy[place] === 1 ){
					$("#categories-cadre").append('<div class="categories-cadre-case" id="'+ID_PREFIX+listePlaces[place]+'">'+place+'</div>');
				}
				if( listePlacesHierarchy[place] === 2 ){
					$("#categories-cadre").append('<div class="categories-cadre-case" id="'+ID_PREFIX+listePlaces[place]+'">&nbsp;&nbsp;'+place+'</div>');
				}
				if( listePlacesHierarchy[place] === 3 ){
					$("#categories-cadre").append('<div class="categories-cadre-case" id="'+ID_PREFIX+listePlaces[place]+'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+place+'</div>');
				}
			}
			/*$("#categories-cadre").append('<br />');*/
	
		
			/* Changer la classe de la catégorie sélectionnée -- A placer après la génération du menu */
			$("#"+categorie).removeClass( )
											.addClass(CLASS_SELECTED);
											
			//Cacher le Spinner du Loading
			$("#categories-loader").hide( );
		
		 /* Dérouler le menu pour l'afficher */
		 /*  $("#categories-cadre").slideDown("slow"); */  /* Effet pas très convainquant... */
		
	}
	
	/****** Evts concernant le Menu ******/
	function menuInscriptionEvts( )
	{
		$(".categories-cadre-case")
				.hover( 
					function( ){
						g_CadreCase_BgdColor = $(this).css("background-color");
						g_CadreCase_TextColor = $(this).css("color");
						$(this).css("background-color","#AAAAAA")
						 			 .css("color","#222222");
					} ,
					function( ){
						$(this).css("background",g_CadreCase_BgdColor)
						 			 .css("color",g_CadreCase_TextColor);
					}
					);	
		$(".categories-cadre-case:not(#idCategory0)").click(
					function( )
					{
						var cat = (this.id);
						var newCat = cat.substr(cat.indexOf(ID_PREFIX)+ID_PREFIX.length);
						window.location.href = "index.php?x=browse&category="+newCat;
					});
					
   	$("#idCategory0").click( function( ){ window.location.href = "index.php?x=browse&pagenum=1" } ); /* Lien spécial pour "All Photos" */
	}