window.addEvent('domready', function()
{
	var current_id;
	
	// Onglets des activités et destinations
	var a_onglets = $$("#details-onglets-liste a.onglets");
	var nb_onglets = a_onglets.length;
	
	for (var i = 0; i < nb_onglets; i++)
	{
		a_onglets[i].addEvent("click", function(){
			
			current_id = get_id(this.id);
			listing_handler(current_id, "onglets")
			listing_details_handler(current_id, "onglets");
		});
	}
	
	// Push détails Destinations
	/*
	
	var a_listing = $$("#liste-push-details a");
	var nb_listing = a_listing.length;
	
	for (var i = 0; i < nb_listing; i++)
	{
		a_listing[i].addEvent("click", function(){
			alert("la");
			
			current_id = get_id(this.id);
			listing_handler(current_id)
			//listing_details_handler(current_id, "push_detail")
		});
	}
	
		});
	}*/
});

// Gestion des onglets
function listing_handler(id, list_type)
{
	var a_listing;
	switch (list_type)
	{
		case "onglets" :
			a_listing = $$("#details-onglets-liste a.onglets");
		break;
		case "push_detail" :
			a_listing = $$("#liste-push-details a");
		break;
		case "push_exemple" :
			a_listing = $$("#liste-push-details-ete a");
		break;
	}
	var nb_listing = a_listing.length;
	var current_id;
	
	for (var i = 0; i < nb_listing; i++)
	{
		current_id = get_id(a_listing[i].id);
		if (current_id == id){
			if (!a_listing[i].hasClass('active')){
				a_listing[i].addClass('active');
			}
		}
		else{
			if (a_listing[i].hasClass('active')){
				a_listing[i].removeClass('active');
			}
		}
	}
}
// Gestion du détail des onglets
function listing_details_handler(id, list_type)
{	
	var a_listing_details;
	
	switch (list_type)
	{
		case "onglets" :
			a_listing_details = $$("div.details-onglets-fond");
		break;
		case "push_detail" :
			a_listing_details = $$("#bloc-push-details ul.liste-push-exemple");
		break;
		case "push_exemple" :
			a_listing_details = $$("#bloc-push-details ul.liste-push-exemple-2");
		break;
	}
	
	var nb_listing_details = a_listing_details.length;
	var current_id;
	
	for (var i = 0; i < nb_listing_details; i++)
	{
		current_id = get_id(a_listing_details[i].id);
		if (current_id == id){
			a_listing_details[i].setStyles({display : 'block', visibility : 'visible'});
		}
		else{
			a_listing_details[i].setStyles({display : 'none', visibility : 'hidden'});
		}
	}
}