// JavaScript Document

/* funciones: swap_class y open_pg
   proposito: reaccionar a los eventos de mouseover, mouseout y mouseclik
   uso: swap_class(id_del_elemento, nueva_clase)
   ej:  <td id="smnutop2" class="mnu_btn2_on" onMouseOver="swap_class('smnutop2', 'mnu_btn2_off');" onMouseOut="swap_class('smnutop2', 'mnu_btn2_on');" onClick="open_pg('acercade.html')">
   descripcion del ejemplo:
   en este ejemplo se asigna la clase mnu_btn2_on al elemento TD
   en el evento mouseover se hace un swap de la clase y se cambia por mnu_btn2_off
   en el evento mouseout se hace un swap de la clase y se cambia por mnu_btn2_on
   por ultimo en el evento mouseclick se usa open_pg y se abre una pagina llamada acercade.html
*/
   
function swap_class(itemId, onOff){
	document.getElementById(itemId).className=onOff;
}

function swap_visibility(itemId, onOff){
	document.getElementById(itemId).style.display=onOff;
}

function open_pg(pagina){
	location.href=pagina;
}

/* funcion: swap_group
   proposito: cambiar la clase de una coleccion de objetos enumerados
   uso: swap_collection(prefijo_de_grupo(id), item_on, cant_elementos, class_name)
   ej: onClick="swap_group('contenido', 6, 6, main_cont)"
   descripcion del ejemplo:
   en este ejemplo se ejecuta la funcion en el evento mouseclik y lo que hace es cambiar
   la clase de todos los elementos que en el prefijo de su ID tengan CONTENIDO
   por la clase main_cont_off, excepto el numero 6 que quedara con la clase main_cont_on
*/

function swap_group(id_prefix, item_num, num_items, cls_nam){
	for(z_loop=0; z_loop < num_items; z_loop++){
		document.getElementById(id_prefix + z_loop).className = cls_nam+"_off";
	}
	document.getElementById(id_prefix + item_num).className = cls_nam+"_on";
}

function rndSlideShow(tiempo, currentItem, idPrefix, numItems, clsNam) {
	newItem = currentItem;
	while (currentItem == newItem) {
		newItem = parseInt(Math.random() * numItems);
		newItem = ((isNaN(newItem)) ? 0 : newItem); 
	}
	swap_group(idPrefix, newItem, numItems, clsNam);
	setTimeout("rndSlideShow("+tiempo+","+newItem+",'"+idPrefix+"',"+numItems+",'"+clsNam+"')",tiempo);
}