//###############################################################################################################################
// Variables genericas 
//###############################################################################################################################

//Toma el objeto para manipular ajax
	var http = getHTTPObject();

//Esta variable tiene la pagina actual de los casos	en casos.php
	var paginaActualCasos=1;

//Esta variable tiene la pagina actual de casos en casoX.php   PODRIA SER LA MISMA QUE LA ANTERIOR
	var paginaActualCasosCasoX=1;	

//Esta variable guarda el orden absoluto de un casoX en casoX.php
	var ordenCasoX=0;

//Esta es la variable donde va la url
	var imagenesPreload; 

//Esta la variable donde van los img
	var imagenesPreloadImg;

//Esta es la variable donde van las clases IMAGE
	var imagenesImage;
	
//Esta es la variable donde va la url de las imagenes iniciales
	var imagenesPreloadInicial; 

//Esta es la variable donde van las clases IMAGE de las iniciales
	var imagenesImageInicial;

//Esta es la variable donde van etiquetas de las imagenes	
	var idImagenes;

//Esta es la variable donde van los padres de las imagenes
	var padres;

//Esta puede ser la variable general
	var xmlGeneral;
	
	var longitudPreoadImg = 0;

//Aca va la funcion para borrarla
	var funcion;

//Variable para hacer efecto o no
	var activarEfecto = 0;               // VARIABLE PARA SABER SI PONGO EFECTO O VOY A LA PAGINA

//Variable para saber si es IE
	var ie=(document.all)? true:false; 

	var top; 
	var left; 
	var altoC; 
	var anchoC; 	
	var altoF; 
	var anchoF; 
	var widthC; 
	var widthRestante; 
	var heightC;                              
	var heightRestante; 
	var widthC2;
	var widthRestante2;
	var heightC2;
	var heightRestante2;
	
	var paginasMenu = new Array('index.php','servicios.php','sujetos.php','casos.php','contacto.php');
	var optMenu = new Array('Home','Servicios','Sujetos','Casos','Contacto');
	var pagGeneralActual;	
	var verUltimosCasos; 
	var imagenesIndex = new Array('img/head_Index.jpg', 'img/back-content.gif', 'img/boton-hover.png', 'img/btnAbc.png', 'img/btnDownfolio.png', 'img/back-last-h.png', 'img/back-last.png', 'img/preview.jpg', 'img/back-last-f.png');
	var imagenesSujetos = new Array('img/head_Sujetos.jpg', 'img/Sujetos.png', 'img/boton-hover.png', 'img/backContentSujetos.png', 'img/btnAcerca.png');
	var imagenesServicios = new Array('img/head_Servicios.jpg', 'img/Servicios.png', 'img/backContentAbajo.png', 'img/btnComo.png');
	var imagenesContacto = new Array('img/head_Contacto.jpg', 'img/Contacto.png');
	var imagenesCasos = new Array('img/head_Casos.jpg', 'img/Casos.png', 'img/download-portfolio.png','img/back-open-portfolio.png', 'img/marca2.png', 'img/other-client.jpg', 'img/back-open-portfolio.png', 'img/back.png', 'img/next-portfolio.png', 'img/next-portfolio-hover.png');
	
   
	var tipoPreloader;
	var preloaderMostrar;
	var preloaderOcultar;
	
	
//Funcion que toma el objeto Ajax
	function getHTTPObject()
		{
			var xmlhttp;
			if (window.ActiveXObject)
			{
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
			}
			else
			if (window.XMLHttpRequest)
			{
				xmlhttp=new XMLHttpRequest()
			}
			return xmlhttp;
		}		
		
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].id;
			}
			else if (dataProp)
				return data[i].id;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome",
			id:0
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb",
			id:1
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version",
			id:2
		},
		{
			prop: window.opera,
			identity: "Opera",
			id:3
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab",
			id:4
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror",
			id:5
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox",
			id:6
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino",
			id:7
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape",
			id:8
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE",
			id:9
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv",
			id:10
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla",
			id:11
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

	function determinarEfecto()
		{
			switch (BrowserDetect.browser)
			{
				case 0:
					if (BrowserDetect.version>=2)        //podria ser >=1
					activarEfecto = 1;					
				break;
				case 2:
					if (BrowserDetect.version>=4)        //podria ser >= 3
					activarEfecto = 1;				
				break;
				/*case 3:
					if (BrowserDetect.version>=9)       //podria ser >=9
					activarEfecto = 1;				
				break;*/
				case 6:
					if (BrowserDetect.version>=3)       //podria ser >=2
					activarEfecto = 1;				
				break;
				case 9:
					if (BrowserDetect.version>=7)       //podria ser >=6
					activarEfecto = 1;				
				break;
				default:activarEfecto = 0;
			}		
//ESTA LINEA ES LA QUE TENGO QUE MODIFICAR!!			
			//activarEfecto = 0                 
		}
//###############################################################################################################################
// FUNCIONES PARA HABILITAR Y DESHABILITAR ETIQUETAS
// paginas: casoX.php
//###############################################################################################################################

//Deshabilita etiqueta
	function deshabilitar(etiqueta)
		{
			var hijo = document.getElementById(etiqueta);
			if (hijo != undefined)
			{
				hijo.parentNode.removeChild(hijo);
			}
		}

//Habilita etiqueta y le asigna valor
	function habilitar(etiquetaPadre, etiqueta, funcion)
		{
			var elem = document.getElementById(etiqueta);			
			if (elem == undefined)
			{				
				var padre = document.getElementById(etiquetaPadre);
				var a = document.createElement('a');
				a.setAttribute('id', etiqueta);
				a.setAttribute('href', funcion);		
				padre.appendChild(a);
			}
		}

//###############################################################################################################################
// FUNCIONES PARA CONTROLAR FLECHAS ANTERIOR Y SIGUIENTE
// paginas: casoX.php
//###############################################################################################################################

function controlarAnteriorSiguiente()
	{
		var pos = ordenCasoX%8;		
		if (mostrarImg==0) 
		{
			deshabilitar("anterior");
			deshabilitar("siguiente");
		}
		else
		{
			if (ordenCasoX==0)
			{
				deshabilitar("anterior");
			}
			else 
			{
				habilitar("prev-portfolio", "anterior", "javascript:imagenAnterior()");
			}
			if (ordenCasoX==(muestrasTotales-1))
			{
				deshabilitar("siguiente");
			}
			else 
			{
				habilitar("next-portfolio", "siguiente", "javascript:imagenSiguiente()");
			}	
		}
	}

//###############################################################################################################################
// FUNCIONES QUE SE CARGAN CON LAS PAGINAS
// paginas: casos.php - casoX.php
//###############################################################################################################################
	
	function opcionesMenu(posMenu)
		{
			var optionMenu = document.getElementById('menu').getElementsByTagName('li');
			optionMenu[posMenu].style.background ="transparent url(img/boton-hover.png) no-repeat 0px -5px";			
			optionMenu[posMenu].style.paddingRight = "25px";
			var a = optionMenu[posMenu].getElementsByTagName('a')[0];
			var texto = document.createTextNode(optMenu[posMenu]);
			var padre = a.parentNode;
			padre.removeChild(a);
			padre.appendChild(texto);
			padre.style.fontWeight = "bold";			
		}
	
	function opcionesHeader(pos)
		{
			var elem = document.getElementById('corps');
			elem.style.background = "url("+imagenesImageInicial[pos].src+") top no-repeat";
		}
	
	function opcionesTextoHeader(pos)
		{		
			elem = document.getElementById('right-header');
			elem.style.background = "url("+imagenesPreloadInicial[pos]+") top left no-repeat";
		
		}
	
	function mainIndex()
		{
			tipoPreloader=0;
			verUltimosCasos=0;
			pagGeneralActual = 0;
			inicializarContenedoresImagenes();
			inicializarContenedoresImagenesIniciales();
			imagenesPreloadInicial = imagenesIndex;
			verUltimosCasos=0;
			http.open("GET", "xmlCasos.php", true);
			http.onreadystatechange = handleHttpResponseCargarUltimos;
			http.send(null);				
		}
	
	function continuarCargandoIndex()
		{
			if (verUltimosCasos==1)
			{
				p = "100%";
				document.getElementById("last-projects-head").style.display="block";
				document.getElementById("last-projects").style.display="block";
				document.getElementById("last-projects-footer").style.display="block";
			}
		}

	function mainServicios()
		{
			tipoPreloader=0;
			verUltimosCasos=0;
			pagGeneralActual = 1;
			inicializarContenedoresImagenes();
			inicializarContenedoresImagenesIniciales();
			imagenesPreloadInicial = imagenesServicios;
			inicializarPrecargador();			
		}
		
	function continuarCargandoServicios()
		{
		}	

	function mainSujetos()
		{
			tipoPreloader=0;
			verUltimosCasos=0;
			pagGeneralActual = 2;
			inicializarContenedoresImagenes();
			inicializarContenedoresImagenesIniciales();
			imagenesPreloadInicial = imagenesSujetos;
			inicializarPrecargador();
		}
		
	function continuarCargandoSujetos()
		{
		}	
		

	function mainCasos()
		{
			tipoPreloader=0;
			verUltimosCasos=0;
			pagGeneralActual = 3;
			paginaActualCasos=1;
			inicializarContenedoresImagenes();
			inicializarContenedoresImagenesIniciales();
			imagenesPreloadInicial = imagenesCasos;
			fondo();
			inicializarPrecargador();
		}

	function continuarCargandoCasos()
		{
			http.open("GET", "xmlCasos.php", true);
			http.onreadystatechange = handleHttpResponseCasos;
			http.send(null);
		}	

	function mainContacto()
		{
			tipoPreloader=0;
			verUltimosCasos=0;
			pagGeneralActual = 4;
			inicializarContenedoresImagenes();
			inicializarContenedoresImagenesIniciales();
			imagenesPreloadInicial = imagenesContacto;
			inicializarPrecargador();
		}

	function continuarCargandoContacto()
		{
		}	


	function mainCasoX()
		{	
			tipoPreloader=0;
			verUltimosCasos=0;
			pagGeneralActual = 5;
			controlarDivImagenes();
			inicializarContenedoresImagenes();
			inicializarContenedoresImagenesIniciales();
			imagenesPreloadInicial = imagenesCasos;
			inicializarPrecargador();
		}
	
	function continuarCargandoCasoX()
		{
			document.getElementById("container").style.display="block";
			var ordenT = document.getElementById("trabajoOrdenActual").getAttribute('value');
			actualizarDatosMostrarOtroTrabajo(ordenT);
			http.open("GET", "xmlCasos.php", true);
			http.onreadystatechange = handleHttpResponseGeneralCasoX;			
			http.send(null);
		}	
		

	var cargandoGaleria = false;
	function direccionarCasoX(pos)
		{
			determinarEfecto();			
			if (activarEfecto == 1)
			{				
				cargandoGaleria = true;
				armarPaginaCasoX(pos);
			}
			else
			{
				redireccionar(pos);				
			}
		}
	
	function fondo()
	{
		left = document.getElementById("container").offsetLeft + document.getElementById("corps").offsetLeft;		
		anchoF = document.getElementById("corps").offsetWidth;	
		topF = document.getElementById("corps").offsetTop;
		leftF = document.getElementById("corps").offsetLeft;
		var h1 =0;
		if (BrowserDetect.browser==6)
		{
			var h1 = parseInt(window.innerHeight);
		}
		else
		{
			var h1 = parseInt(screen.height);
		}			
		var h2 = document.getElementById("corps").offsetHeight;
		var h3 = 565;
		var hNuevo = h1;
		if (h2>h1)
		{
			hNuevo=h2;
		} 
		else if (h3>h1)
		{
			hNuevo=h3;
		}
		if (hNuevo>h)
		{
			h=hNuevo;
		}		
		document.getElementById("fondoEfecto").style.height = h+"px";
		document.getElementById("fondoEfecto").style.width = parseInt(screen.width) + "px";			
		document.getElementById("fondoEfecto").style.top = "0px";               // ACA UBICA AL FONDO
		document.getElementById("fondoEfecto").style.left = "0px";
	}
	
	function continuarCargando()
		{
			if (verUltimosCasos==0)
			{	
				opcionesHeader(0);
				if (pagGeneralActual!=5)
				{
					opcionesMenu(pagGeneralActual);					
					document.getElementById("right-header").style.display="block";
					document.getElementById("content").style.display="block";
					if (pagGeneralActual!=0)
					{
						opcionesTextoHeader(1);
					}
				}
				if (pagGeneralActual==0)
				{
					verUltimosCasos=1;
					setearImagenes();
				}
			}
			else
			{
				setearImagenes();
			}
			switch (pagGeneralActual)
			{
				case 0:
				continuarCargandoIndex();
				break;
				case 1: 
				continuarCargandoServicios();
				break;
				case 2: 
				continuarCargandoSujetos();
				break;
				case 3: 
				continuarCargandoCasos();
				break;
				case 4: 
				continuarCargandoContacto();
				break;
				case 5: 
				continuarCargandoCasoX();
				break;
				default:
				break;
			}
		}


	function armarPaginaCasoX(pos)
		{	
			utilizarPrecargador = true;
			verUltimosCasos=0;		
		    tipoPreloader=2;
			inicializarContenedoresImagenes();
			var contenido = document.createElement('div');
			contenido.setAttribute('id', "containerX");
			var nivel1 = document.createElement('div');
			nivel1.setAttribute('id', "open-portfolio");
			var nivel2 = document.createElement('div');
			nivel2.setAttribute('id', "left-portfolio");
			
			/*var nivel3 = document.createElement('img');
			nivel3.setAttribute('id', "marca2");
			nivel3.setAttribute('src', "img/marca2.png");
			nivel2.appendChild(nivel3);*/
			
			
			var nivel3 = document.createElement('div');                  
			nivel3.setAttribute('id', "nombre");
			nivel2.appendChild(nivel3)

			
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "left-portfolio-text");
			var nivel4 = document.createElement('p');
			nivel4.setAttribute('id', "concepto");
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('p');
			nivel4.setAttribute('id', "descripcion");
			nivel4.setAttribute('class', "grey");
			nivel3.appendChild(nivel4);			
			nivel2.appendChild(nivel3);
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "other-client");
			nivel2.appendChild(nivel3);
			nivel1.appendChild(nivel2);
			var nivel2 = document.createElement('div');
			nivel2.setAttribute('id', "right-portfolio");
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "content-text-backbutton");
			var nivel4 = document.createElement('div');                  // OJO... es el volver!!!
			nivel4.setAttribute('id', "close");
			var nivel5 = document.createElement('a');
			nivel5.setAttribute('href', "javascript:retornarCasos()");
			var nivel6 = document.createElement('img');
			nivel6.setAttribute('id', "img-close");
			nivel6.setAttribute('src', "img/close.png");
			nivel5.appendChild(nivel6);		
			var nivel6 = document.createElement('span');
			var texto = document.createTextNode("Cerrar");
			nivel6.appendChild(texto);	
			nivel5.appendChild(nivel6);	
			nivel4.appendChild(nivel5);		// agregame 	el "a"
			nivel3.appendChild(nivel4);		// agregame 	close            // Hasta aca es el volver!!
			/*var nivel4 = document.createElement('div');                  
			nivel4.setAttribute('id', "nombre");
			nivel3.appendChild(nivel4);		// agregame 	nombre*/
			nivel2.appendChild(nivel3);		// agregame 	content-text-backbutton
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "prev-portfolio");
			nivel2.appendChild(nivel3);		     // agrega el prev-portfolio
			var nivel3 = document.createElement('div');           // ACA IBA EL PRELOADER
			nivel3.setAttribute('id', "big-image");
			nivel2.appendChild(nivel3);		     // agrega el big-image
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "next-portfolio");
			nivel2.appendChild(nivel3);		     // agrega el next-portfolio
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "content-mini-image");
			for (i = 0; i < 8; i ++)    
			{
				var nivel4 = document.createElement('div');
				nivel4.setAttribute('id', "mini-image");
				var nivel5 = document.createElement('a');
				nivel5.setAttribute('href', "javascript:mostrarImagen("+i+")");
				nivel4.appendChild(nivel5);		     // agrega el a
				var nivel5 = document.createElement('input');
				nivel5.setAttribute('id', "imagenOculta");
				nivel5.setAttribute('type', "hidden");
				nivel5.setAttribute('value', "");	
				nivel4.appendChild(nivel5);		     // agrega el input				
				nivel3.appendChild(nivel4);		     // agrega el mini-image				
			}		
			nivel2.appendChild(nivel3);		     // agrega el content-mini-image
			var nivel3 = document.createElement('input');
			nivel3.setAttribute('id', "tipoMuestra");
			nivel3.setAttribute('type', "hidden");
			nivel3.setAttribute('value', "1");	
			nivel2.appendChild(nivel3);		     // agrega el input				
			var nivel3 = document.createElement('input');
			nivel3.setAttribute('id', "imagenOrdenActual");
			nivel3.setAttribute('type', "hidden");
			nivel3.setAttribute('value', "0");	
			nivel2.appendChild(nivel3);		     // agrega el input				
			var nivel3 = document.createElement('input');
			nivel3.setAttribute('id', "trabajoOrdenActual");
			nivel3.setAttribute('type', "hidden");
			nivel2.appendChild(nivel3);		     // agrega el input				
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "contenedorPagination");
			nivel2.appendChild(nivel3);		     // agrega el contenedorPagination				
			nivel1.appendChild(nivel2);			
			contenido.appendChild(nivel1);
			contenido.style.display="none";
			document.getElementById("contenedorEfecto").appendChild(contenido);
			ubicarComponentes();
			document.getElementById("fondoEfecto").style.display="block";            //ACA MUESTRA LOS BLOQUES					
			var ordenT = document.getElementById("content-image").getElementsByTagName("input")[pos].getAttribute('value');
			actualizarDatosMostrarOtroTrabajo(ordenT);
			if (ie)
			{
				document.getElementById("contenedorEfecto").style.filter="alpha(opacity=100)";
			}
			else
			{
				document.getElementById("contenedorEfecto").style.opacity=1;				
			}
			opacidad2 = 100;
			efecto1();
		}
		
		var h = 0;
		function ubicarComponentes()
			{				
			top = document.getElementById("container").offsetTop;
			left = document.getElementById("container").offsetLeft + document.getElementById("corps").offsetLeft;
			altoC = document.getElementById("container").offsetHeight - 25;
			anchoC = document.getElementById("container").offsetWidth;			
			altoF = document.getElementById("corps").offsetHeight;
			anchoF = document.getElementById("corps").offsetWidth;	
			topF = document.getElementById("corps").offsetTop;
			leftF = document.getElementById("corps").offsetLeft;
			widthC = parseInt(anchoC/2);	                                    // ACA UBICA AL CONTENEDOR 
			widthRestante = anchoC - widthC;
			heightC = parseInt(altoC/2);	                                    
			heightRestante = altoC - heightC;
			widthC = widthC + (widthRestante%16);
			widthRestante = widthRestante-(widthRestante%16);
			heightC = heightC+(heightRestante%16);
			heightRestante=heightRestante-(heightRestante%16);	
			widthC2 = widthC;                        	
			widthRestante2 = widthRestante;
			heightC2 = heightC;
			heightRestante2 = heightRestante;				
			document.getElementById("contenedorEfecto").style.top = (top + 25 + (heightRestante/2)) + "px";         
			document.getElementById("contenedorEfecto").style.left = (left + (widthRestante/2)) + "px";
			document.getElementById("contenedorEfecto").style.height = heightC + "px";
			document.getElementById("contenedorEfecto").style.width = widthC + "px";	
			var preloaderTop = parseInt(heightC/2) + (top + 25 + (heightRestante/2)) - 25 ;
			var preloaderLeft = parseInt(widthC/2) + (left + (widthRestante/2))- 25 ;
			document.getElementById("preloaderEfecto").style.top = preloaderTop + "px";         
			document.getElementById("preloaderEfecto").style.left = preloaderLeft + "px";
			document.getElementById("containerX").style.height = altoC + "px";      //ACA SETEA PROPIEDADES   
			document.getElementById("open-portfolio").style.paddingTop = "0px";
			document.getElementById("right-portfolio").style.paddingBottom = "0px";
			document.getElementById("left-portfolio").style.paddingBottom = "0px";	
			document.getElementById("content").style.display="none";
			}
		
		function retornarCasos()
			{
			tipoPreloader=1;
			activarEfecto=0;
			document.getElementById('preloaderEfecto').style.display="none";
			document.getElementById("content").style.display="block";
			efecto4();
			}
		

		function realinear()
			{
				if ((activarEfecto==1)&&(!(cargandoGaleria)))
				{
					top = document.getElementById("container").offsetTop;
					left = document.getElementById("container").offsetLeft + document.getElementById("corps").offsetLeft;;
					altoC = document.getElementById("container").offsetHeight - 25;
					anchoC = document.getElementById("container").offsetWidth;			
					altoF = document.getElementById("corps").offsetHeight;
					anchoF = document.getElementById("corps").offsetWidth;	
					topF = document.getElementById("corps").offsetTop;
					leftF = document.getElementById("corps").offsetLeft;			
					document.getElementById("contenedorEfecto").style.left = left + "px";
					document.getElementById("contenedorEfecto").style.margin = "auto";
					document.getElementById("contenedorEfecto").style.height = altoC + "px";
					document.getElementById("contenedorEfecto").style.width = anchoC + "px";			
					var preloaderTop = parseInt(altoC/2) + top + 25 - 25 ;
					var preloaderLeft = parseInt(anchoC/2) + left - 25 ;			
					document.getElementById("preloaderEfecto").style.top = preloaderTop + "px";         
					document.getElementById("preloaderEfecto").style.left = preloaderLeft + "px";
					var h1 =0;
					if (BrowserDetect.browser==6)
					{
						var h1 = parseInt(window.innerHeight);
					}
					else
					{
						var h1 = parseInt(screen.height);
					}			
					var h2 = document.getElementById("corps").offsetHeight;
					var h3 = 565;
					var hNuevo = h1;
					if (h2>h1)
					{
						hNuevo=h2;
					} 
					else if (h3>h1)
					{
						hNuevo=h3;
					}
					if (hNuevo>h)
					{
						h=hNuevo;
					}		
					document.getElementById("fondoEfecto").style.height = h+"px";
					document.getElementById("fondoEfecto").style.width = parseInt(screen.width) + "px";			
					document.getElementById("fondoEfecto").style.top = "0px";               // ACA UBICA AL FONDO
					document.getElementById("fondoEfecto").style.left = "0px";
				}
			}


//###############################################################################################################################
// SON FUNCIONES DE EFECTO
// paginas: casos.php
//###############################################################################################################################

var opacidad = 0;
var funcionEfecto;
//OPACA LA IMAGEN	
	function efecto1()
		{
			opacidad = opacidad + 5;                                          //ESTE TAMBIEN
			if (ie)
			{
				document.getElementById("fondoEfecto").style.filter="alpha(opacity="+opacidad+")";
			}
			else
			{
				document.getElementById("fondoEfecto").style.opacity=(opacidad/100);				
			}
			if (opacidad!=50)                                                 //ESTE VALOR PUEDE VARIAR SEGUN QUIERAN
			{
				funcionEfecto = setTimeout("efecto1()", 10);                   //ESTA TAMBIEN
			}
			else
			{
				clearTimeout(funcionEfecto);	
				document.getElementById("contenedorEfecto").style.display="block";
				//document.getElementById("preloaderEfecto").style.display="block";
				efecto2();
			}
		}

	function efecto2()                  // Aca tendria que mostrar el preloader
		{
			document.getElementById("contenedorEfecto").style.left = (document.getElementById("contenedorEfecto").offsetLeft -8) + "px";
			widthC = widthC + 16;
			widthRestante = widthRestante - 16;
			document.getElementById("contenedorEfecto").style.width = widthC + "px"; 			
			if (widthRestante!=0)                                                 
			{
				funcionEfecto = setTimeout("efecto2()", 10); 
			}
			else
			{
			left = document.getElementById("container").offsetLeft + document.getElementById("corps").offsetLeft;
			altoC = document.getElementById("container").offsetHeight - 25;
			anchoC = document.getElementById("container").offsetWidth;					
			document.getElementById("contenedorEfecto").style.left = left + "px";
			document.getElementById("contenedorEfecto").style.margin = "auto";
			document.getElementById("contenedorEfecto").style.width = anchoC + "px";
			clearTimeout(funcionEfecto);					
			efecto3();				
			}			
		}

	function efecto3()                  
		{
			document.getElementById("contenedorEfecto").style.top = (document.getElementById("contenedorEfecto").offsetTop -8) + "px";
			heightC = heightC + 16;
			heightRestante = heightRestante - 16;
			document.getElementById("contenedorEfecto").style.height = heightC + "px"; 
			if (heightRestante!=0)                                                 
			{
				funcionEfecto = setTimeout("efecto3()", 10); 
			}
			else
			{
				clearTimeout(funcionEfecto);					
				document.getElementById("containerX").style.display = "block"; 
				cargandoGaleria = false;
				left = document.getElementById("container").offsetLeft + document.getElementById("corps").offsetLeft;
				altoC = document.getElementById("container").offsetHeight - 25;
				anchoC = document.getElementById("container").offsetWidth;				
				document.getElementById("contenedorEfecto").style.left = left + "px";
				document.getElementById("contenedorEfecto").style.margin = "auto";
				document.getElementById("contenedorEfecto").style.height = altoC + "px";
				document.getElementById("contenedorEfecto").style.width = anchoC + "px";				
				accionesComunes();	
			}			
		}

 var opacidad2 = 100;
	function efecto4()                  
		{
			opacidad2 = opacidad2 - 10;                                          //ESTE TAMBIEN
			if (ie)
			{
				document.getElementById("contenedorEfecto").style.filter="alpha(opacity="+opacidad2+")";
			}
			else
			{
				document.getElementById("contenedorEfecto").style.opacity=(opacidad2/100);				
			}
			if (opacidad2!=0)                                                 //ESTE VALOR PUEDE VARIAR SEGUN QUIERAN
			{
				funcionEfecto = setTimeout("efecto4()", 10);                   //ESTA TAMBIEN
			}
			else
			{
				var hijo = document.getElementById("containerX");
				hijo.parentNode.removeChild(hijo);	
				clearTimeout(funcionEfecto);	
				efecto6();
			}			
		}
		
	function efecto5()                  // Aca tendria que mostrar el preloader
		{
			document.getElementById("contenedorEfecto").style.left = (document.getElementById("contenedorEfecto").offsetLeft +8) + "px";
			widthC = widthC - 16;
			document.getElementById("contenedorEfecto").style.width = widthC + "px"; 			
			if (widthC>32)                                                 
			{
				funcionEfecto = setTimeout("efecto5()", 10); 
			}
			else
			{
				clearTimeout(funcionEfecto);
				efecto6();
			}			
		}
		
	function efecto6()
		{
			opacidad = opacidad - 5;                                          //ESTE TAMBIEN
			if (ie)
			{
				document.getElementById("fondoEfecto").style.filter="alpha(opacity="+opacidad+")";
			}
			else
			{
				document.getElementById("fondoEfecto").style.opacity=(opacidad/100);				
			}
			if (opacidad!=0)                                                 //ESTE VALOR PUEDE VARIAR SEGUN QUIERAN
			{
				funcionEfecto = setTimeout("efecto6()", 10);                   //ESTA TAMBIEN
			}
			else
			{
				clearTimeout(funcionEfecto);	
				document.getElementById("fondoEfecto").style.display="none";
				document.getElementById("contenedorEfecto").style.display="none";				
				
			}
		}
	





//###############################################################################################################################
// FUNCIONES PARA CONTROLAR SI ESTAN TODOS LOS DIV
// paginas: casos.php - casoX.php
//###############################################################################################################################

//Esta funcion agrega los div necesarios en caso de que falten
	function controlarDivImagenes()
		{
			var contenedor = document.getElementById("content-mini-image");
			var cantidadC = contenedor.getElementsByTagName("a").length;
			var pos = cantidadC;
			while (cantidadC<8)
				{
					var div = document.createElement('div');
					var a = document.createElement('a');
					var input = document.createElement('input');
					var funcion = "javascript:mostrarImagen("+pos+")";
					div.setAttribute('id', 'mini-image');
					a.setAttribute('href', funcion);
					input.setAttribute('id', "imagenOculta");
					input.setAttribute('type', "hidden");
					input.setAttribute('value', "");
					div.appendChild(a);
					div.appendChild(input);
					contenedor.appendChild(div);
					cantidadC++;
					pos++;					
				}
			actualizarPaginasCasos(paginaActualCasosCasoX, "pagination");
		}

//###############################################################################################################################
// FUNCIONES PARA PAGINAS
// paginas: casos.php - casoX.php
//###############################################################################################################################

//Esta funcion actualiza los links de paginas, y deshabilita la pagina actual
	function actualizarPaginasCasos(pagActual, id)
		{			
			var elem = document.getElementById(id);
			if (elem!= undefined)
			{
				if ((activarEfecto==1)||(pagGeneralActual==5))
				{
					var f = "javascript:cambiarPaginaTrabajoCasoX(";
				}
				else
				{
					var f = "javascript:cambiarPaginaTrabajo(";					
				}
				var paginas = elem.getElementsByTagName("a");
				for (i=0; i<paginas.length; i++){
					var funcion = f+(i+1)+")";
					paginas[i].setAttribute('href', funcion);
					paginas[i].style.fontWeight='normal';
				}
						
				paginas[pagActual-1].removeAttribute('href');
				paginas[pagActual-1].style.fontWeight='bold';
			}
		}

//ESTAS DOS FUNCIONES SOLO SE USAN EN CASOX.PHP
//Esta funcion remueve las paginas
	function removerPaginas()
		{
			var hijo = document.getElementById("pagination");
			if (hijo!= undefined){
				var padre = hijo.parentNode;
				padre.removeChild(hijo);
			}
		}

function cargarPaginasCasos(longitud)
	{
		if (longitud>8) 
		{
			var padre = document.getElementById("contenedorPaginationCasos");
			var texto = document.createTextNode("Pagina ");
			var div = document.createElement('div');
			div.setAttribute('id', 'paginationCasos');
			div.setAttribute('class', 'paginationCasos');
			div.appendChild(texto);
			var pagina =1;
			while (longitud>0) {
				var a = document.createElement('a');
				var funcion = "javascript:cambiarPaginaTrabajo("+pagina+")";
				var texto = document.createTextNode(pagina);
				a.setAttribute('href', funcion);
				a.appendChild(texto);
				div.appendChild(a);
				longitud=longitud-8;
				pagina++;
			}
			padre.appendChild(div);	
		}
	}		
	
//Esta funcion agrega paginas segun se necesite  
	function actualizarPaginasCasoX(longitud)
		{
			if (recargarPaginas==1) {
				removerPaginas();
				if (longitud>8) {
					var padre = document.getElementById("contenedorPagination");
					var texto = document.createTextNode("Pagina ");
					var div = document.createElement('div');
					div.setAttribute('id', 'pagination');
					div.setAttribute('class', 'pagination');
					div.appendChild(texto);
					var pagina =1;
					while (longitud>0) {
						var a = document.createElement('a');
						var funcion = "javascript:cambiarPaginaTrabajoCasoX("+pagina+")";
						var texto = document.createTextNode(pagina);
						a.setAttribute('href', funcion);
						a.appendChild(texto);
						div.appendChild(a);
						longitud=longitud-8;
						pagina++;
					}
					padre.appendChild(div);	
					actualizarPaginasCasos(paginaActualCasosCasoX, "pagination");
				}
			}	
		}


//###############################################################################################################################
// VACIA LOS CONTENEDORES DE IMAGENES... OSEA LOS IMG
// paginas: casos.php - casoX.php
//###############################################################################################################################

// Esta funcion vacia los contenedores de las imagenes
	function vaciarContenedoresImagenes(id)
		{
			var elem= document.getElementById(id);
			var imagenes = elem.getElementsByTagName("img");
			var cantidad = imagenes.length;
			while (imagenes.length!=0)
			{
				var img = imagenes[0];
				var padre = img.parentNode;
				padre.removeChild(img);	
				}
		}

//###############################################################################################################################
// MUESTRA LAS IMAGENES GRANDES
// paginas: casos.php - casoX.php
//###############################################################################################################################

//Estas funcion muestra la imagen grande.  
	function mostrarImagenGrande()
		{
			var elem = document.getElementById("big-img-caso");
			if (elem != undefined)
			{
			  var padre = elem.parentNode;
			  padre.removeChild(elem);				
			}
			if (mostrarImg==1)
			{
				var pos = ordenCasoX;
				var contenedorImagenes = document.getElementById("content-mini-image");
				if (recargarImagenes==1)
				{
					var nombre = imagenesPreload[pos];
				}
				else 
				{
					var contenedorImagen = contenedorImagenes.getElementsByTagName("img")[pos%8];					
					var nombre = contenedorImagen.getAttribute("src");
				}	
				var padre = document.getElementById("big-image");				
				var img = document.createElement('img');
				img.setAttribute('id', "big-img-caso");	
				img.setAttribute('src', nombre);
				padre.appendChild(img);					
			}
		}

//###############################################################################################################################
// SON LOS MANEJADORES
// paginas: casos.php - casoX.php
//###############################################################################################################################
	
	function borrarDatosEmpresa(){
			var divNombre = document.getElementById("nombre");
			var divConcepto = document.getElementById("concepto");
			var divDescripcion = document.getElementById("descripcion");
			if (divNombre.hasChildNodes())
				divNombre.removeChild(divNombre.firstChild);
			if (divConcepto.hasChildNodes())	
				divConcepto.removeChild(divConcepto.firstChild);
			if (divDescripcion.hasChildNodes())
				divDescripcion.removeChild(divDescripcion.firstChild);		
		}
		
	function actualizarDatosTrabajo(xmlDocument, ordenTrabajo)
		{
			if (cambiarDatos==1) 
			{
				var trabajo = xmlDocument.getElementsByTagName("trabajo")[ordenTrabajo];
				var nombreEmpresa = trabajo.getElementsByTagName("empresa")[0].firstChild.data; 
				var conceptoEmpresa ="";
				var descripcionEmpresa = "";
				if (trabajo.getElementsByTagName("concepto")[0].hasChildNodes()) 
					conceptoEmpresa = trabajo.getElementsByTagName("concepto")[0].firstChild.data;
				if (trabajo.getElementsByTagName("descripcion")[0].hasChildNodes()) 
					descripcionEmpresa = trabajo.getElementsByTagName("descripcion")[0].firstChild.data;	
				var textoNombre = document.createTextNode(nombreEmpresa);
				var textoConcepto = document.createTextNode(conceptoEmpresa);
				var textoDescripcion = document.createTextNode(descripcionEmpresa);
				var divNombre = document.getElementById("nombre");
				var divConcepto = document.getElementById("concepto");
				var divDescripcion = document.getElementById("descripcion");				
				divNombre.appendChild(textoNombre);
				divConcepto.appendChild(textoConcepto);
				divDescripcion.appendChild(textoDescripcion);
				cambiarDatos=0;
			}
		}
		
	function recargarMuestras(xmlDocument)
		{
			var tipoMuestra=document.getElementById("tipoMuestra").getAttribute('value');
			if (tipoMuestra == 0)
			{
				var ordenTrabajo = document.getElementById("trabajoOrdenActual").getAttribute('value');	
				var trabajo = xmlDocument.getElementsByTagName("trabajo")[ordenTrabajo];
				var imagenesXml = trabajo.getElementsByTagName("imagen");
				actualizarDatosTrabajo(xmlDocument, ordenTrabajo);
			}
			else
			{
				var imagenesXml = xmlDocument.getElementsByTagName("portada");
			}
			muestrasTotales = imagenesXml.length;				
			if (recargarImagenes==1)
			{					
				var cantCasosAMostrar = 8;
				var numImg = ordenCasoX - (ordenCasoX%8);
		//tomo los trabajos del xml
		//Si son menos que 8 los que tengo que mostrar, actualizo variable
				if ((numImg+8)>muestrasTotales)
				{
					cantCasosAMostrar= muestrasTotales - numImg;
				}
		//tomo las imagenes y vacio los contenedores
				var imagen;
				var padre;
				var elem= document.getElementById("content-mini-image");
				var imagenes = elem.getElementsByTagName("a");
				var inputs = elem.getElementsByTagName("input");
				vaciarContenedoresImagenes("content-mini-image");	
		//cargo las nuevas imagenes
				for (numImgCasoActual=0; numImgCasoActual<muestrasTotales;numImgCasoActual++)
				{
				  imagen = imagenesXml[numImgCasoActual].firstChild.data;  	
				  imagen = "imagenes/"+imagen;
				  imagenesPreload[numImgCasoActual] = imagen;
				}
				for (numImgCasoActual=numImg; numImgCasoActual<(numImg+cantCasosAMostrar);numImgCasoActual++)
				{
				  padre = imagenes[numImgCasoActual - numImg];
				  agregarImg(padre, "img-casoX", imagen);
				  inputs[numImgCasoActual - numImg].setAttribute('value', numImgCasoActual);	  
				}				
			}
			return muestrasTotales;
		}

	function agregarImg(padre, id, urlImagen)
		{ 
		  var pos = longitudPreoadImg;	  
		  var img = document.createElement('img');
		  img.setAttribute('id', id); 
		  imagenesPreloadImg[pos] = img;		  
		  padres[pos] = padre;	
		  longitudPreoadImg++;
		}

	function dameAlto(id)
		{
			var alto;
			switch(id)
			{
				case "img-caso":
				alto=99;
				break;
				case "imagenesUltimo":
				alto=222;
				break;
				case "img-casoX":
				alto=50;
				break;
				case "big-img-caso":
				alto=400;
				break;
			}
			return alto;
		}
	
		function dameAncho(id)
		{
			var ancho;
			switch(id)
			{
				case "img-caso":
				ancho=140;
				break;
				case "imagenesUltimo":
				ancho=232;				
				break;
				case "img-casoX":
				ancho=70;
				break;
				case "big-img-caso":
				ancho=595;				
				break;
			}
			return ancho;
		}
	
	
	
	function setearImagenes()
		{
			muestrasTotales = imagenesPreload.length;		
			var cantCasosAMostrar = 8;
			if ((activarEfecto==1)||(pagGeneralActual==5))
			{
				var numImg = ordenCasoX - (ordenCasoX%8);                     // ojo!
			}
			else
			{
				var numImg = (paginaActualCasos-1)*cantCasosAMostrar;
			}			
	//tomo los trabajos del xml
	//Si son menos que 8 los que tengo que mostrar, actualizo variable
			if ((numImg+8)>muestrasTotales)
			{
				cantCasosAMostrar= muestrasTotales - numImg;
			}			
			for (i=numImg; i<(numImg + cantCasosAMostrar); i++)
			{
				var img = imagenesPreloadImg[i-numImg];
				var padre = padres[i-numImg]; 
				
				
				var ancho = imagenesImage[i].width;
				var alto = imagenesImage[i].height;
				var id = img.getAttribute('id');
				var altoMaximo = dameAlto(id);
				var anchoMaximo = dameAncho(id);
				var anchoFinal;
				var altoFinal;
				var relacion;
				var diferencia;
				if (verUltimosCasos){
					img.style.top = "-79px";
					if (ancho>alto)
					{
						altoFinal = altoMaximo;
						relacion = altoFinal/alto;
						anchoFinal = parseInt(relacion*ancho);					
					}
					if (ancho<=alto)
					{
						anchoFinal = anchoMaximo;
						relacion = anchoFinal/ancho;
						altoFinal = parseInt(relacion*alto);											
					}
				}
				else
				{
					if (ancho>alto)
					{
						anchoFinal = anchoMaximo;
						relacion = anchoFinal/ancho;
						altoFinal = parseInt(relacion*alto);
						if (altoFinal>altoMaximo)
						{
							relacion = altoMaximo/altoFinal;
							altoFinal = altoMaximo;							
							anchoFinal = parseInt(relacion*anchoFinal);
							diferencia = parseInt((anchoMaximo - anchoFinal)/2);
							img.style.marginLeft = diferencia + "px";
						}
						diferencia = parseInt((altoMaximo - altoFinal)/2);
						img.style.marginTop = diferencia + "px";
					}
					if (ancho<=alto)
					{
						altoFinal = altoMaximo;
						relacion = altoFinal/alto;
						anchoFinal = parseInt(relacion*ancho);
						if (anchoFinal>anchoMaximo)
						{
							relacion = anchoMaximo/anchoFinal;
							anchoFinal = anchoMaximo;							
							altoFinal = parseInt(relacion*altoFinal);
							diferencia = parseInt((altoMaximo - altoFinal)/2);
							img.style.marginTop = diferencia + "px";
						}
						diferencia = parseInt((anchoMaximo - anchoFinal)/2);
						img.style.marginLeft = diferencia + "px";					
					}
				}
				img.setAttribute('src', imagenesPreload[i]);				
				img.style.width = anchoFinal + "px";
				img.style.height = altoFinal + "px";
				padre.appendChild(img);
			}	

			if ((activarEfecto)||(pagGeneralActual==5))
			{
				var pos = ordenCasoX%8;
				var contenedorImagenes = document.getElementById("content-mini-image").getElementsByTagName("img");
				for (i=0; i<contenedorImagenes.length; i++)
				{
					contenedorImagenes[i].style.borderColor='#DDDDDD';
					contenedorImagenes[i].style.borderWidth='thin';
				}
				var tipoMuestra = document.getElementById("tipoMuestra").getAttribute('value');
				if (tipoMuestra==0)
				{
					contenedorImagenes[pos].style.borderColor='#AFE4FF';
					contenedorImagenes[pos].style.borderWidth='medium';
				}					
			}
		}
		
	function inicializarContenedoresImagenes()
		{
			imagenesPreload = new Array(); 
			imagenesPreloadImg = new Array();
			imagenesImage = new Array();
			padres = new Array();
			longitudPreoadImg = 0
		}

	function inicializarContenedoresImagenesIniciales()
		{
			imagenesPreloadInicial = new Array(); 
			imagenesImageInicial = new Array();
		}

	function handleHttpResponseGeneralCasoX()
		{
			if (http.readyState == 4)
			{			
				xmlGeneral = http.responseXML;
				tipoPreloader=1;
				accionesComunes();
			}
		}

	var utilizarPrecargador=true;
	function accionesComunes()
		{
			if (utilizarPrecargador){
				inicializarContenedoresImagenes();				
				var cantMuestras = recargarMuestras(xmlGeneral);			
				actualizarPaginasCasoX(muestrasTotales);
				mostrarImagenGrande();
				recargarPaginas = 0;
				recargarImagenes = 0;		
				controlarAnteriorSiguiente();
				inicializarPrecargador();
			}
			else
			{
				var cantMuestras = recargarMuestras(xmlGeneral);	
				actualizarPaginasCasoX(muestrasTotales);
				mostrarImagenGrande();
				recargarPaginas = 0;
				recargarImagenes = 0;		
				controlarAnteriorSiguiente();				
				setearImagenes();
			}
		}

/* AJAX */ 

var recargarPaginas = 0;
var recargarImagenes = 0;
var mostrarImg = 1;
var muestrasTotales = 0;
var cambiarDatos = 0;

//FUNCION CUANDO SE CAMBIA PAGINA DE MUESTRA 
	function cambiarPaginaTrabajoCasoX(pagina)
		{
			utilizarPrecargador=false;
			actualizarDatosCambiarPaginasTrabajos(pagina);
			accionesComunes();
		}	

//FUNCION CUANDO SE CLICKEA LA FLECHA "SIGUIENTE"
	function imagenSiguiente()
		{
			utilizarPrecargador=false;
			actualizarDatosSiguiente();			
		}

//FUNCION CUANDO SE CLICKEA LA FLECHA "ANTERIOR"
	function imagenAnterior()
		{
			utilizarPrecargador=false;
			actualizarDatosAnterior();
			accionesComunes();
		}

//FUNCION CUANDO SE CLICKEA EN BOTON "MOSTRAR CASOS"
	function mostrarCasos()
		{
			utilizarPrecargador=true;
			actualizarDatosMostrarCasos();
			accionesComunes();
		}	

//FUNCION CUANDO SE CLICKEA EN UNA DIAPOSITIVA
	function mostrarImagen(pos)
		{
			actualizarDatosMostrarImagen(pos);
			accionesComunes();
		}

//###############################################################################################################################
// FUNCION AUXILIAR CUANDO SE CAMBIA DE LA FUNCION "CAMBIARPAGINATRABAJOCASOX(PAGINA)"
// paginas: casoX.php
//###############################################################################################################################

	function actualizarDatosCambiarPaginasTrabajos(pagina)
		{
			var tipoMuestra = document.getElementById("tipoMuestra").getAttribute('value');
			paginaActualCasosCasoX=pagina;
			actualizarPaginasCasos(pagina, "pagination");
			ordenCasoX=((pagina-1)*8);
			recargarPaginas = 0;
			recargarImagenes = 1;
			if (tipoMuestra==0)
				{
					document.getElementById("imagenOrdenActual").setAttribute('value', ordenCasoX);
					mostrarImg = 1;
				}
			else
				{
					document.getElementById("trabajoOrdenActual").setAttribute('value', ordenCasoX);
					mostrarImg = 0;
				}			
		}

//###############################################################################################################################
// SON FUNCIONES AUXILIARES DE LAS FUNCIONES "IMAGENANTERIOR()" Y "IMAGENSIGUIENTE()"
// paginas: casoX.php
//###############################################################################################################################

	function actualizarDatosSiguiente()
		{
			recargarPaginas = 0;
			mostrarImg = 1;
			recargarImagenes = 0;
			ordenCasoX++;
			if ((ordenCasoX%8)==0)
				{				
					paginaActualCasosCasoX++;
					actualizarPaginasCasos(paginaActualCasosCasoX, "pagination");
					recargarImagenes = 1;
				}
			accionesComunes();			
		}

	function actualizarDatosAnterior()
		{
			recargarPaginas = 0;
			mostrarImg = 1;
			recargarImagenes = 0;
			ordenCasoX--;
			if ((ordenCasoX%8)==7)
				{
					paginaActualCasosCasoX--;
					actualizarPaginasCasos(paginaActualCasosCasoX, "pagination");
					recargarImagenes = 1;
				}
			
		}

//###############################################################################################################################
// SON FUNCIONES AUXILIARES DE LA FUNCION "MOSTRARCASOS()"
// paginas: casoX.php
//###############################################################################################################################

	function actualizarDatosMostrarCasos()
		{
			document.getElementById("tipoMuestra").setAttribute('value', 1);
			document.getElementById("trabajoOrdenActual").setAttribute('value',0);	
			document.getElementById("imagenOrdenActual").setAttribute('value',0);	
			//document.getElementById("other-client").getElementsByTagName("a")[0].removeAttribute('href');
			var hijo = document.getElementById("other-client").getElementsByTagName("a")[0];
			hijo.parentNode.removeChild(hijo);
			
			paginaActualCasosCasoX=1;
			borrarDatosEmpresa();
			cambiarDatos=0;
			ordenCasoX=0;		
			recargarPaginas = 1;
			mostrarImg = 0;
			recargarImagenes = 1;
		}

//###############################################################################################################################
// SON FUNCIONES AUXILIARES DE LA FUNCION "MOSTRARIMAGEN(POS)"
// paginas: casoX.php
//###############################################################################################################################
	
	function actualizarDatosMostrarImagen(pos)
		{
			var tipoMuestra = document.getElementById("tipoMuestra").getAttribute('value');
			if (tipoMuestra==0)
				{
					utilizarPrecargador=false;
					actualizarDatosMostrarImagenes(pos);
				}
			else
				{
					var ordenT = document.getElementById("content-mini-image").getElementsByTagName("input")[pos].getAttribute('value');
					utilizarPrecargador=true;
					actualizarDatosMostrarOtroTrabajo(ordenT);
				}
		}

	function actualizarDatosMostrarImagenes(pos)
		{
			ordenCasoX = document.getElementById("content-mini-image").getElementsByTagName("input")[pos].getAttribute('value');
			document.getElementById("imagenOrdenActual").setAttribute('value', ordenCasoX);
			recargarPaginas = 0;
			mostrarImg = 1;
			recargarImagenes = 0;
		}

	function actualizarDatosMostrarOtroTrabajo(ordenT)
		{						
			var padre = document.getElementById("other-client");
			var hijo = document.createElement('a');
			var texto = document.createTextNode("Otros Casos");
			hijo.setAttribute('href','javascript:mostrarCasos()');
			hijo.appendChild(texto);
			padre.appendChild(hijo);
			document.getElementById("trabajoOrdenActual").setAttribute('value', ordenT);
			ordenCasoX=0;
			document.getElementById("imagenOrdenActual").setAttribute('value', 0);
			paginaActualCasosCasoX=1;
			document.getElementById("tipoMuestra").setAttribute('value', 0);
			cambiarDatos = 1;
			recargarPaginas = 1;
			mostrarImg = 1;
			recargarImagenes = 1;
		}


//Esta funcion se llama desde casos.tpl cuando se cambia de pagina
	function cambiarPaginaTrabajo(pagina)
	{
		paginaActualCasos=pagina;
		accionesComunesCasos();
	}	

	function accionesComunesCasos()
		{
			inicializarContenedoresImagenes();
			//Cantidad de casos a Mostrar... pueden ser 8 o menos
			var cantCasosAMostrar = 8;
			//Es el indice en el xml del primer caso a mostrar 
			var numImgCaso = (paginaActualCasos-1)*cantCasosAMostrar;
			//tomo los div de las imagenes
			var elem= document.getElementById("content-image");
			//tomo los trabajos del xml
			var trabajos = xmlGeneral.getElementsByTagName("trabajo");
			var cantTrabajos = trabajos.length;
			//Si son menos que 8 los que tengo que mostrar, actualizo variable
			if ((numImgCaso+8)>cantTrabajos){
				cantCasosAMostrar= cantTrabajos - numImgCaso;
				}
			//tomo las imagenes y vacio los contenedores
			var portada;
			var padre;
			var imagenes = elem.getElementsByTagName("a");
			var inputs = elem.getElementsByTagName("input");
			vaciarContenedoresImagenes("content-image");	
			//cargo las nuevas imagenes
			for (numImgCasoActual=0; numImgCasoActual<cantTrabajos;numImgCasoActual++)
			{
			  portada = trabajos[numImgCasoActual].getElementsByTagName("portada")[0].firstChild.data;  
			  portada = "imagenes/"+portada;
			  imagenesPreload[numImgCasoActual] = portada;
				}
			for (numImgCasoActual=numImgCaso; numImgCasoActual<(numImgCaso+cantCasosAMostrar);numImgCasoActual++)
			{
			  padre = imagenes[numImgCasoActual - numImgCaso];	
			  agregarImg(padre, "img-caso", portada);
			  inputs[numImgCasoActual - numImgCaso].setAttribute('value', numImgCasoActual);	
				}
				
			//actualizo paginas
			actualizarPaginasCasos(paginaActualCasos, "paginationCasos");
			inicializarPrecargador();			
		}
		
//Esta funcion la llama la funcion cambiarPaginaTrabajo(pagina)
function handleHttpResponseCasos()
		{
		if (http.readyState == 4)
			{				
				var xmlDocument = http.responseXML;
				xmlGeneral = xmlDocument;
				tipoPreloader=1;
				cargarPaginasCasos(xmlDocument.getElementsByTagName("trabajo").length);
				accionesComunesCasos();
			}
		}


function redireccionar(pos){
	document.forms[pos].submit();
	}

//Esta funcion la llama la funcion cambiarPaginaTrabajo(pagina)
function handleHttpResponseCargarUltimos()
		{
		if (http.readyState == 4)
		{
			inicializarContenedoresImagenes();
			var xmlDocument = http.responseXML;
			//Cantidad de casos a Mostrar... pueden ser 8 o menos
			var elem= document.getElementById("last-projects");
			//tomo los trabajos del xml
			var trabajos = xmlDocument.getElementsByTagName("trabajo");
			var ultimostrabajos = xmlDocument.getElementsByTagName("ultimotrabajo");
			var portada;
			var padre;
			var pos;
			var imagenes = elem.getElementsByTagName("a");			
			for (numImgCasoActual=0; numImgCasoActual<3;numImgCasoActual++)
			{
			  pos = ultimostrabajos[numImgCasoActual].firstChild.data; 	
			  portada = trabajos[pos].getElementsByTagName("portada")[0].firstChild.data;  
			  portada = "imagenes/"+portada;
			  imagenesPreload[numImgCasoActual] = portada;
			  padre = imagenes[numImgCasoActual];	
			  agregarImg(padre, "imagenesUltimo", portada);			 
			}
			inicializarPrecargador();
			}
		}





	function precargar()    
	{
		for (var i = 0; i < imagenesPreloadInicial.length; i ++)    
		{
			  imagenesImageInicial[i] = new Image();
			  imagenesImageInicial[i].src = imagenesPreloadInicial[i];
		} 
		for (var i = 0; i < imagenesPreload.length; i ++)    
		{
			  imagenesImage[i] = new Image();
			  imagenesImage[i].src = imagenesPreload[i];
		}
		cargando();
	}
	 
	function precargados(dibujos)    {
		var parciales = true;
		for (var i = 0; i < dibujos.length; i ++){
			parciales = (parciales && dibujos[i].complete);
		}		
		return parciales;
	}
	 
	function porciento(dibujos)    {
		var parciales = 0;
		var unPorc = 100;
		if (dibujos.length!=0)
		{
			for (var i = 0; i < dibujos.length; i ++)
				parciales += (dibujos[i].complete) ? 1 : 0;
			unPorc = parseInt(100 * parciales / dibujos.length); 	
		}
		return unPorc;
	}  
	
	function continuar()
	{//Esta funcion podria seterar los src y agregar los img al padre 
		clearTimeout(funcion);
		if (tipoPreloader==0)
		{
			continuarCargando();
		}
		else 
		{	
			p = "100%"
			setearImagenes();
			if (tipoPreloader == 1)
			{
				document.getElementById('preloader').style.display="none";
				if (pagGeneralActual==0)
				{
					document.getElementById("last-projects").style.display="block";
				}
				else if (pagGeneralActual==3)
				{
					document.getElementById("content-image").style.display="block";
					document.getElementById("contenedorPaginationCasos").style.display="block";	
				}
				else if (pagGeneralActual==5)
				{
					document.getElementById("big-image").style.display='block';
					document.getElementById("content-mini-image").style.display="block";
					document.getElementById("contenedorPagination").style.display="block";
					document.getElementById("prev-portfolio").style.display="block";
					document.getElementById("next-portfolio").style.display="block";
				}								
			}
			else
			{
				document.getElementById('preloaderEfecto').style.display="none";
				document.getElementById("big-image").style.display='block';
				document.getElementById("content-mini-image").style.display="block";
				document.getElementById("contenedorPagination").style.display="block";
				document.getElementById("prev-portfolio").style.display="block";
				document.getElementById("next-portfolio").style.display="block";				
			}
		}	
	}
	 
	var primeraCarga = true;
	var cargaFinalizada = false;	
	var miPorcentaje = 0;
	var funcionPorcentaje;
	var p; 	
	
//CUIDADO... PUEDE SUCEDER QUE LLEGUE A 100% SIN HABER CARGADO TODO... EJEMPLO: CARGA LAS IMAGENES INICIALES Y CUANDO TERMINA SUIGUE CON LAS OTRAS... PUEDE SOLUCIONARSE CON UN NUMERO DE CARGA...CUANDO ES 2, CONTINUO	
/*	function simularPreloader()
	{
		var hijo = document.getElementById("preloaderDivCargaPrincipal").firstChild;
		if (hijo != undefined)
		{
			document.getElementById("preloaderDivCargaPrincipal").removeChild(hijo);
		}
		var por = document.createTextNode(miPorcentaje + "%");
		document.getElementById("preloaderDivCargaPrincipal").appendChild(por);
		if (miPorcentaje==100)
		{
			cargaFinalizada = true;
			clearTimeout(funcionPorcentaje);	
			document.getElementById("preloaderCargaPrincipal").style.display="none";
		}
		else
		{
			if (miPorcentaje < parseInt(p))
			{
				miPorcentaje= miPorcentaje+5;				
			}
			funcionPorcentaje = setTimeout("simularPreloader()", 50);
		}
	}*/
	
	function minimo(p1,p2)
	{
		var mip = p1;
		if (p2<p1)
		{
			mip=p2
		}
		return mip;
	}
	
	function cargando()    {
		var p1 = porciento(imagenesImageInicial);
		var p2 = porciento(imagenesImage);	
		var pp;
		var pd;
		p = minimo(p1,p2) + "%";
		if (tipoPreloader==0)
		{
			pd = "preloaderDivCargaPrincipal";
			pp = "preloaderCargaPrincipal"; 
		}
		else if (tipoPreloader==1)
		{
			pd = "preloaderDiv";
			pp = "preloader";
		}	
		else
		{
			pd = "preloaderEfectoDiv";
			pp = "preloaderEfecto"; 
		}
		if ((parseInt(p)==100)&&(primeraCarga))
		{
			simular = false;
			primeraCarga=false;
			cargaFinalizada = true;
			document.getElementById(pp).style.display="none";
		}
		else 
		{	
			if (primeraCarga)
			{
				primeraCarga=false;
			}
			var hijo = document.getElementById(pd).firstChild;
			if (hijo != undefined)
			{
				document.getElementById(pd).removeChild(hijo);
			}
			var por = document.createTextNode(miPorcentaje + "%");
			document.getElementById(pd).appendChild(por);
			if (miPorcentaje==100)
			{
				cargaFinalizada = true;
				//clearTimeout(funcionPorcentaje);	
				document.getElementById(pp).style.display="none";
			}
			else
			{
				if (miPorcentaje < parseInt(p))
				{
					miPorcentaje= miPorcentaje+5;				
				}
			}			
		}
		if ((precargados(imagenesImage))&&(precargados(imagenesImageInicial))&&(cargaFinalizada))
		{
			continuar();		
		}
		else
		{
			funcion = setTimeout("cargando()", 50);
		}
	}
	 
	function inicializarPrecargador()
	{	
		miPorcentaje=0;
		if ((tipoPreloader == 0)&&(pagGeneralActual==5))
		{
			document.getElementById("container").style.display="none";
			document.getElementById("preloaderCargaPrincipal").style.display="block";
		}
		else if (tipoPreloader == 1)
		{
			cargaFinalizada = true;			
			if (pagGeneralActual==3)
			{
				document.getElementById("preloader").style.marginLeft =  "200px";
				document.getElementById("preloader").style.marginTop = "80px";
				document.getElementById("content-image").style.display="none";
				document.getElementById("contenedorPaginationCasos").style.display="none";			
			}
			else if (pagGeneralActual==5)
			{
				document.getElementById("preloader").style.marginLeft =  "200px";
				document.getElementById("preloader").style.marginTop = "80px";
				document.getElementById("content-mini-image").style.display="none";
				document.getElementById("contenedorPagination").style.display="none";	
				document.getElementById("prev-portfolio").style.display="none";
				document.getElementById("next-portfolio").style.display="none";
				document.getElementById("big-image").style.display="none";
			}		
			document.getElementById("preloader").style.display="block";			
		}
		else if (tipoPreloader == 2) 
		{			
			cargaFinalizada = true;			
			document.getElementById("big-image").style.display='none';
			document.getElementById("content-mini-image").style.display="none";
			document.getElementById("contenedorPagination").style.display="none";
			document.getElementById("prev-portfolio").style.display="none";
			document.getElementById("next-portfolio").style.display="none";			
			document.getElementById("preloaderEfecto").style.display="block";
		}
		precargar();		
	}  

//###############################################################################################################################
// SON FUNCIONES AJAX DE CONTACTO
// paginas: contacto.php
//###############################################################################################################################


	function intentarNuevamente() 
	{
		var hijo = document.getElementById('mensajeR');
		hijo.parentNode.removeChild(hijo);
		document.getElementById('formulario').style.display = "block";		
	}
	
	function handleContactoHttpResponse() {
		if (http.readyState == 4) 
		{
			var valor = http.responseText;
			document.getElementById('formulario').style.display = "none";
			var hijo = document.createElement('div');
			hijo.setAttribute('id', 'mensajeR');
			var boton = document.createElement('input');
			boton.setAttribute('type', 'button');
			
			if (valor==1)
			{
				var texto = document.createTextNode("El Mensaje se envió correctamente");
				boton.setAttribute('onclick', 'javascript:location.href="index.php"');
				boton.setAttribute('value', 'Retornar');
			}
			else
			{
				var texto = document.createTextNode("No pudo enviarse el Mensaje. Por favor intente nuevamente.");
				boton.setAttribute('onclick', 'intentarNuevamente()');
				boton.setAttribute('value', 'Intentar Nuevamente');				
			}
			hijo.appendChild(texto); 
			hijo.appendChild(boton); 
			document.getElementById('mensajeRespuesta').appendChild(hijo);
		}
	}
	
	function enviarMail()
		{	
		var url = "enviarMail.php?";
		var nombreyapellido = document.getElementById("nombreyapellido").value;
		var email = document.getElementById("email").value;
		var asunto = document.getElementById("asunto").value;
		var mensaje = document.getElementById("mensaje").value;		
		url = url + "nombreyapellido="+escape(nombreyapellido)+"&email="+escape(email)+"&asunto="+escape(asunto)+"&mensaje="+escape(mensaje);
		http.open("GET", url, true);
		http.onreadystatechange = handleContactoHttpResponse;
		http.send(null);
		}