// JavaScript Document
// Funciones JavaScript para realizar el rollover de las imagenes
function MM_swapImgRestore() { 
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { 
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { 
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

// Funcion para abrir una nueva ventana de navegador
function MM_openBrWindow(theURL,winName,features) { 
  window.open(theURL,winName,features);
}

// Funcion para visulaizar el div para las distintas resoluciones de las fotos de la galeria de imagenes
// Obtenemos el navegador con el que estamos visualizando la página
var ie4=(document.all&&navigator.userAgent.indexOf("Opera")==-1);
var ns6=(document.getElementById&&!document.all);
var ope=(navigator.userAgent.indexOf("Opera")!=-1);
var ns4=(document.layers);

// Funcion para obtener el objeto HTML independientemente del navegador en el que estamos trabajando
function DameObjeto(cid1) {
   if (ie4) {
      oobjeto = eval("document.all." + cid1);
   } else if (ns6||ope) {
      oobjeto = document.getElementById(cid1);
   } else if (ns4) {
      oobjeto = eval("document." + cid1);
   } else {
      oobjeto = document.getElementById(cid1);
   }
   return oobjeto;
}

// Funcion para mostrar u ocultar una capa
function MuestraCapa(cid1) {
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.visibility="visible";
   } else {
      DameObjeto(cid1).visibility="visible";
   }
}
function OcultaCapa(cid1) {
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.visibility="hidden";
   } else {
      DameObjeto(cid1).visibility="hide";
   }
}

// Funcion para mostrar u ocultar una capa (display)
function MuestraCapa2(cid1) {
   OcultaCapa2('obra');
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.display="block";
   } else {
      DameObjeto(cid1).display="block";
   }
}
function OcultaCapa2(cid1) {
   var obra = '';
   var vObra = new Array ('1','2','3','4','5','6','7','8','9','10');
   for (var i=0; i<vObra.length; i++) {
	  obra = cid1+vObra[i];
	  if (ie4||ns6||ope) {
      	DameObjeto(obra).style.display="none";
   	  } else {
      	DameObjeto(obra).display="none";
   	  }
   }
}


// Funcion para mostrar u ocultar una imagen
function MuestraImagen (cid1, imagen) {
   img = "url(../imagenes/site/fondo-servicios" + imagen + ".jpg)";
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.background=img;
   } else {
      DameObjeto(cid1).background=img;
   }
}
function OcultaImagen (cid1) {
   if (ie4||ns6||ope) {
      DameObjeto(cid1).style.background="url(../imagenes/site/fondo-servicios.jpg)";
   } else {
      DameObjeto(cid1).background="url(../imagenes/site/fondo-servicios.jpg)";
   }
}

// Funcion que se ejecurta al cargar la pagina para poder pasar el test de accesibilidad (t.a.w.) (invertimos el estado de los clientes de visibles a ocultos)
function InveretirEstadoClientes (total, estoy) {
	for (cont=1; cont<=total; cont++) {
		cliente = "clientes" + cont;
		if (ie4||ns6||ope) {
			if (cont != estoy) {
				if (DameObjeto(cliente).className == "clientesVisibles") {
					DameObjeto(cliente).className = "clientesOcultos";
				}
			}
		} else {
			if (cont != estoy) {
				if (DameObjeto(cliente).className == "clientesVisibles") {
					DameObjeto(cliente).className = "clientesOcultos";
				}
			}
	   }
   }
}

// Funcion para cambiar el estado de oculto a visible y viceversa de los trabajos para ese cliente, una vez que pinchamos sobre el
function CambiarEstadoClientes (cid1, cid2, estoy) {
   clienteselec = "clientes" + cid1;
   for (cont=1; cont<=cid2; cont++) {
	   cliente = "clientes" + cont;
	   if (ie4||ns6||ope) {
		  if (cont != estoy) {
			  if (DameObjeto(cliente).className != "clientesOcultos") {
				  DameObjeto(cliente).className = "clientesOcultos";
			  } else {
				  if (DameObjeto(cliente) == DameObjeto(clienteselec)) {
					  DameObjeto(cliente).className = "clientesVisibles";
				  }
			  }
		  }
	   } else {
		  if (cont != estoy) {
			  if (DameObjeto(cliente).className != "clientesOcultos") {
				  DameObjeto(cliente).className = "clientesOcultos";
			  } else {
				  DameObjeto(cliente).className = "clientesVisibles";
			  }
		  }
	   }
   }
}

// Funcion para simular el movimiento de la capa cuando pulsamos las flechas para la galeria del menu de la izquierda
var mar=12; //Este es el margen del contenidoCaja
var bw=0;  // Este es el borde de la caja x 2
var up;
var down;
var vel=4; //Velocidad de scroll (tiene que ser par o uno)

function establecerFlechas(queCaja) {
  	bh=document.getElementById(queCaja).offsetHeight-(mar+bw);
  	obj=document.getElementById('contenidoCaja');
  	ch=obj.offsetHeight;

	document.getElementById('flechaAbajo').onmouseover=function() {
   		MM_swapImage('bajar','','../imagenes/site/flechaAbajo-UP.gif',1);
		goUp();
 	}
	document.getElementById('flechaAbajo').onmouseout=function() {   
   		MM_swapImgRestore();
		clearTimeout(up);
   		return;
 	}
	document.getElementById('flechaArriba').onmouseover=function() {
   		MM_swapImage('subir','','../imagenes/site/flechaArriba-UP.gif',1);
		goDown();
 	}
	document.getElementById('flechaArriba').onmouseout=function() {
		MM_swapImgRestore();
   		clearTimeout(down);
   		return;
 	}
}

function goUp() {
	clearTimeout(down);
	obj.style.marginTop=mar +'px'
	mar = mar - vel;
	if(mar+ch+1<=bh){
		mar=bh-ch;
		clearTimeout(up);
		return;
 	}
	up=setTimeout('goUp()',20);
}

function goDown() {
	clearTimeout(up);
	obj.style.marginTop=mar +'px'
	mar = mar + vel;
	if(mar>0){
		mar=0;
		clearTimeout(down);
		return;
	}
	down=setTimeout('goDown()',20);
}
 
//Funciones para simular el comportamiento de las imagenes
function cambiarBordeImg(cid1) {
	DameObjeto(cid1).style.border = '2px solid #FF0000';
}
function bordeImgOriginal(cid1) {
	DameObjeto(cid1).style.border = '2px solid #F3CC00';
}

//Funciones para simular el comportamiento de los enlaces
function cambiarBordeEnlace(cid1) {
	DameObjeto(cid1).style.color = '#FF0000';
}
function bordeEnlaceOriginal(cid1) {
	DameObjeto(cid1).style.color = '#999999';
}