/*------------------------------
  Clic 2005
  http://www.clic.com.mx
  	Por: Gerardo Gonzalez
  		 gerardo@clic.com.mx
------------------------------*/

/*-----------------------------------
			colapsar(id)
-------------------------------------
Muestra u Oculta el elemento 
segun el estado al cambiar la 
clase CSS
-------------------------------------
id    --> id del elemento
------------------------------------*/
function colapsar(id){
	var elemento = document.getElementById(id);
	ejecutar = elemento.className == 'hide' ? show(id): hide(id);
}

/*-----------------------------------
			colapsarAll(id)
-------------------------------------
Muestra u Oculta el elemento 
segun el estado al cambiar la 
clase CSS
-------------------------------------
activar --> numero del elemento despues del prefijo
prefijo    --> prefijo de ese grupo
numE --> número total de elementos
------------------------------------*/
function colapsarAll(activar, prefijo, numE){
	var elemento;
	for(i=1; i<=numE; i++){
		if(document.getElementById(prefijo + i) != null){
			elemento= document.getElementById(prefijo + i);
			hide(prefijo + i);
		}
	}
	show(prefijo + activar);
}

/*-----------------------------------
			show(id)
-------------------------------------
Muestra el elemento al cambiar la 
clase CSS
-------------------------------------
id    --> id del elemento
------------------------------------*/
function show(id){
	changeClass(id, 'show');
}

/*-----------------------------------
			hide(id)
-------------------------------------
Oculta el elemento al cambiar la 
clase CSS
-------------------------------------
id    --> id del elemento
------------------------------------*/
function hide(id){
	changeClass(id, 'hide');	
}


/*-----------------------------------
			changeClass
-------------------------------------
Cambia el atributo de clase CSS de 
un elemento de la página
-------------------------------------
id    --> id del elemento
clase --> nueva clase CSS a utilizar
------------------------------------*/

function changeClass(id, clase){
	document.getElementById(id).className = clase;	
}

/*-----------------------------------
	Abre una ventana popUp(url, width=100, height=200)
-------------------------------------
	string url 	--> url de la pagina a abrir
	int width 	--> ancho de la ventana
	int height 	--> alto de la ventana
	string name --> nombre de la ventana
------------------------------------*/

function popUp(url, width, height, name) {
	width = width != null ? width :100; // Setting default width
	height = height != null ? height :200; // Setting default height
	name = name != null ? name : "" ; // Setting default height
	winStats ='toolbar=no,location=no,directories=no,menubar=no,';
	winStats +='scrollbars=no,width=' + width + ',height=' + height;
	if (navigator.appName.indexOf("Microsoft")>=0) {
		winStats += ',left=200,top=200'
	}else{
		winStats += ',screenX=200,screenY=200'
	}
	floater = window.open(url,name,winStats)
	
	floater.focus(); 
}