//MENUCLICK
/*
Questa funzione in JS consente di gestire l'effetto OnClick su una serie di menu a pulsanti presenti in una pagina
con una sola funzione è possibile gestire l'effetto su varie serie di pulsanti, ognuna funzionerà in modo autonomo

Istruzioni per l'uso
1 - innanzitutto ogni pulsante (di ogni serie) dovrà avere la classe 'selectable'
2 - inoltre ogni serie di pulsanti avrà una sua ulteriore classe: nella versione base 'pulsante1' per il primo menù, 
'pulsante2' per il secondo menù e così via.
3 - al momento in cui un pulsante viene premuto lo script gli 'aggiunge' una classe 'selected' e eventualmente la rimuove da un altro tasto premuto precedentemente e appartenente allo stesso menu,

in pratica per ogni menu esiste una condizione 'selected' a cui vanno date, tramite css, modifiche grafiche o di altro genere

se si vuole usare una sola serie di tasti, ovvero un solo menu, basterà introdurre queste classi nel css: pulsante1, selected1.
Nel caso di due diversi set di pulsante sarà necessario introdurre anche: pulsante2, selected2; e così via in caso di maggior numero di menù.


Nota:
questa funzione richiede le librerie mootools

*/

//DomReady
window.addEvent('domready', function(){
	pulsante();
});

					
					
function pulsante(){
	$$('.selectable').each(function(link){ 	
		link.addEvent('click', function(a){
			var group, select;
			if (link.hasClass('pulsante1')) {
				group='.pulsante1';
				select='selected1';
			} else if (link.hasClass('pulsante2')) {
 				group='.pulsante2';
				select='selected2';                  
					}else if (link.hasClass('pulsante3')) {
					group='.pulsante3';
					select='selected3';                  
						}else if (link.hasClass('pulsante4')) {
						group='.pulsante4';
						select='selected4';                  
						}  
	
		$$(group).each(function(old){old.removeClass(select);});
		link.addClass(select);
		
		});
	});
}