//###############################################################################################################################
// 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/boton-hover.png', 'img/backContentSujetos.png', 'img/btnAcerca.png');
	var imagenesServicios = new Array('img/head_Servicios.jpg', 'img/backContentAbajo.png', 'img/btnComo.png');
	var imagenesContacto = new Array('img/head_Contacto.jpg');
	var imagenesCasos = new Array('img/head_Casos.jpg', '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 validarExplorador()
		{
			if ((BrowserDetect.browser==9)&&(BrowserDetect.version==6))
			{
				alert("Actualicese a otro exporador");
				return false;
			}
			return true;			
		}
		
	function mainIndex()
		{
			if (validarExplorador())
			{
				tipoPreloader=0;
				verUltimosCasos=0;
				pagGeneralActual = 0;
				document.getElementById("color").style.backgroundColor="#4FAEB9";
				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()
		{
			if (validarExplorador())
			{
				tipoPreloader=0;
				verUltimosCasos=0;
				pagGeneralActual = 1;
				document.getElementById("color").style.backgroundColor="#cf6f22";
				inicializarContenedoresImagenes();
				inicializarContenedoresImagenesIniciales();
				imagenesPreloadInicial = imagenesServicios;
				inicializarPrecargador();	
			}
		}
		
	function continuarCargandoServicios()
		{
		}	

	function mainSujetos()
		{
			if (validarExplorador())
			{			
				tipoPreloader=0;
				verUltimosCasos=0;
				pagGeneralActual = 2;
				document.getElementById("color").style.backgroundColor="#668D65";
				inicializarContenedoresImagenes();
				inicializarContenedoresImagenesIniciales();
				imagenesPreloadInicial = imagenesSujetos;
				inicializarPrecargador();
			}
		}
		
	function continuarCargandoSujetos()
		{
		}	
		

	function mainCasos()
		{
			if (validarExplorador())
			{			
				tipoPreloader=0;
				verUltimosCasos=0;
				pagGeneralActual = 3;
				paginaActualCasos=1;
				document.getElementById("color").style.backgroundColor="#336699";
				inicializarContenedoresImagenes();
				inicializarContenedoresImagenesIniciales();
				imagenesPreloadInicial = imagenesCasos;
				fondo();
				inicializarPrecargador();
			}
		}

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

	function mainContacto()
		{
			if (validarExplorador())
			{			
				tipoPreloader=0;
				verUltimosCasos=0;
				pagGeneralActual = 4;
				document.getElementById("color").style.backgroundColor="#CCB03B";
				inicializarContenedoresImagenes();
				inicializarContenedoresImagenesIniciales();
				imagenesPreloadInicial = imagenesContacto;
				inicializarPrecargador();
			}
		}

	function continuarCargandoContacto()
		{
		}	


	function mainCasoX()
		{	
			if (validarExplorador())
			{		
				tipoPreloader=0;
				verUltimosCasos=0;
				pagGeneralActual = 5;
				document.getElementById("color").style.backgroundColor="#7EADA5";
				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();
			}
			document.getElementById("color").style.display="block";
			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', "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 armarPaginaABC()
		{	
			utilizarPrecargador = true;
			verUltimosCasos=0;		
		    tipoPreloader=2;
			inicializarContenedoresImagenes();
			var contenido = document.createElement('div');
			contenido.setAttribute('id', "containerX");
			var nivel1 = document.createElement('div');
			nivel1.setAttribute('id', "left-content");
			contenido.appendChild(nivel1);
			var nivel1 = document.createElement('div');
			nivel1.setAttribute('id', "right-content");
			
			var nivel2 = document.createElement('div');                  // OJO... es el volver!!!
			nivel2.setAttribute('id', "close");
			var nivel3 = document.createElement('a');
			nivel3.setAttribute('href', "javascript:retornarCasos()");
			var nivel4 = document.createElement('img');
			nivel4.setAttribute('id', "img-close");
			nivel4.setAttribute('src', "img/close.png");
			nivel3.appendChild(nivel4);		
			var nivel4 = document.createElement('span');
			var texto = document.createTextNode("Cerrar");
			nivel4.appendChild(texto);	
			nivel3.appendChild(nivel4);	
			nivel2.appendChild(nivel3);		// agregame 	el "a"
			nivel1.appendChild(nivel2);		// agregame 	close            // Hasta aca es el volver!!
			
			
			
			var nivel2 = document.createElement('div');
			nivel2.setAttribute('id', "titular");
			nivel1.appendChild(nivel2);
			var nivel2 = document.createElement('div');
			nivel2.setAttribute('id', "contenido");
			
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "columna1");
			
			var nivel4 = document.createElement('strong');
			var nivel5 = document.createTextNode('Filosof\u00eda:');
			nivel4.appendChild(nivel5);
			nivel3.appendChild(nivel4);
			
			
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);

			var nivel4 = document.createTextNode('En la actualidad, observamos en nuestra actividad una tendencia esteticista ligada a modas y modos de representaci\u00f3n que responden a gustos y preferencias del dise\u00f1ador.');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createTextNode('Esto significa que los clientes adquieren una identidad visual que no los representa a ellos, sino a \u00e9l.');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);

			var nivel4 = document.createElement('strong');
			var nivel5 = document.createTextNode('\u00bfDe qu\u00e9 hablamos cuando nos referimos a Identidad Visual?');
			nivel4.appendChild(nivel5);
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			
			var nivel4 = document.createTextNode('La identidad es aquello que nos define, y por lo tanto, tambi\u00e9n nos diferencia; y el aspecto visual de la misma, est\u00e1 compuesta por un sistema de signos y c\u00f3digos visuales (reglas para la combinaci\u00f3n de dichos sistemas).');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createTextNode('El s\u00edmbolo primario de identificaci\u00f3n, la elecci\u00f3n y combinaci\u00f3n de las formas, la paleta crom\u00e1tica, las tipograf\u00edas y la ');
			nivel3.appendChild(nivel4);
			nivel2.appendChild(nivel3);
			
			var nivel3 = document.createElement('div');
			nivel3.setAttribute('id', "columna2");
			var nivel4 = document.createTextNode('combinaci\u00f3n de cada uno de ellos, son algunos ejemplos al respecto. Entonces podemos concluir que el dise\u00f1o de la identidad visual de una entidad, es la creaci\u00f3n del sistema de signos y c\u00f3digos para su combinaci\u00f3n, que lo definen y diferencian de sus pares.');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('br');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createTextNode('Los c\u00f3digos y subc\u00f3digos influencian tanto la producci\u00f3n del discurso y el mensaje por parte del emisor como la interpretaci\u00f3n del mismo por parte del destinatario. Para comprender este fen\u00f3meno en su totalidad, entonces, no podemos dejar de definir el otro actor fundamental del proceso de comunicaci\u00f3n: el destinatario. Los p\u00fablicos (definidos como un segmento social... ');
			nivel3.appendChild(nivel4);
			var nivel4 = document.createElement('div');
			nivel4.setAttribute('id', "pdf");
			nivel3.appendChild(nivel4);
			nivel2.appendChild(nivel3);
			nivel1.appendChild(nivel2);
			contenido.appendChild(nivel1);
			
			contenido.style.display="none";
			document.getElementById("contenedorEfecto").appendChild(contenido);
			ubicarComponentes2();
			document.getElementById("fondoEfecto").style.display="block";            //ACA MUESTRA LOS BLOQUES					
			if (ie)
			{
				document.getElementById("contenedorEfecto").style.filter="alpha(opacity=100)";
			}
			else
			{
				document.getElementById("contenedorEfecto").style.opacity=1;				
			}
			opacidad2 = 100;
			activarEfecto=1;
			efecto1();
		}
		
				var h = 0;
		function ubicarComponentes2()
			{				
			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("right-content").style.paddingBottom = "0px";
			document.getElementById("left-content").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";
				if (pagGeneralActual==3)
				{
					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);
		}