// JavaScript Document

//Creamos las variables para el efecto del menú
var capaSeleccionada;
var menuSeleccionado;
var estiloSeleccionado;

//Creamos las variables de opacidad para mozilla y para IE
var MozOpacidad;
var Opacidad;
var finPresentacion = false;


//Creamos la función para cambiar el estilo del menú
function cambiarEstilo(id, nuevoEstilo)
{
	if(id != menuSeleccionado)
	{
		document.getElementById(id).className=nuevoEstilo;
	}
}


function seleccionarCapa(menu, estiloMenuDesactivado, capa, estiloOculto, estiloVisible)
{	
	
	//Gestión del submenú
	cambiarEstilo(capaSeleccionada, estiloOculto);
	capaSeleccionada = capa;
	cambiarEstilo(capa, estiloVisible);

	//Gestión del menú
	if(menuSeleccionado != null && estiloSeleccionado != null)
	{
		document.getElementById(menuSeleccionado).className = estiloSeleccionado;
	}
	
	menuSeleccionado = menu;
	estiloSeleccionado = estiloMenuDesactivado;
}


//Función para optimizar la carga de páginas en capas
function optimizarCarga(url, id)
{

	//Si la capa está oculta, entonces cargamos la página
	if(document.getElementById(id).style.visibility == "hidden")
	{
		incluir(url, id);	
	}
	
}

function urlencode (str) 
{  
  
    var histogram = {}, histogram_r = {}, code = 0, tmp_arr = [];  
    var ret = str.toString();  
  
    var replacer = function(search, replace, str) {  
        var tmp_arr = [];  
        tmp_arr = str.split(search);  
        return tmp_arr.join(replace);  
    };  
  
    // The histogram is identical to the one in urldecode.  
    histogram['!']   = '%21';  
    histogram['%20'] = '+';  
  
    // Begin with encodeURIComponent, which most resembles PHP's encoding functions  
    ret = encodeURIComponent(ret);  
  
    for (search in histogram) {  
        replace = histogram[search];  
        ret = replacer(search, replace, ret) // Custom replace. No regexing  
    }  
  
    // Uppercase for full PHP compatibility  
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {  
        return "%"+m2.toUpperCase();  
    });  
  
    return ret;  
}  



//Creamos la función para cambiar la opacidad de una capa
function cambiarOpacidadImagen(capa)
{ 
	//Comprobamos que la opacidad no sea 0
	if (MozOpacidad != 0 || Opacidad != 0)
	{
		//Reducimos la opacidad	
		MozOpacidad = parseInt(MozOpacidad) - parseInt(10);
		Opacidad = parseInt(Opacidad) - parseInt(10);
			
		//Insertamos las opacidades en la capa
		document.getElementById(capa).style.MozOpacity = MozOpacidad / 100;
		document.getElementById(capa).style.opacity = Opacidad / 100;
	}
}


//Creamos la función para ocultar y mostrar capas
function efectoCapaImagen(capa)
{

	//Almacenamos la opacidad de la capa
	MozOpacidad = 100;
	Opacidad =100;
	
	//Creamos el intervalo
	var id = setInterval("cambiarOpacidadImagen('"+capa+"')", 90);
	
	//Paramos el intervalo
	setTimeout("clearInterval("+id+")", 3500);
		
} 

function changepic(img)
{
	document.getElementById('rotimg').src= "imagenes/user/"+img;
} 

function changetxt(txt)
{
	document.getElementById('ftxt').innerHTML= txt;
} 

function showpic(img)
{	
	document.getElementById('light').innerHTML= "<img src='imagenes/user/"+img+"' width=\"750\" height=\"450\">";
}


function closediv(){
	/*document.getElementById('pictext').style.display='none';*/
	document.getElementById('light').style.display='none';
	document.getElementById('fade').style.display='none';
}