// JavaScript Document

//variables globales
var w3c = (document.getElementById) ? true : false;//es cierto si el navegador soporta el dom w3c
var allDom = (document.all) ? true : false;//es cierto si el navegador soporta el dom de explorer all

//esta funcion devuelve una referencia al elemento pasado, sea cual sea el dom soportado por el navegador
function devuelveElemento(id) {
var elemento
if (w3c) {
	elemento = document.getElementById(id);
	}
else {
	if (allDom) {
		elemento = eval("document.all."+id);
		}
	}
	return elemento;
}


//esta funcion permite asignar o modificar un determinado estilo al elemento pasado
function cambiarEstilo (IDelemento, propiedad, valor) {
	var elemento = devuelveElemento(IDelemento);
	eval ("elemento.style." + propiedad + " = '" + valor + " ' ");
}  
	

//esta funcion permite cambiar o establecer el valor de un atributo del elemento pasado en la funcion
function cambiarAtributo (IDelemento, atributo, valor) {
	var elemento = devuelveElemento(IDelemento);
	/*window.alert(typeof(elemento.getAttribute("class")));*/
	elemento.setAttribute(atributo, valor);
}



/*este es el rollOver que tendran las td de las tablas que necesiten este efecto,
como por ejemplo la tabla.thumbnails de las paginas de galerias de un development.
Para que el efecto sea armónico, es conveniente que el estilo aplicado en rollOver coincida
con el estilo del td.activo de dicha tabla.
Un td.activo es el que esta seleccionado por defecto.
*/
/*function rollOverTd (id) {
cambiarEstilo (id,"background","#E6E6E6");
//cambiarEstilo (id, "border", "solid #FF0000 1px");
}
//y esta es la funcion que se encarga de devolver el elemento a su estado original cuando el raton sales del elemento
function rollOutTd (id) {
cambiarEstilo (id,"background", "#FFFFFF");
//cambiarEstilo (id, "border", "solid #FFFFFF 1px");
}

//cambia la imagen pasada como parametro por otra, que viene dada por el segundo parametro
function cambiarFoto (IDelemento, fileSrc) {
var elemento = devuelveElemento(IDelemento);
elemento.src = fileSrc;
}*/