//function cambiarClase() {
//    document.getElementById('parrilla_new').className = (document.getElementById('parrilla_new').className == 'item h0-h2 cat01') ? 'item h0-h2 cat01' : 'item h0-h2 cat01bis';
//}


/* ----------------------------------------------------------------
addClass(element, value)
	
Función para añadir una clase CSS, (atributo className),
teniendo en cuenta si ya tenía previamente una clase o no.
Si es así la concatena, quedando del estilo:
	
class="clase1 clase2"
	
Parámetros:
	- element:  Elemento al que se añadirá la clase.
	- value:    Valor para la nueva clase.

Ejemplos de uso:
	- Añadimos la clase "bar" al elemento con "id" igual
	  a "foo".
		
	  var foo = document.getElementById("foo");
	  addClass(foo, "bar");
---------------------------------------------------------------- */
function cambiarClase(css_selector,css_added) {
		if (css_selector != 'cat01')
			$("#parrilla_new > li > ul > li.cat01").removeClass("cat01bis");
			$(".legend > ul > li.cat01").removeClass("cat01bis");
		if (css_selector != 'cat02')
			$("#parrilla_new > li > ul > li.cat02").removeClass("cat02bis");
			$(".legend > ul > li.cat02").removeClass("cat02bis");
		if (css_selector != 'cat03')
			$("#parrilla_new > li > ul > li.cat03").removeClass("cat03bis");
			$(".legend > ul > li.cat03").removeClass("cat03bis");
		if (css_selector != 'cat04')
			$("#parrilla_new > li > ul > li.cat04").removeClass("cat04bis");
			$(".legend > ul > li.cat04").removeClass("cat04bis");
		if (css_selector != 'cat05')
			$("#parrilla_new > li > ul > li.cat05").removeClass("cat05bis");
			$(".legend > ul > li.cat05").removeClass("cat05bis");
		$("#parrilla_new > li > ul > li."+css_selector).toggleClass(css_added);
		$(".legend > ul > li."+css_selector).toggleClass(css_added);
}



function addClass(element, value) {
	if (!element.className) {
		element.className = value;
	} else {
		var newClassName = element.className;
		newClassName += " ";
		newClassName += value;
		element.className = newClassName;
	}
}