/*
	Funciones DHTML compatibles con el estándar DOM
*/
// Función para obtener el valor de un estilo dado el id del elemento
function getStyleById(id, style)
{
	var elm = document.getElementById(id);
	return getStyle(elm, style);
}
// Función para obtener el valor de un estilo dado el elemento
function getStyle(elm, style)
{
	if(typeof(document.defaultView) == 'object') return document.defaultView.getComputedStyle(elm, null).getPropertyValue(style);
	else if(elm.currentStyle) return elm.currentStyle[style];
}
// Función para establecer el valor de un estilo dado el id del elemento
function setStyleById(id, style, value)
{
	var elm = document.getElementById(id);
	setStyle(elm, style, value);
}
// Función para establecer el valor de un estilo dado el elemento
function setStyle(elm, style, value)
{
	elm.style[style] = value;
}



function RollInit()
{
	var imgs = document.getElementsByTagName('IMG');
	for(var i = 0; i != imgs.length; ++i) {
		if(/(\w+)ROLL$/.test(imgs[i].id)) {
			var roll_id = RegExp.$1;
			var elm = imgs[i];
			elm.img_over = new Image();
			elm.img_over.src = elm.src.replace(/(_al|_ca|_e|_fr|_in|_it)?(.gif|.jpg|.png)$/, '_over$1$2');
			elm.img_orig = new Image();
			elm.img_orig.src = elm.src;
			if(/(\w+)MENU$/.test(roll_id)) {
				elm.RollOver = RollOver;
				elm.RollOut = RollOut;
			} else {
				elm.RollOver = RollOver;
				elm.RollOut = RollOut;
				elm.onmouseover = RollOver;
				elm.onmouseout = RollOut;
			}
		}
	}
}
// Función para hacer rollover de una imagen
function RollOver()
{
	this.src = this.img_over.src;
}
// Función para restaurar una imagen
function RollOut()
{
	this.src = this.img_orig.src;
}