/* --------------------------- JAVASCRIPT PEL FUNCIONAMENT DELS TABULADORS ---------------------------- 

-------------------------------------------------------------------------------------------------------
Direcci� General d'Atenci� Ciutadana - Generalitat de Catalunya  ||| davixyz@gmail.com
-------------------------------------------------------------------------------------------------------

Afegeix el comportament (mostrar i ocultar) dels tabs-pastilles als elements d'una llista <ul> 
(exemple a la home http://www.gencat.net) o b� a capes <div> relacionades per l'id i l'id_ 
(exemple a la fitxa dels tr�mits a serveis) .  

* Es creen els tabuladors i l'event associat amb el m�tode nouTab("id_tab1, id_tab2, ...", ["over"])

* S'han d'establir els estils css que corresponen :

	** als men�s principals <ul class="?"> :
			- pastilla seleccionada [.estilSelected -> onclick ]
 			- quan estem a sobre [.estilMouseOver -> onmouseover] 
			- quan sortim [.estilUnSelected -> onclick i onmouseout] 

	** als submen�s <ul><li><ul class="?"> 
			- estilVisible (per defecte, la primera pastilla de cada bloc en carregar estar� seleccionada)
			- estilOcult 

-> Per accessibilitat, les llistes a les que donarem format han de tenir establerta la propietat 
   ".NoJavascript" que �s la que utilitzarem per cercar les <ul> a les que donarem forma i aplicarem 
   l'estil de la propietat ".estilJavascript". 
-> Necessari navegadors DOM (document.getElementById). Si no �s mostrar� com una llista normal.
-> El contingut de <ul><li> pot ser un <span>. En aquest cas indicarem l'id del <li> que el cont� + "_" -> 
   <span id="[id <li>]_">


-> Millora en l'accessibilitat:
	Es crea per javascript un link al primer node de nom�s text, que permetr� seleccionar per teclat, 
	alhora que indicar� que existeix un link als navegadors de veu.
---------------------------------------------------------------------------------------------------- */

function gencatTAB(){
	
	var tabuladors = new Array();
	var eventTab = new Array();
	var strLog = "";

	this.estilSelected = "";
	this.estilUnSelected = "";
	this.estilMouseOver = "";
	this.estilVisible = "";
	this.estilOcult = "";
	this.test = false;
	
	this.nouTab = function(){

		if(arguments.length>0){

			if(arguments[0]!=""){

				var nTabs = tabuladors.length;
				tabuladors[nTabs] = new Array();

				var arrAux = arguments[0].split(",");
				var cont = 0;

				for(var i=0; i<arrAux.length; i++){
					if(arrAux[i]!=""){
						tabuladors[nTabs][cont] = arrAux[i];
						cont++;
					}
				}
			}
			
			if(arguments.length==1){
				eventTab[eventTab.length] = "aaa";
			}else if(arguments.length==2){
				eventTab[eventTab.length] = arguments[1].toLowerCase();
			}
			
		}else strLog = "--> No has especificat cap par�metre en crear el tabulador: \nnouTab('id_tab1, id_tab2, ...', ['over']) \n"
	}

	this.loadTabs = function(){
		var strNavegador = navigator.userAgent.toLowerCase();

		if(document.getElementById && strNavegador.indexOf("minimo")==-1 && strNavegador.indexOf("windows ce")==-1 && strNavegador.indexOf("240x320")==-1){
			try{
				if(tabuladors.length>0){

					for(var i=0; i<tabuladors.length; i++){

						for(var j=0; j<tabuladors[i].length; j++){
							var objTab = null;
								if(document.getElementById(tabuladors[i][j])){
									objTab = document.getElementById(tabuladors[i][j]);
	
									//Codi per onclick
									var fncCodi = "";
									var strEstilTab, strEstilSubTab;
									for(var k=0; k<tabuladors[i].length; k++){
										if(tabuladors[i][j]!=tabuladors[i][k]){
											strEstilTab = this.estilUnSelected;
											strEstilSubTab = this.estilOcult;
										}else{
											strEstilTab = this.estilSelected;
											strEstilSubTab = this.estilVisible;
										}
										/*fncCodi += "if(document.getElementById('" + tabuladors[i][k] + "').getElementsByTagName('ul').length>0){"
										fncCodi += "document.getElementById('" + tabuladors[i][k] + "').getElementsByTagName('ul')[0].className='" + strEstilSubTab + "';}"
										fncCodi += "else{document.getElementById('" + tabuladors[i][k] + "_').className='" + strEstilSubTab + "';}"*/
											fncCodi += "if(document.getElementById('" + tabuladors[i][k] + "')){"
											fncCodi += "document.getElementById('" + tabuladors[i][k] + "').className='" + strEstilTab + "';";
											//fncCodi += "document.getElementById('" + tabuladors[i][k] + "').innerHTML='" + strEstilTab + "';";
											fncCodi += "if(document.getElementById('" + tabuladors[i][k] + "_')){document.getElementById('" + tabuladors[i][k] + "_').className='" + strEstilSubTab + "';}";
											fncCodi += "else if(document.getElementById('" + tabuladors[i][k] + "').getElementsByTagName('ul').length>0){";
											fncCodi += "document.getElementById('" + tabuladors[i][k] + "').getElementsByTagName('ul')[0].className='" + strEstilSubTab + "';}";
											fncCodi += "}";
											
										/* Codi afegit per onclick */
										/*var divMunicipi = document.getElementById("dv_municipi");
										var parentMunicipi = divMunicipi.parentNode;*/
										
										/* Fi codi afegit per onclick */
									}
			
									//Codi per onmouseover
									fncCodi += "||";
		
									if(eventTab[i]!="over"){
										fncCodi += "if(this.className!='" + this.estilSelected + "'){";
										fncCodi += "this.className ='" + this.estilMouseOver + "';}";
									}else{
										//fncCodi += fncCodi //si l'event �s mouseover mostrem igual que en el clic
									}
									
									//Codi per onmouseout
									fncCodi += "||";
									if(eventTab[i]!="over"){
										fncCodi += "if(this.className=='" + this.estilMouseOver + "'){";
										fncCodi += "this.className ='" + this.estilUnSelected + "';}";
									}
									
									objTab.data = fncCodi;
		
									objTab.onclick = function(e){
										
									}

									/*objTab.onmouseover =  function(){
											var codi = this.data.slice(this.data.indexOf("||")+2, this.data.lastIndexOf("||"));
											if(codi=="") eval(this.data.slice(0,this.data.indexOf("||")));
											else		eval(codi);
									}*/
									
									/*objTab.onmouseout =  function(){
											eval(this.data.slice(this.data.lastIndexOf("||")+2) );
									}*/
		
									//try{objTab.style.cursor = "pointer";}catch(e){}
									
									//Apliquem els estils inicials. La primera pastilla de cada bloc ser� l'activa
									if(j==0){
										objTab.className = this.estilSelected;
										/*if(document.getElementById(tabuladors[i][j]).getElementsByTagName('ul').length>0){
											document.getElementById(tabuladors[i][j]).getElementsByTagName('ul')[0].className= this.estilVisible;
										}else{*/
											if(document.getElementById(tabuladors[i][j] + "_")){
												document.getElementById(tabuladors[i][j] + "_").className= this.estilVisible;
											} 
										/*}*/
									}else{
										objTab.className = this.estilUnSelected;
								
										if(document.getElementById(tabuladors[i][j] + "_")){
											document.getElementById(tabuladors[i][j] + "_").className = this.estilOcult;
										}
										/*else{
											if(document.getElementById(tabuladors[i][j]).getElementsByTagName('ul').length>0){
													document.getElementById(tabuladors[i][j]).getElementsByTagName('ul')[0].className= this.estilOcult;
											}
										}*/
									}
									
									//Afegim link a-href per permetre keypress (millora l'accessibilitat amb lectors de pantalla)
									//Tipus llista aniuada
									
									if((objTab.childNodes[0].nodeName=="H4" || objTab.childNodes[0].nodeType==3) && objTab.childNodes.length>=2){
										var objA=document.createElement("a");
										
										if (objTab.id == "tab4" || objTab.id == "tab5" || objTab.id == "tab6" || objTab.id == "tab7") {
											
											objA.setAttribute("href","#FW_contingut2");
											}
										else {
											
											objA.setAttribute("href","#");
											}
										objA.className = "afegit";
																
										objA.onclick = function (e){
											eval(this.parentNode.parentNode.data.slice(0,this.parentNode.parentNode.data.indexOf("||")));
											if (this.parentNode.parentNode.id == "tab1" || this.parentNode.parentNode.id == "tab2" || this.parentNode.parentNode.id == "tab3") {
												cercadorM.canviaDivMunicipi(this.parentNode.parentNode.id);
											}
											if (this.parentNode.parentNode.id == "tab4" || this.parentNode.parentNode.id == "tab5" || this.parentNode.parentNode.id == "tab6" || this.parentNode.parentNode.id == "tab7") {
												zonaInfo.mostraPestanya(this.parentNode.parentNode.id);
											}

											
										}
										objA.onkeypress = function(e){
											if(window.event) e=window.event;
											if(e.keyCode==13 && this.parentNode.data)
											eval(this.parentNode.data.slice(0,this.parentNode.data.indexOf("||")));
										}
										if(objTab.childNodes[0].nodeType==3) {
											objA.innerHTML = objTab.childNodes[1].innerHTML;
											objTab.childNodes[1].innerHTML ="";
											objTab.childNodes[1].appendChild(objA);
										}
										else {
											objA.innerHTML = objTab.childNodes[0].innerHTML;
											objTab.childNodes[0].innerHTML ="";
											objTab.childNodes[0].appendChild(objA);
										}
		
									//Tipus divs relacionats
									}else if(objTab.childNodes.length==1){ 
									
										var objA=document.createElement("a");
										objA.setAttribute("href","#");
										objA.className = "afegit";

										objA.onclick = function(){
											if(this.parentNode.data)
												eval(this.parentNode.data.slice(0,this.parentNode.data.indexOf("||")));
												
										}
										objA.onkeypress = function(e){
											if(window.event) e=window.event;
											if(e.keyCode==13 && this.parentNode.data)
												eval(this.parentNode.data.slice(0,this.parentNode.data.indexOf("||")));
										}

										var objTEXT = objTab.childNodes[0];
										
										while(objTEXT.nodeType!=3){
											if(objTEXT.childNodes.length>0){
												objTEXT = objTEXT.childNodes[0];
											}else{
												objTEXT = null;
											}
										}
									
										var parentNodeTEXT = objTEXT.parentNode
										objA.appendChild(objTEXT);
										parentNodeTEXT.appendChild(objA);
									}

								}
								
								
							}
	
							if(objTab){
								//Al parentNode <ul> li apliquem l'estil .estilJavascript 
								if(objTab.parentNode.className == this.estilNoJavascript){
									objTab.parentNode.className = this.estilJavascript;
								}
							}
					
					}
				
				}


			}catch(e){
				 strLog += "-->"  + e.message + "\n";
			}
		}else{
			if(document.getElementById)	{
				for(var i=0; i<tabuladors.length; i++){
					if(document.getElementById(tabuladors[i][j])){
						document.getElementById(tabuladors[i][j]).style.visibility = "visible";
					}
				}
			}
		}
	}
	
	
	this.missatges = function(){
		if(strLog!="" && this.test == true){
		}
	}

}