// Este documento contiene el código para desarrollar las pestañas para los productos

var peticion = false; 

/* El objeto XMLHttpRequest es un elemento para la comunicación asincrónica con el servidor. Este objeto nos permite enviar y recibir información en formato XML y en general en cualquier formato (como un archivo HTML) */
if (window.XMLHttpRequest) {				//En FireFox y otros navegadores lo incorpora JavaScript 
	peticion = new XMLHttpRequest();
} else if (window.ActiveXObject) {			//si se trata del Internet Explorer de Microsoft, este no lo incorpora en JavaScript, se trata de una ActiveX
	peticion = new ActiveXObject("Microsoft.XMLHTTP");
}

/* 
Función que obtiene los datos de un documento externo y los muestra en un div de la página.
datos: documento a cargar
divID: id del div a modificar
*/
function ObtenerDatos(datos,divID) { 
	if(peticion) {
		 var obj = document.getElementById(divID); 
		 peticion.open("GET", datos); 						//abre con el método GET la url especificada en 'datos'
		 
		 /* Asociamos una función que se activará con cada cambio de estado (gracias al evento 'onreadystatechange' */
		 peticion.onreadystatechange = function()  { 
			  if (peticion.readyState == 4) { 				//Si el estado del objeto es completado (=4)
				   obj.innerHTML = peticion.responseText; 	//devuelve la respuesta como cadena
			  } 
		 } 
		peticion.send(null); 								//No enviamos nada al servidor 
	}
}

function CambiarEstilo(id) {
	var elementosMenu = getElementsByClassName(document, "li", "activo");
	for (k = 0; k< elementosMenu.length; k++) {
		elementosMenu[k].className = "inactivo";
	}
	var identity=document.getElementById(id);
	identity.className="activo";
}

/*
    function getElementsByClassName
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/

function getElementsByClassName(oElm, strTagName, strClassName){
	//Array d'elements 
	var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);

    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}