// JavaScript Document
var id_sel = 'leng_1';
function clic_cambia_css(id)
	{
	var num_elem = document.getElementById('num_elem').value;	
	for(i=1;i<=num_elem;i++)
		{
		if(id=="leng_"+i)
			{
			document.getElementById(id).className = "borde_superior_leng";
			document.getElementById('link_'+i).className = "ejemplo";
			id_sel = id;
			}
		else
			{
			document.getElementById('leng_'+i).className = "borde_atras";
		    document.getElementById('link_'+i).className = "base";
			}
		}
	}
function over_cambia_css(id)
	{
	var num_elem = document.getElementById('num_elem').value;	
	for(i=1;i<=num_elem;i++)
		{
		if(id_sel != "leng_"+i)
			{
			if(id=="leng_"+i)
				{
				document.getElementById(id).className = "borde_atras_over";
 			    document.getElementById('link_'+i).className = "base";
				}
			else
				{
				document.getElementById('leng_'+i).className = "borde_atras";
				}
			}
		}
	}
function out_cambia_css(id)
	{
	var num_elem = document.getElementById('num_elem').value;	
	for(i=1;i<=num_elem;i++)
		{
		if(id_sel != "leng_"+i)
			{
			document.getElementById('leng_'+i).className = "borde_atras";
			document.getElementById('link_'+i).className = "base";
			}
		else if(id_sel == "leng_"+i)
			{
			document.getElementById('link_'+i).className = "ejemplo";
			}
		}
	}