//Crear una variable bool para comprobar si el navegador es IE
var xmlhttp = false;
var ie=true;
//Crear variable que selecciona el enlace que está activo
var selec = 'inicio';

//Comprobar si estamos usando IE
try{
	//Si la versión es superior a 5
	xmlhttp = new ActiveXObject("Msxml12.XMLHTTP");
	} catch (e) {
		//Si no, utilizar el tradicional objeto ActiveX
		
		
		try {
			//Si estamos usando IE
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			
		} catch (E) {
			//En caso contrario debe tratarse de un navegador que no es IE
			xmlhttp = false;
		}
	}
//Si no estamos usando IE, creamos una instancia JavaScript del objeto
if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){
	xmlhttp = new XMLHttpRequest();
	ie=false;
}

//función que cambia el enlace que se muestra
function seleccionar(a){
	
	var obj = document.getElementById(selec);
	obj.className=0;
	
	a = a.substring(10,a.length-5); 
	
	obj = document.getElementById(a);
	obj.className="seleccionado";
	
	selec = a;
}
//funciones de la galería de imágenes


function portfolio(seccion){	
	
	var vector=[];
	var n=1;
	var visible=1;
	var nombre=seccion;
	
	vector = $("#visor div").get();	
	n = vector.length;
	
	function mostrar_der(){
				
		if(visible != n){
					
			$("#anterior").css({opacity:"1",cursor:"auto"});
			$("#"+nombre+visible).animate({left:"-684px",opacity:"0"},500);
			$("#"+nombre+(visible+1)).animate({left:"0px",opacity:"1"},500);
				
			visible++;
					
			if(visible==n) $("#posterior").css({opacity:"0.3",cursor:"default"});
		};
	};
			
	function mostrar_izq(){
			
		if(visible != 1){
			$("#posterior").css({opacity:"1",cursor:"auto"});
			$("#"+nombre+visible).animate({left:"684px",opacity:"0"},500);
			$("#"+nombre+(visible-1)).animate({left:"0px",opacity:"1"},500);
				
			visible--;
					
			if(visible==1) $("#anterior").css({opacity:"0.3",cursor:"default"});
		};
	};
	
	$("#"+nombre+visible).css({left:"0px",opacity:"1"});
	$("#anterior").css({opacity:"0.3",cursor:"default"});
			
	$("#anterior").click(function(){mostrar_izq();});
	$("#posterior").click(function(){mostrar_der();});
}

function consulta(serverPage, objID) {
	var obj = document.getElementById(objID);
	xmlhttp.open("GET", serverPage);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			
			obj.innerHTML = xmlhttp.responseText;
			
			seleccionar(serverPage);
			
			switch (serverPage){
 			  case "contenido/portfolio_arte.html":
     			portfolio("cuadro");
     		 	break;
			 case "contenido/portfolio_dg.html":
      			portfolio("trabajo_disenio");
      			break;
			case "contenido/portfolio_dw.html":
      			portfolio("trabajo_web");
      			break;
			case "contenido/portfolio_pe.html":
      			portfolio("trabajo_pe");
      			break;
			}
		}
	}
	xmlhttp.send(null);
}