// Liqueed - Estudio Creativo
// http://www.liqueed.com
// JavaScript Document


// En el banner del index, activa las distintas pestanyas
function activar_tab(nombre, container) {	
	// ocultamos todas las pestanyas
	var myCuadro = document.getElementById(container);
	if (myCuadro) {
		for (var i=0; i<myCuadro.childNodes.length; i++) {
			var node = myCuadro.childNodes[i];
			if (node.nodeName=="DIV") 
				node.style.display = "none";
			else
				if (node.nodeName=="UL"){
					for (var j=0; j<node.childNodes.length; j++){
						var nodeli = node.childNodes[j];
						if (nodeli.nodeName=="LI") 
							nodeli.className = "";
					}
				}
		}	
	
		//mostramos la elegida
		var myDiv = document.getElementById(nombre);
		myDiv.style.display = "block";	
		//activamos la pestanya
		var myLi = document.getElementById("li_"+nombre);
		myLi.className = "active";
	}	
}


// Ocultar la descripcion en Portfolio y mostrar la info del proyecto
function hide_descripcion() {	
	var cont0 = $("desc-inner0");
	if (cont0) { 	
		var cont1, cont2;
		cont0.style.display = "none";
		cont1 = $("desc-inner1");
		cont1.style.display = "none";
		cont2 = $("desc-inner2");
		cont2.style.display = "none";
	}
}

//En Portfolio, cambiar de Descripcion a Proyecto y viceversa
function cambiar_vista(num) {
	conta = $("proy-inner"+num);
	contb = $("desc-inner"+num);
	if (conta.style.display == "none") {
		conta.style.display = "block";
		contb.style.display = "none";
		vista = "proy";
		texto = "Descripci&oacute;n";
	}
	else {
		conta.style.display = "none";
		contb.style.display = "block";
		vista = "desc";
		texto = "Proyecto";
	}
	$('descripcionlink'+num).innerHTML = texto;
	links = $("links"+num); //cambiamos el color de los enlaces azul->blanco->azul	
	links.className = "enlaces link"+vista;
}	

// En Portfolio lanza el Lightbox desde el thumbnail
// nota: en mootools la forma de lanzar un evento es elem.fireEvent('event') para FF/IE pero 
// parece que no funciona para lanzar el multibox en FF, así que mezclo la forma tradicional y la de mootools
function lanzar(nom) {	
	var fireOnThis = $(nom);
	if (document.createEvent) { 
		var evObj = document.createEvent('MouseEvents');
		evObj.initEvent('click', true, false);		
		fireOnThis.dispatchEvent(evObj);
	} else if (document.createEventObject) { //Internet Explorer
		fireOnThis.fireEvent('click'); //normalmente en IE se pone onclick, pero usamos la funcion de mootools que es sin "on"
	}
}

// Escuchadores de eventos para Portfolio (cambio Proyecto-Descripcion y lanzado de lighbox)
function portfolio_listeners(){
	if ($('imglink0')){
		$('imglink0').addEvent('click', function(event){		
			lanzar('gallerylink0');
			if( event.preventDefault ) { event.preventDefault(); } 
			event.returnValue = false;
		})	
	}
	if ($('imglink1')) {
		$('imglink1').addEvent('click', function(event){		
			lanzar('gallerylink1');
			if( event.preventDefault ) { event.preventDefault(); } 
			event.returnValue = false;
		})	
	}
	if ($('imglink2')) {
		$('imglink2').addEvent('click', function(event){		
			lanzar('gallerylink2');
			if( event.preventDefault ) { event.preventDefault(); } 
			event.returnValue = false;
		})	
	}
	//descripcion-proyecto
	if ($('descripcionlink0')) {
		$('descripcionlink0').addEvent('click', function(event){
			cambiar_vista('0');
			if( event.preventDefault ) { event.preventDefault(); }
			event.returnValue = false;
		});
	}
	if ($('descripcionlink1')) {
		$('descripcionlink1').addEvent('click', function(event){
			cambiar_vista('1');
			if( event.preventDefault ) { event.preventDefault(); } 
			event.returnValue = false;
		});
	}
	if ($('descripcionlink2')) {
		$('descripcionlink2').addEvent('click', function(event){
			cambiar_vista('2');
			if( event.preventDefault ) { event.preventDefault(); } 
			event.returnValue = false;
		});
	}
}


window.onload = function() {
	activar_tab('web', 'frontbanner');
	activar_tab('b3d2d', 't3dbanner');
	//hide_descripcion();
}