//funcion que controla las estrellas
function cargarEstrellas(valor,estrella)
{

	/*
	*	estrella = 1 Significa estrella activa.
	*	estrella = 2 Significa estrella inactiva.
	*/
	//valido que estrella se debe poner si es la 1 pondre la estrella activa de lo contrario sera la inactiva
	ruta_estrella	=(estrella==1)?'php/hands/star_act.gif':'php/hands/star_inact.gif';
	//pone la estrellita correspondiente sobre la estrella que selecciono
	document.getElementById(valor).src=ruta_estrella;
	//recorre el numero de la estrella seleccionada hacia atras
	for(a=1;a<=valor-1;a++)
	{
		//dentro del recorrido va seleccionando las estrellas enteriores a la actual y les pone la estrella correspondiente
		document.getElementById(a).src=ruta_estrella;
	}
}
function calificar(calificacion,cont)
{
	ruta_archivo	=	"php/hands/guardado.php";
	//instancio el objeto ajax
	ajax=nuevoAjax();
	//paso los parametros por get al php
	ajax.open("GET", ruta_archivo+"?cont="+cont+"&calificacion="+calificacion);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==1)
		{
			document.getElementById('stars').innerHTML="<img src='images/diseno/ajax-loader.gif'>";
		}
		else if (ajax.readyState==4)
		{
			//Aceptamos la respuesta del php
			var resultado = ajax.responseText;
			document.getElementById('stars').innerHTML=resultado;
			
		}
	}
	 ajax.send(null);
}
/*
* Funcion que realizara el funcionamiento de relacion del producto con el usuario logueado.
* @param idusuario el cual es el id del usuario en session
* @param idproducto el cual sera el producto el cual se le relacionara
*/
function relproducto(idusuario,idproducto)
{
	ruta_archivo	=	"externos/relproducto.php";
	//instancio el objeto ajax
	ajax=nuevoAjax();
	//paso los parametros por get al php
	ajax.open("GET", ruta_archivo+"?producto="+idproducto+"&usuario="+idusuario);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==1)
		{
			document.getElementById('agregar_alista').innerHTML="<img src='images/generics/ajax-loader_mini.gif'>";
		}
		else if (ajax.readyState==4)
		{
			//Aceptamos la respuesta del php
			var resultado = ajax.responseText;
			document.getElementById('agregar_alista').innerHTML=resultado;
			
		}
	}
	 ajax.send(null);
}
/*
* Funcion que realizara el funcionamiento de relacion del producto con el usuario logueado.
* @param idusuario el cual es el id del usuario en session
* @param idproducto el cual sera el producto el cual se le relacionara
*/
/*
function relproducto(idusuario,idproducto,pestana)
{
	if(idusuario==''){idusuario=0;}
	comentario	=	document.getElementById('coment'+idproducto+pestana).value;
	ruta_archivo	=	"externos/relcomentario.php";
	//instancio el objeto ajax
	ajax=nuevoAjax();
	//paso los parametros por get al php
	ajax.open("GET", ruta_archivo+"?producto="+idproducto+"&usuario="+idusuario+"&comentario="+comentario);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==1)
		{
			document.getElementById('mensajes'+pestana).innerHTML="<img src='images/generics/ajax-loader_mini.gif'>";
		}
		else if (ajax.readyState==4)
		{
			document.getElementById('mensajes'+pestana).innerHTML='';
			//Aceptamos la respuesta del php
			var resultado = ajax.responseText;
			document.getElementById("mensajes"+pestana).style.display='';
			crear(this,resultado,pestana);
			//document.getElementById('agregar_alista').innerHTML=resultado;
			
		}
	}
	 ajax.send(null);
}*/

function vermensajes(pestana,accion)
{
	//ver
	if(accion == 1)
	{
		document.getElementById("mensajes"+pestana).style.display='';
		document.getElementById("activa"+pestana).innerHTML='<span id="activa'+pestana+'"><a href="#mensajes'+pestana+'" onClick=vermensajes('+pestana+',0)>Ocultar comentarios </a>';
	}
	//ocultar
	else if(accion==0)
	{
		document.getElementById("mensajes"+pestana).style.display='none';
		document.getElementById("activa"+pestana).innerHTML='<span id="activa'+pestana+'"><a href="#mensajes'+pestana+'" onClick=vermensajes('+pestana+',1)>Ver comentarios </a>';
	}
}
num=0;
function crear(obj,contenido,pestana) {
  num++;
  fi = document.getElementById('mensajes'+pestana); // 1
  contenedor = document.createElement('div'); // 2
  contenedor.id = 'coment'; // 3
  contenedor.innerHTML = contenido;
  contenedor.style.background='red';
  fi.appendChild(contenedor); // 4
/*
  ele = document.createElement('input'); // 5
  ele.type = 'file'; // 6
  ele.name = 'fil'+num; // 6
  contenedor.appendChild(ele); // 7
  
  ele = document.createElement('input'); // 5
  ele.type = 'button'; // 6
  ele.value = 'Borrar'; // 8
  ele.name = 'div'+num; // 8
  ele.onclick = function () {borrar(this.name)} // 9
  contenedor.appendChild(ele); // 7*/
}
function borrar(obj) {
  fi = document.getElementById('fiel'); // 1 
  fi.removeChild(document.getElementById(obj)); // 10
}
function verMapa(id)
{
	window.open('externos/mapa.php?id='+id, '_blank','width=425,height=350');
}
/*
* Funcion que realizara el funcionamiento de relacion del producto con el usuario logueado.
* @param idusuario el cual es el id del usuario en session
* @param idproducto el cual sera el producto el cual se le relacionara
*/

function relcoment(idusuario,idproducto)
{
	if(idusuario==''){idusuario=0;}
	comentario	=	document.getElementById('coment_value').value;
	if(comentario == '')
	{
		alert("Please write a comment");
	}
	else
	{
		ruta_archivo	=	"externos/relcomentario.php";
		//instancio el objeto ajax
		ajax=nuevoAjax();
		//paso los parametros por get al php
		ajax.open("GET", ruta_archivo+"?producto="+idproducto+"&usuario="+idusuario+"&comentario="+comentario);
		ajax.onreadystatechange=function() {
			if (ajax.readyState==1)
			{
				document.getElementById('mensajes').innerHTML="<img src='images/diseno/ajax-loader_mini.gif'>";
			}
			else if (ajax.readyState==4)
			{
				var resultado = ajax.responseText;
				cadenaTexto = resultado;
				fragmentoTexto = cadenaTexto.split('|');
				document.getElementById('mensajes').innerHTML	=	fragmentoTexto[0];
				//borro el area de texto
				document.getElementById('coment_value').value= '';
				//pinto el nuevo div
				addElement(fragmentoTexto[1],fragmentoTexto[2]);
			}
		}
		 ajax.send(null);
	}
}

function addElement(usuario,comentario) {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'coment';
  newdiv.setAttribute('class',divIdName);
  newdiv.innerHTML = '<h3>'+usuario+'</h3><p>'+comentario+'</p>';
  ni.appendChild(newdiv);
}

function traeDatos(id){
	ruta_archivo	=	"php/getData.php";
	//instancio el objeto ajax
	ajax=nuevoAjax();
	//paso los parametros por get al php
	ajax.open("GET", ruta_archivo+"?case=1&id="+id);
	ajax.onreadystatechange=function() {
		/*if (ajax.readyState==1)
		{
			document.getElementById('stars').innerHTML="<img src='images/diseno/ajax-loader.gif'>";
		}*/
		if (ajax.readyState==4)
		{
			
			//Aceptamos la respuesta del php
			var resultado = ajax.responseText;
			quitacat = quitaelement();
			if(resultado!=''){
				
				var ndiv = document.createElement("ul");
				ndiv.id = "menuint"+id;
				ndiv.className="menuint";
				ndiv.style.left = "-82px";
				ndiv.innerHTML = resultado;
				//ndiv.setAttribute("onmouseout","quitaelement()");
				
				encuentra = document.getElementById("menuint"+id);
				if(encuentra!=null){
					parent = encuentra.parentNode;
					parent.removeChild(encuentra);
					//document.getElementById('menu_'+id).removeChild(ndiv);
				}
				//document.getElementById('menu_'+id).appendChild(ndiv);
				menu= document.getElementById('menu_'+id);
				menu.style.background = "#F15A22";
				menu.style.color = "#FFF";
				document.getElementById('menu_').appendChild(ndiv);
				menuint = document.getElementById('menuint'+id);
				menuint.style.display='';
				var ultimacategoria = document.getElementById("ultimacategoria");
				ultimacategoria.value = id;
				//document.getElementById('menu_'+id).innerHTML=resultado;
			}			
		}
	}
	 ajax.send(null);
}


function traesubmenu(id){

	ruta_archivo	=	"php/getData.php";
	//instancio el objeto ajax
	ajax=nuevoAjax();
	//paso los parametros por get al php
	ajax.open("GET", ruta_archivo+"?case=2&id="+id);
	ajax.onreadystatechange=function() {
		
		if (ajax.readyState==4)
		{
			
			//Aceptamos la respuesta del php
			var resultado = ajax.responseText;
			//alert(resultado);
			quitacat = quitaelements();
			if(resultado!=''){
				
				var ndiv 		= document.getElementById("divmenuint"+id);				
				ndiv.innerHTML 	= resultado;
				var ultimacategoria = document.getElementById("ultimasubcategoria");
				ultimacategoria.value = id;
				//ndiv.setAttribute("onmouseout","quitaelement()");
				//alert(resultado);
				/*encuentra = document.getElementById("menuint"+id);
				if(encuentra!=null){
					parent = encuentra.parentNode;
					parent.removeChild(encuentra);
					//document.getElementById('menu_'+id).removeChild(ndiv);
				}
				//document.getElementById('menu_'+id).appendChild(ndiv);
				menu= document.getElementById('menu_'+id);
				menu.style.background = "#F15A22";
				menu.style.color = "#FFF";
				document.getElementById('menu_').appendChild(ndiv);
				menuint = document.getElementById('menuint'+id);
				menuint.style.display='';				
				//document.getElementById('menu_'+id).innerHTML=resultado;*/
			}			
		}
	}
	 ajax.send(null);
}

function quitaelement(){
	
	var ultimacategoria = document.getElementById("ultimacategoria");
	id = ultimacategoria.value;
	menu = document.getElementById("menu_"+id);
	menu.style.background = "none";
	menu.style.color = "#F15A22";
	if(id!=''){
		menuint = document.getElementById("menuint"+id);
		if(menuint!=null){
			padre = menuint.parentNode;	
			padre.removeChild(menuint);
		}
	}	
}

function quitaelements(){
	var ultimasubcategoria = document.getElementById("ultimasubcategoria");
	id = ultimasubcategoria.value;
	/*menu = document.getElementById("submenuint"+id);
	menu.style.background = "none";
	menu.style.color = "#F15A22";*/
	if(id!=''){		
		menuint = document.getElementById("submenuint"+id);
		if(menuint!=null){
			padre = menuint.parentNode;	
			padre.removeChild(menuint);
			/*divmenuint = document.createElement("ul");
			divmenuint.className="submenuint";
			divmenuint.id="divmenuint"+id;*/
		}
	}	
}