//controla muestra y oculta las opciones de menu y da el tamanno de cada opci?n
 
 
   function opcionOn(value, numOpciones){
		var numOpcion = "1";
		
		
		var tamImgFlecha = 14; //tamanno de la img mas el margin por la clase
		
		var tamannoOpc = 0;
		
		numOpcion = value; 
		
		
		//arrays de letras con sus correspondientes tamannos
		var letrasMay = new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","Ñ","O","P","Q","R","S","T","U","V","W","X","Y","Z"," ","Á","É","Í","Ó","Ú")
		var letrasMin = new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","ñ","o","p","q","r","s","t","u","v","w","x","y","z"," ","á","é","í","ó","ú")
		var tamannosMay = new Array(8,7,7,7,7,6,8,7,3,5,7,6,9,7,7,8,7,8,7,7,6,7,7,10,7,7,6,3,8,7,3,6,7)
		var tamannosMin = new Array(6,6,6,6,6,4,6,6,2,2,5,2,9,6,6,6,6,6,3,6,3,6,5,7,5,6,5,3,6,6,2,8,6)
		
		
		//validaci?n para firefox o explorer
		if(document.all){
			 palabra = document.getElementById('titSub'+numOpcion).innerText;
		} else{
			 palabra =document.getElementById('titSub'+numOpcion).textContent;
		}
		 
		
		var sumaTam =0;
		
		//b?squeda de la letra en la palabra
		for(i=0;i<palabra.length;i++){
		  letraPalabra = palabra.substring(i, i+1);//se atrapa la letras de la palara una por una
	
			for(e=0;e<letrasMin.length;e++){ //b?squeda en el array de letras para compara y sacar el tamanno
			
			   if(letraPalabra == letrasMin[e]){
				 sumaTam = sumaTam + tamannosMin[e];
				 
			   }else if(letraPalabra == letrasMay[e]) {
				 sumaTam = sumaTam + tamannosMay[e];
			   }
			   
			} 
			
		}
	
		 
		tamannoOpc = sumaTam + tamImgFlecha+15;
		//tamannoOpc = 133;		
		
		//alert(tamannoOpc);	
		
		//oculta la opciones
		 for(i=1;i<=numOpciones;i++){
		   document.getElementById("sub"+String(i)).style.display ="none"; 
		 } 
		//muestra la que se ha pasado por encima 
		document.getElementById("sub"+numOpcion).style.display ="inline";
		

		
		document.getElementById('sub'+numOpcion).style.width = tamannoOpc+"px";
		document.getElementById('sub'+numOpcion).style.marginLeft = -(tamannoOpc+15)+"px";
		document.getElementById('titulosub'+numOpcion).style.width = tamannoOpc+10+"px";
		//alert("ANCHO: "+document.getElementById('titsub'+numOpcion).style.width);		
		document.getElementById('listSubOpciones'+numOpcion).style.width = tamannoOpc+75+"px";		
	}