/* Objecte tabulador */
function Tab(){
	
	var tabuladors = new Array();
	var eventTab = new Array();
	var strLog = "";

	this.estilSelected = "";
	this.estilUnSelected = "";
	//this.estilMouseOver = "";
	this.estilVisible = "";
	this.estilOcult = "";
	this.separadorImg = "";
	this.sufixImgOn = "";
	this.sufixImgOff = "";
	this.test = false;
	
	/* Funció que crea l'objecte tabulador */
	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','...') \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;
								var strNomImg = "";
								for(var k=0; k<tabuladors[i].length; k++){
									if(tabuladors[i][j]!=tabuladors[i][k]){
										strEstilTab = this.estilUnSelected;
									}else{
										strEstilTab = this.estilSelected;
									}
									if (document.getElementById(tabuladors[i][k]).getElementsByTagName('img').length>0){
										exprimg='^(.*)'+ this.separadorImg +'(.*)[\.](.*)$';
									
										for(var m=0; m<document.getElementById(tabuladors[i][k]).getElementsByTagName('img').length; m++){
											result = document.getElementById(tabuladors[i][k]).getElementsByTagName('img')[m].src.match(exprimg);
											if (result[2]==this.sufixImgOn || result[2]==this.sufixImgOff){
												if(tabuladors[i][j]!=tabuladors[i][k]){
													strNomImg = result[1] + this.separadorImg + this.sufixImgOff +'.'+ result[3];
												}else{
													strNomImg = result[1] + this.separadorImg + this.sufixImgOn +'.'+ result[3];
												}
												break;
											}
										}
									}

									fncCodi += "if(document.getElementById('" + tabuladors[i][k] + "')){"
									fncCodi += "document.getElementById('" + tabuladors[i][k] + "').getElementsByTagName('img')["+m+"].src='" + strNomImg + "';";										
									fncCodi += "document.getElementById('" + tabuladors[i][k] + "').className='" + strEstilTab + "';";
									fncCodi += "}";
								}
		
								/* Codi per onclick */
								fncCodi += "||";
								objTab.data = fncCodi;
								objTab.onclick = function(){
									eval(this.data.slice(0,this.data.indexOf("||")));
								}

								//Apliquem els estils inicials. La primera pastilla de cada bloc ser l'activa
								if(j==0){
									objTab.className = this.estilSelected;
								}else{
									objTab.className = this.estilUnSelected;
								}
							}
						}
	
						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";
			}
		}
	}
	
	
	this.missatges = function(){
		if(strLog!="" && this.test == true){
			//alert(strLog)
		}
	}

}