/**
 * @author cortiz
 */

var Pag = new Array();
	Pag['Servicios']= 'servicios.php';
	Pag['Cursos'] 	= 'cursos.php';
	Pag['Software'] = 'software.php';
	Pag['Nosotros'] = 'nosotros.php';
	Pag['Descargas']= 'descargas.php';
	
		
function _$(id) {
	return document.getElementById(id);
}

function trim(str, chars) {
    return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

function SobreMouseArriba() {
	if (ActivoArriba != this.id) {
		_$(this.id).style.backgroundColor = '#ff6c00';
	}
}

function FueraMouseArriba(){
		if (ActivoArriba != this.id) {
		_$(this.id).style.backgroundColor = '#636d84';
	}
}

/*
 * 	background-color: green;
	filter:alpha(opacity=20); 
	opacity: 0.2;
 */

function AbrirCroquis() {
	_$('croquisimg').style.display = 'block';
	if (_$('contenido').filters) { //Si es IE
		_$('contenido').style.filter = 'alpha(opacity=5)';
		_$('superior').style.filter = 'alpha(opacity=5)';
		_$('dLogo').style.filter = 'alpha(opacity=5)';
		_$('inferior').style.filter = 'alpha(opacity=5)';
	}
	else { //Si es un browser Mozilla
		_$('contenido').style.MozOpacity=.05;
		_$('superior').style.MozOpacity=.05;
		_$('dLogo').style.MozOpacity=.05;
		_$('inferior').style.MozOpacity=.05;
	}	
	_$('cerrar').src='imagenes/cerrar.gif';
}

function CerrarCroquis(){
	_$('croquisimg').style.display = 'none';
	if (_$('contenido').filters) { //Si es IE
		_$('contenido').style.filter = 'alpha(opacity=100)';
		_$('superior').style.filter = 'alpha(opacity=100)';
		_$('dLogo').style.filter = 'alpha(opacity=100)';
		_$('inferior').style.filter = 'alpha(opacity=100)';		
	}
	else { //Si es un browser Mozilla
		_$('contenido').style.MozOpacity=1;
		_$('superior').style.MozOpacity=1;
		_$('dLogo').style.MozOpacity=1;
		_$('inferior').style.MozOpacity=1;		
	}	
}

function ElclickArriba(){
	if (ActivoArriba != this.id) { // Vemos si es el activo, si no lo es
		/* Aca debe llamr a otro div pero dando efectos agradables */
		ActivoArriba = this.id; 
		for (i = 1; i < 6; i++) {
			if (ActivoArriba != 'd' + i) {
				_$('d'+i).style.backgroundColor = '#636d84';
				_$('d'+i).style.borderColor = '#a2a5aa';
			}
		}
		var seleccion=trim(_$(ActivoArriba).innerHTML);
//		alert(seleccion);
		_$('contenedor').src = Pag[seleccion];
		_$(ActivoArriba).style.backgroundColor = '#f07614';
		_$(ActivoArriba).style.borderColor = '#e8ab79';

	}
}

function ActualizaActArriba(valor) {
	ActivoArriba = valor;
}

onload=function() {
	for (i=1; i<6; i++) {
		_$('d' + i).onmouseover = SobreMouseArriba;
		_$('d' + i).onmouseout = FueraMouseArriba;
		_$('d' + i).onclick = ElclickArriba;

	}
	_$('croquis').onclick=AbrirCroquis;
	_$('cerrar').onclick=CerrarCroquis;

}