// JavaScript Document
	
	function veObservacion(valor)
	{
		if (valor == true)
		{
			document.getElementById('observacion').style.visibility = "visible";
		}
		else
		{
			document.getElementById('observacion').style.visibility = "hidden";
		}
	}
	
	function ventana(url)
	{
		myWindow = window.open(url,'','width=340,height=250,resizable=no,menubar=no');
		//myWindow.focus();
	}
	
	function ventanaGraficas(url)
	{
		myWindow = window.open(url,'','width=800,height=600,resizable=no,menubar=no');
	}
	
	function ventanaGalerias(url)
	{
		myWindow = window.open(url,'','width=800,height=450,resizable=no,menubar=no');
	}
	
var lugarPagina;
var xmlHttp;

	function opcion(numero, lugar)
	{
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null)
		{
			alert ("Browser does not support HTTP Request");
			return
		}
		var url = "getContenidos.php";
		url = url + "?opcion=" + numero;
		url = url + "&sid="+Math.random();
		lugarPagina = lugar;
		xmlHttp.onreadystatechange = stateChanged;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	
	function producto(id, lugar)
	{
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null)
		{
			alert ("Browser does not support HTTP Request");
			return
		}
		var url = "getContenidos.php";
		url = url + "?opcion=" + 6;
		url = url + "&id=" + id;
		url = url + "&sid="+Math.random();
		lugarPagina = lugar;
		xmlHttp.onreadystatechange = stateChanged;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	
	function detalleProducto(idProducto, lugar)
	{
		xmlHttp=GetXmlHttpObject();
		if (xmlHttp==null)
		{
			alert ("Browser does not support HTTP Request");
			return
		}
		var url = "getProductos.php";
		url = url + "?id=" + idProducto;
		url = url + "&sid="+Math.random();
		lugarPagina = lugar;
		xmlHttp.onreadystatechange = stateChanged;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	
	function GetXmlHttpObject()
	{
		var xmlHttp=null;
		try
		{
			// Firefox, Opera 8.0+, Safari
			xmlHttp=new XMLHttpRequest();
		}
		catch (e)
		{
			// Internet Explorer
			try
			{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e)
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
		}
		return xmlHttp;
	}
	
	//
	function stateChanged() 
	{ 
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
		{ 
			document.getElementById(lugarPagina).innerHTML=xmlHttp.responseText;
		} 
	}
	
	function stateChangedXML()
	{
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
		{ 
			try
			{
				var docXML = xmlHttp.responseXML;
				var resultado = docXML.getElementsByTagName('resultado')[0].childNodes;
				//nuevos
				var nombre = "";
				var medida = "";
				var resistencia = "";
				var color = "";
				var bajoPedido = "";
				var imagen = "";
				var valor = "";
				var ancho = 0;
				var alto = 0;
				var existe;
				var totalImagenes = 0;
				var cuentaImagenes = 1;
				var cuentaPixels = 459;
				imagen = "<table width='459' height='82'><tr>";
				for (var i=0;i<resultado.length;i++)
				{
					if (resultado[i].hasChildNodes())
					{
						tipo = resultado[i].getAttribute('tipo');
						//alert(tipo);
						switch (tipo)
						{
							case 'nombre':
								valor = resultado[i].getAttribute('valor');
								nombre = nombre + valor + "<br>";
							break;
							case 'medida':
								valor = resultado[i].getAttribute('valor');
								medida = medida + valor + "<br>";
							break;
							case 'resistencia':
								valor = resultado[i].getAttribute('valor');
								resistencia = resistencia + valor + "<sup>2</sup><br>";
							break;
							case 'color':
								valor = resultado[i].getAttribute('valor');
								color = color + valor + "<br>";
							break;
							case 'bajoPedido':
								valor = resultado[i].getAttribute('valor');
								existe = valor.search('Resistencia');
								if (existe != -1)
								{
									valor = valor + "<sup>2</sup>";
								}
								bajoPedido = bajoPedido + valor + "<br>";
							break;
							case 'info':
								totalImagenes = resultado[i].getAttribute('valor');
							break;
							case 'imagen':
								valor = resultado[i].getAttribute('valor');
								ancho = resultado[i].getAttribute('ancho');
								alto = resultado[i].getAttribute('alto');
								imagen = imagen + "<td width='" + ancho + "' height='" + alto + "'><img src='" + valor + "' width='" + ancho + "'  height='" + alto + "' /></td>";
								cuentaPixels = cuentaPixels - ancho;
								if (cuentaImagenes < totalImagenes)
								{
									imagen = imagen + "<td width='3' height='" + alto + "' class='separadorImagenProducto'></td>";
									cuentaPixels = cuentaPixels - 3;
								}
								cuentaImagenes = cuentaImagenes + 1;
							break;
						}
					}
				}
				if (cuentaPixels > 0)
				{
					imagen = imagen + "<td width='" + cuentaPixels + "' height='" + alto + "'></td>";
				}
				imagen = imagen + "</tr></table>";
				document.getElementById("nombre").innerHTML = nombre;
				document.getElementById("medida").innerHTML = medida;
				document.getElementById("resistencia").innerHTML = resistencia;
				document.getElementById("color").innerHTML = color;
				document.getElementById("bajoPedido").innerHTML = bajoPedido;
				document.getElementById("imagenProductos").innerHTML = imagen;
			}
			catch (error)
			{
				alert(error);
			}//*/
		} 
	}
	
/*
//	FUNCIONES PARA LA GALERIA DE LA ROCA
*/

	function seleccionaImagen(path, ancho, id)
	{
		document.getElementById('imagenPrincipal').src = path;
		document.getElementById('imagenPrincipal').width = ancho;
		try
		{
			document.getElementById('linkObras').href = "javascript: ventanaGalerias('galeriaObras.php?id=" + id + "');";
		}	catch(e){}
		try
		{
			document.getElementById('linkTecnologia').href = "javascript: ventanaGalerias('galeriaTecnologia.php?id=" + id + "');";
		}	catch(e){}
	}
	
	function scrollThumbs(idImagen, mayor)
	{
		xmlHttp = GetXmlHttpObject();
		if (xmlHttp == null)
		{
			alert ("Browser does not support HTTP Request")
			return
		}
		//mes = mes - 1;
		var url = "getScroll.php";
		url = url + "?idImagen=" + idImagen;
		url = url + "&mayor=" + mayor;
		url = url + "&sid="+Math.random();
		xmlHttp.onreadystatechange=stateChangedGaleriaXML
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	
	function stateChangedGaleriaXML()
	{
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
		{ 
			try
			{
				var docXML = xmlHttp.responseXML;
				var resultado = docXML.getElementsByTagName('resultado')[0].childNodes;
				//nuevos
				var tipo="";
				var path="";
				var thumb="";
				var ancho="";
				var lugar="";
				var id=0;
				for (var i=0;i<resultado.length;i++)
				{
					if (resultado[i].hasChildNodes())
					{
						tipo = resultado[i].getAttribute('tipo');
						//alert(tipo);
						switch (tipo)
						{
							case 'imagen':
								path = resultado[i].getAttribute('valor');
								thumb = resultado[i].getAttribute('thumb');
								ancho = resultado[i].getAttribute('ancho');
								lugar = resultado[i].getAttribute('lugar');
								id = resultado[i].getAttribute('id');
								document.getElementById(lugar).innerHTML = "<a href='javascript: seleccionaImagen(\"" + path + "\"," +  ancho + "," +  id + ")'><img src='" + thumb + "' width='50' height='50' border='0' /></a>";
							break;
							case 'flechaIzquierda':
								id = resultado[i].getAttribute('id');
								document.getElementById('flechaIzquierda').innerHTML = "<a href='javascript: scrollThumbs(" + id +", 2);'><img src='images/fizquierda.jpg' width='13' height='19' border='0' /></a>";
							break;
							case 'flechaDerecha':
								id = resultado[i].getAttribute('id');
								document.getElementById('flechaDerecha').innerHTML = "<a href='javascript: scrollThumbs(" + id +", 1);'><img src='images/fderecha.jpg' width='13' height='19' border='0' /></a>";
							break;
						}
					}
				}
			}
			catch (error)
			{
				alert(error);
			}//*/
		} 
	}
	
	function tecnologia(id, lugar)
	{
		xmlHttp = GetXmlHttpObject();
		if (xmlHttp == null)
		{
			alert ("Browser does not support HTTP Request")
			return
		}
		//mes = mes - 1;
		var url = "getContenidos.php";
		url = url + "?opcion=" + 7;
		url = url + "&id=" + id;
		url = url + "&sid="+Math.random();
		lugarPagina = lugar;
		xmlHttp.onreadystatechange = stateChanged;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	
	function scrollTecnologia(idTecnologia, idImagen, mayor)
	{
		xmlHttp = GetXmlHttpObject();
		if (xmlHttp == null)
		{
			alert ("Browser does not support HTTP Request")
			return
		}
		//mes = mes - 1;
		var url = "getScrollTecnologia.php";
		url = url + "?idTecnologia=" + idTecnologia;
		url = url + "&idImagen=" + idImagen;
		url = url + "&mayor=" + mayor;
		url = url + "&sid="+Math.random();
		xmlHttp.onreadystatechange=stateChangedTecnologiaXML
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);
	}
	
	function stateChangedTecnologiaXML()
	{
		if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
		{ 
			try
			{
				var docXML = xmlHttp.responseXML;
				var resultado = docXML.getElementsByTagName('resultado')[0].childNodes;
				//nuevos
				var tipo="";
				var path="";
				var thumb="";
				var ancho="";
				var lugar="";
				var id=0;
				var idTecnologia;
				for (var i=0;i<resultado.length;i++)
				{
					if (resultado[i].hasChildNodes())
					{
						tipo = resultado[i].getAttribute('tipo');
						//alert(tipo);
						switch (tipo)
						{
							case 'idTecnologia':
								idTecnologia = resultado[i].getAttribute('id');
							break;
							case 'imagen':
								path = resultado[i].getAttribute('valor');
								thumb = resultado[i].getAttribute('thumb');
								ancho = resultado[i].getAttribute('ancho');
								lugar = resultado[i].getAttribute('lugar');
								document.getElementById(lugar).innerHTML = "<a href='javascript: seleccionaImagen(\"" + path + "\"," +  ancho + "," +  id + ")'><img src='" + thumb + "' width='55' height='55' border='0' /></a>";
							break;
							case 'flechaArriba':
								id = resultado[i].getAttribute('id');
								document.getElementById('flechaArriba').innerHTML = "<a href='javascript: scrollTecnologia("+ idTecnologia +"," + id +", 2);'><img src='images/farriba.jpg' width='19' height='13' border='0' /></a>";
							break;
							case 'flechaAbajo':
								id = resultado[i].getAttribute('id');
								document.getElementById('flechaAbajo').innerHTML = "<a href='javascript: scrollTecnologia("+ idTecnologia +", " + id +", 1);'><img src='images/fabajo.jpg' width='19' height='13' border='0' /></a>";
							break;
						}
					}
				}
			}
			catch (error)
			{
				alert(error);
			}//*/
		} 
	}