// ======================= http://meddle.dzygn.com =======================
// custom navigation developed for manuelblancafort.org by Sergi Meseguer
// Free to use for personal projects. Contact meddle for commercial use
// Requires Dan and Michael's api.js, and animation.js files
// see 13thparallel.org/?title=about for more specific Copyright
// ======================= Copyright (c) 2002-2003 =======================                   

// Mixing PHP/Javascript variables for layout differences among pages. 
// I think this method is better, more elegant, than a lot of if/else.
var seccionsArray = ["vocal","cambra","piano","orquestral","coral","agenda","biblio","lect","entedit","entdisco","entvincles","discs"];
var entradesArray = ["vocal","cambra","piano","orquestral","coral","agenda"];
var reposArray = ["obres","trajectoria","lectures","intro","fundacio","entitats","credits"];

// Scoping User Interface methods:
UI  = {

	// properties for da navigation:
	seccioActiva		: 0,
	individualActiva	: 0,

	init 			: function(){
		


		// slight repositioning for some pages:
		if(reposArray.indexOf(filename)>=0){
			document.getElementById("esqDiv").style.top = 90 + px;
			document.getElementById("dreDiv").style.top = 90 + px;
		}
	
		// ********* START SECCIONS
		if(seccionsArray.indexOf(filename)>=0){
			// init sections and making links to subsections:
			// (all other methods to do getElementsByClass in mac were too buggy)
			quantsDiv=document.getElementsByTagName('div'); 
			var seccions = [];
			var countSec = 0;
			for (i=0;i<quantsDiv.length;i++){ 
				if (quantsDiv[i].className == "visual") 
				{
					seccions[countSec] = quantsDiv[i];
					var n = parseInt(countSec+1);
					document.getElementById(filename+'Div').innerHTML += "<span class='sublink'>&nbsp;<a href='#' onclick='UI.canviSeccio("+n+");return false'>"+n+"</a></span>";		
					countSec++;
				}
			}
			seccions[UI.seccioActiva].style.visibility = "visible";
		
			// changing style of sublinks
			UI.submenulinks();
			
		}
		// END SECCIONS
	
		// ********* START ENTRADES
		// defining text depending on language:
		var openTXT = (lang=="cat")?"Veure detall de l\'obra":(lang=="esp")?"Ver detalle de la obra":(lang=="eng")?"Open details":"Ouvrir details";
		var closeTXT = (lang=="cat")?"Tancar detall de l\'obra":(lang=="esp")?"Cerrar detalle de la obra":(lang=="eng")?"Close details":"Fermer details";

		// making links to open entries details:
		if(entradesArray.indexOf(filename)>=0){
			var individuals = getElementsByClass("principal");
			for (i=0;i<individuals.length;i++){ 
				var n = parseInt(i+1);
				individuals[i].innerHTML += "<div class='linkampliar'><a href='#' onclick='UI.detallEntrada("+n+");return false'>"+openTXT+"</a></div>";	
			}
		
			// making links to close entries details:
			var ampliacions = getElementsByClass("ampliacio");
			for (i=0;i<ampliacions.length;i++){ 
				var n = parseInt(i+1);
				ampliacions[i].innerHTML += "<p><a href='#' onclick='UI.detallEntrada();return false'>"+closeTXT+"</a></p>";	
			}
		}
		// ********* END ENTRADES
	
	
		// wrapping (center) contents in page:
		var wrapperObj = new make("wrapper");
		setTimeout("wrapElement()", 50);
	
		// Show wrapper contents:
		wrapperObj.show();	
		window.onresize = wrapElement;
		
		// Printing hack for dhtml version:
		if (filename!="index"){ 
		//addPrinter();
		}
	},
	
	
	canviSeccio		: function(w){
		// this is no 'live array', we need a hack here.
		quantsDiv=document.getElementsByTagName('div'); 
		var seccions = [];
		var countSec = 0;
		for (i=0;i<quantsDiv.length;i++){ 
			if (quantsDiv[i].className == "visual") 
			{
			seccions[countSec] = quantsDiv[i];
			seccions[countSec].style.visibility = "hidden";
			countSec++;
			}
		}
		UI.seccioActiva = parseInt(w-1);
		seccions[UI.seccioActiva].style.visibility = "visible";
		
		// changing style of sublinks
		UI.submenulinks();
	
		// reset details:
		UI.detallEntrada();
	},
	
	detallEntrada		: function(w){
		// this is no 'live array', we need a hack here.
		quantsAmp=document.getElementsByTagName('div'); 
		var ampliacions = [];
		var countAmp = 0;
		for (i=0;i<quantsAmp.length;i++){ 
			if (quantsAmp[i].className == "ampliacio") 
			{
			ampliacions[countAmp] = quantsAmp[i];
			ampliacions[countAmp].style.visibility = "hidden";
			countAmp++;
			}
		}
		if(w){
		UI.individualActiva = parseInt(w-1);
		ampliacions[UI.individualActiva].style.visibility = "visible";
		}
	},
	
	submenulinks		: function(){
		// changing style of sublinks in submenu and setting bold active sublink:
		quantsSpan=document.getElementsByTagName('span'); 
		var sublinks = [];
		var countSlk = 0;
		for (i=0;i<quantsSpan.length;i++){ 
			if (quantsSpan[i].className == "sublink") 
			{
				sublinks[countSlk] = quantsSpan[i];
				var n = parseInt(countSlk+1);
				if (countSlk!=UI.seccioActiva) {
					sublinks[countSlk].innerHTML = "&nbsp;<a href='#' onclick='UI.canviSeccio("+n+");return false'>"+n+"</a>";	
					sublinks[countSlk].style.fontWeight = "normal";
				}
				else {
					sublinks[countSlk].innerHTML = "&nbsp;"+n;	
					sublinks[countSlk].style.fontWeight = "bold";
				}
				countSlk++;
			}
		}
	},
	
	toggleCredits		: function(que){
		// toggle = show/hide details.
		if(document.getElementById( que ).style.display == "none") {
			document.getElementById( que ).style.display = "block";
		}
		else document.getElementById( que ).style.display = "none";
	}

}


//===============================================================================================
// If browser supports enough DOM/CSS we add CSS on the fly and start javascript functions.
//===============================================================================================
if (document.getElementById && document.getElementsByTagName && document.createElement 
&& !brw.konq && typeof document.getElementsByTagName("head")[0].innerHTML != "undefined" ) {

		addStyleSheet("/css/dhtml.css", "screen");
		for (i=0;i<cssFile.length;i++) {
			addStyleSheet("/css/"+cssFile[i]+".css", "screen");
		}
		onload=UI.init;
}