<!--
/*
	Aquest menu esta programat utilitzant DOM. Eliminem i creem nodes en línea, aquesta operació
	es fa amb temporitzador per que dongui la sensació que es plega poc a poc.

	Es pot fer també amb la propietat clip dels DIV. Següent versió.

	www.omaonk.com

*/

var temporitzador;
var velocitat_up = 80; //Velocitat a la que es plega el menu
var menu_old; //Menú obert anteriorment

/*-------------------------------------------------------------------------------------------
  CANVIAR EL NUMERO DE ITEMS AL MENU DE L'ESQUERRA
  -------------------------------------------------------------------------------------------*/
var num_registres = 20;



function actualizaDatosRemotos(url, target, params){

var Pars = $H(params).toQueryString();

		new Effect.Fade(target, {
		afterFinish: function () {
			
			new Ajax.Request(url,
				{
					method:'get',
					onCreate: function(){
						
					},
					onSuccess: function(transport){
						var response = transport.responseText || "oops, no content";
						document.getElementById(target).innerHTML = transport.responseText;
					},
					
					onFailure: function(){
					},
					
					onComplete: function(){
						new Effect.Appear(target);
						//loadImageJavascript(id);
					}
				}
			);
		}
	});

/*new Effect.Opacity(target, { from: 1, to: 0 });

var Update = new Ajax.Updater(target, url, {parameters: Pars});
apareixer(target);
*/
}

function apareixer(target)
{
		new Effect.Opacity(target, { from: 0, to: 1 ,delay: 1}); 
}


//Crea el que inserterem dintre del menu
function CrearObjecte(text,href,tipoClass) {
		menu = document.createElement("DIV");
		anchor = document.createElement("A");
		anchor.setAttribute('onfocus', 'this.blur();');
		anchor.setAttribute('onclick', 'menu_inactive(); this.className += " menu_active"');
		anchor.href = href;
		anchor.className = tipoClass;
		var menutxt = document.createTextNode(text);
		anchor.appendChild(menutxt);
		menu.appendChild(anchor);

		return menu;
}

function menu_inactive(){
	var elements = $$("a.txtLinks2");
	for (var i = 0; i < elements.length; i++){
		elements[i].removeClassName("menu_active");
	}
}


//S'encarrega de plegar i desplegar els menus
function Activar(obj,menu) {
	if(document.getElementById){
		
		
		var el = document.getElementById(obj);
		var Items = ((el.children)?el.children:el.childNodes);
		var numFills = Items.length;
		
	
		
		if (menu_old && menu_old!=obj){
			pag_actual = 0;
			temporitzador = setInterval('borrarNode('+menu_old+')',velocitat_up);
			
			/*var elvell = document.getElementById(menu_old);
			var Itemsvell = ((elvell.children)?elvell.children:elvell.childNodes);
			var numFillsVells = Itemsvell.length;
		
			for (var i=0; i<numFillsVells; i++) { 
				elvell.removeChild(elvell.firstChild); 
			}*/
			
			var menys = "";
			var mes= "";
			
			var borrar = "";
			
			pag_actual = 0;
		
			if(menu_old == "d7e40")
			{			
				borrar = document.getElementById("feina");	
				borrar.innerHTML = "";
			}
			if(menu_old == "d7e41")
			{
				borrar = document.getElementById("clients");	
				borrar.innerHTML = "";
						
			}
			if(menu_old == "d7e42")
			{
				borrar = document.getElementById("fotos");	
				borrar.innerHTML = "";		
			}
			getImatgeMes(menu,"0");
			getImatgeMenys(menu,"0");
			Actualitzar(obj, menu, auxmes, auxmenys);
			
			
		}
		if (numFills>0)  {
			pag_actual = 0;
			temporitzador = setInterval('borrarNode('+obj+')',velocitat_up);
			
			getImatgeMes(menu,"2");
			getImatgeMenys(menu,"2");
			
			Actualitzar(obj, menu, auxmes, auxmenys);
		}
		else {
		
			var tamany = opcions[menu].length;
			var actiu = 1;
			
			if(tamany>num_registres)
			{	tamany=num_registres;			
			}
			else
			{
				actiu = 0;	
			}
					
			getImatgeMes(menu,actiu);
			
			for(i=0;i<tamany;i++) {
				if(i==(tamany-1))
				{
					el.appendChild(CrearObjecte(opcions[menu][i].Nom,opcions[menu][i].Href,"txtLinks2"));
					
				}
				else
				{
					el.appendChild(CrearObjecte(opcions[menu][i].Nom,opcions[menu][i].Href,"txtLinks2"));
				}
			}
			
			Actualitzar(obj, menu, auxmes, auxmenys);			
			
		}
		
		
		menu_old = obj;
	}
}

//Avançar una pagina de projectes
function PassarPagina(obj,menu,pag) {

	if(document.getElementById){
		
		var el = document.getElementById(obj);
		var Items = ((el.children)?el.children:el.childNodes);
		var numFills = Items.length;
		var i=0;
		var obj2 = document.getElementById(obj); 
		
		var i= pag*num_registres;
		var tamany = opcions[menu].length;
		if((i+num_registres)<tamany)
		{
			for (var i=0; i<numFills; i++) { 
				obj2.removeChild(obj2.firstChild); 
			} 
		
			pag= pag +1;
			Afegir(obj,menu,pag);
			pag_actual = pag_actual +1;
		
		}
		getImatgeMes(menu,"0");
		getImatgeMenys(menu,"0");
		Actualitzar(obj, menu, auxmes, auxmenys);
		
	}
	
	
	
		
}

//Retrocedir una pagina de projectes
function RetrocedirPagina(obj,menu,pag) {

	if(document.getElementById){
		
		var el = document.getElementById(obj);
		var Items = ((el.children)?el.children:el.childNodes);
		var numFills = Items.length;
		var i=0;
		var obj2 = document.getElementById(obj); 
		
		if(pag_actual != 0)
		{
		for (var i=0; i<numFills; i++) { 
				obj2.removeChild(obj2.firstChild); 
			} 
					
			
				Tornar(obj,menu,pag);
				pag_actual = pag_actual -1;
		}
		getImatgeMes(menu,"0");
		getImatgeMenys(menu,"0");
		Actualitzar(obj, menu, auxmes, auxmenys);
	}
	
	
	
		
}

function Tornar(obj,menu,pag) {

    if(document.getElementById){
		var el = document.getElementById(obj);
		var Items = ((el.children)?el.children:el.childNodes);
		var numFills = Items.length;
		var index;
		var tamany = opcions[menu].length;
		
		
		index = pag -1;
		if(index != 0)
			index = index * num_registres;
				
		tamany = index + num_registres ;
					
		for(i=index;i<tamany;i++) {
				el.appendChild(CrearObjecte(opcions[menu][i].Nom,opcions[menu][i].Href,"txtLinks2"));
		}
	
		menu_old = obj;
	}
}

function Afegir(obj,menu,pag) {

	if(document.getElementById){
		var el = document.getElementById(obj);
		var Items = ((el.children)?el.children:el.childNodes);
		var numFills = Items.length;
		var index= pag*num_registres;
		var tamany = opcions[menu].length;
		
		
		if((index+num_registres)<tamany)
		{
			tamany=pag*num_registres+num_registres;
		}
		
		
		for(i=index;i<tamany;i++) {
				el.appendChild(CrearObjecte(opcions[menu][i].Nom,opcions[menu][i].Href,"txtLinks2"));
		}
		
		
		menu_old = obj;
	}
}



function tancar_menu() {
	if (menu_old) temporitzador = setInterval('borrarNode('+menu_old+')',velocitat_up);	
}

//El temporitzador va eliminant nodes del menu que li indiquem
//Amb ChildNodes no funciona per opera ni per mac
function borrarNode(obj) {
	var Items = ((obj.children)?obj.children:obj.childNodes);
	if (Items.length>0) {
		obj.removeChild(obj.firstChild);
	}
	else clearInterval(temporitzador);
}

function getImatgeMes(menu,actiu) {
	var i= pag_actual*num_registres;
	var tamany = opcions[menu].length;
	
	if(actiu == 1)
	{	
		auxmes= '<img id =msf src=im/mes.gif>';
		
	}
	else
	{	
		if(actiu != 2)
		{		   
			if((i+num_registres)<tamany)
			{
				auxmes= '<img id =msf src=im/mes.gif>';
			}
			else
			{
				auxmes= '.';
			}
		}
		else
		{
				auxmes= '';
		}
	}
	
		
}

function getImatgeMenys(menu, actiu){
	
	
	if((pag_actual != 0)&&(actiu != 2))
	{
		auxmenys = '<img id=menf src=im/menys.gif>';
	}
	else{
		auxmenys= "";
	}
	
}

function Actualitzar(obj, menu, auxmes, auxmenys)
{
		if(obj == "d7e40")
		{			
			getInfo("./mesmenys.php","nmes="+auxmes+"&nmenys="+auxmenys+"&id="+obj+"&menu="+menu,"feina");	
		}
		if(obj == "d7e41")
		{
			getInfo("./mesmenys.php","nmes="+auxmes+"&nmenys="+auxmenys+"&id="+obj+"&menu="+menu,"clients");			
		}
		if(obj == "d7e42")
		{
			getInfo("./mesmenys.php","nmes="+auxmes+"&nmenys="+auxmenys+"&id="+obj+"&menu="+menu,"fotos");			
		}
}
//-->