var intClienteID, strTplRemoteSource, strRemoteSource;
var objTblProyecto, objDetProyecto, objTituloProyecto;
var objNombreCliente, objImagen, objBtnAnt, objBtnProx;
var strUbicacionGeografica, strDescOcupacion, strNombreCliente;
var arrTrabajos, intCursor, blnObjsInit = false, blnMuestrasHidden = true;

function VerPorCliente(){
	args = VerPorCliente.arguments;
	intClienteID = args[0];
	strTplRemoteSource = args[1];
	objTblProyecto = args[2];
	objDetProyecto = args[3];
	objNombreCliente = args[4];
	objImagen = args[5];
	objBtnAnt = args[6];
	objBtnProx = args[7];
	objLoading = args[8];
	objIntro = args[9];
	objMuestras = args[10];
	objTituloProyecto = args[11];
	objInfoCliente = args[12];
	//Effect.Fade(objImagen);
	document.flgLoadingState = "hidden";
	blnObjsInit = true;
	HandlePickCliente();
}

function HandlePickCliente(){
	if(strTplRemoteSource != ""){
		strRemoteSource = strTplRemoteSource.replace(/\{0\}/, intClienteID);
		strRemoteSource = strRemoteSource.replace(/\{1\}/, intRubroID);
		CrearXmlHttp(strRemoteSource, CargarCliente);
	}
}

function CargarCliente(nodoPrincipal){
	var nodoChild, strTempNombre, strTempOcupa;
	nodoChild = nodoPrincipal.getElementsByTagName("cliente");
	strNombreCliente = GetNodeAtt(nodoChild[0], "nombre");
	strDescOcupacion = GetNodeAtt(nodoChild[0], "ocupacion");
	strUbicacionGeografica = GetNodeAtt(nodoChild[0], "ubicacionGeografica");
	if(strNombreCliente != "" && strNombreCliente != undefined) objNombreCliente.innerHTML = strNombreCliente;
	nodoChild = nodoPrincipal.getElementsByTagName("trabajo");
	arrTrabajos = new Array(nodoChild.length);
	for(n = 0;n < arrTrabajos.length;n ++)
		arrTrabajos[n] = new Array(5);
	for(n = 0;n < arrTrabajos.length;n ++) {
		arrTrabajos[n][0] = GetNodeAtt(nodoChild[n], "descripcionProyecto");
		arrTrabajos[n][1] = GetNodeAtt(nodoChild[n], "urlImagen");
		arrTrabajos[n][2] = GetNodeAtt(nodoChild[n], "titulo");
		arrTrabajos[n][3] = GetNodeAtt(nodoChild[n], "linkLabel");
		arrTrabajos[n][4] = GetNodeAtt(nodoChild[n], "linkURL");
	}
	VerTrabajo(0);
}

function ResetCliente(){
	objTblProyecto.style.display = "none";
	objNombreCliente.innerHTML = "";
	objInfoCliente.innerHTML = "";
	makeCall();
	objBtnAnt.style.visibility = "hidden";
	objBtnProx.style.visibility = "hidden";
	intCursor = 0;
}

function VerMuestras(){
	if(blnMuestrasHidden){
		objIntro = arguments[0];
		objMuestras = arguments[1];
		objIntro.style.display = "none";
		objMuestras.style.display = "inline";
		blnMuestrasHidden = false;
	}
}

function VerTrabajo(intIndice){
	if(blnMuestrasHidden){
		objIntro.style.display = "none";
		objMuestras.style.display = "inline";
		objImagen.style.display = "inline";
		blnMuestrasHidden = false;
	}
	if(intIndice < arrTrabajos.length){
		intCursor = intIndice;
		if(parseInt(arrTrabajos.length) > 1) {
			if(intIndice > 0) { 
				objBtnAnt.style.visibility = "visible";
			} else {
				objBtnAnt.style.visibility = "hidden"; }
			if(intIndice < arrTrabajos.length - 1) {
				objBtnProx.style.visibility = "visible";
			} else {
				objBtnProx.style.visibility = "hidden"; }
		} else {
			objBtnAnt.style.visibility = "hidden";
			objBtnProx.style.visibility = "hidden"; }
		
		if(arrTrabajos[intIndice][0] != "" || strDescOcupacion != "" || strUbicacionGeografica != "") {
			objTblProyecto.style.display = "inline";
			objDetProyecto.innerHTML = arrTrabajos[intIndice][0];
		} else {
			objTblProyecto.style.display = "none"; }
		if(arrTrabajos[intIndice][1] != "") {
			makeCall(arrTrabajos[intIndice][1]);
		} else {
			objMuestras.style.display = "none";	}
		if(arrTrabajos[intIndice][2] != "") {
			objTituloProyecto.style.display = "inline";
			objTituloProyecto.innerHTML = arrTrabajos[intIndice][2];
		} else {
			objTituloProyecto.style.display = "none"; }
		
		if(strDescOcupacion != "" || strUbicacionGeografica != "" || arrTrabajos[intIndice][3] != ""){
			objInfoCliente.innerHTML = ComponerDetalleCliente(intIndice);
		}
	}
}

function ComponerDetalleCliente(intIndice){
	var tempLink = "";
	if(strNombreCliente != "") {
		strNombreCliente = strNombreCliente.replace("<br>", "");
		strNombreCliente += "<br>";
	}
	if(strDescOcupacion != "") {
		strDescOcupacion = strDescOcupacion.replace("<br>", "");
		strDescOcupacion += "<br>";
	}
	if(strUbicacionGeografica != "") {
		strUbicacionGeografica = strUbicacionGeografica.replace("<br>", "");
		strUbicacionGeografica += "<br>";
	}
	if(arrTrabajos[intIndice][3] != "" && arrTrabajos[intIndice][4] != "") {
		tempLink = document.TplLinkTrabajo.replace(/\{0\}/, arrTrabajos[intIndice][4]);
		tempLink = tempLink.replace(/\{1\}/, arrTrabajos[intIndice][3]);
	}
	var strDetalleCliente = document.TplDetalleCliente.replace(/\{0\}/, strNombreCliente);
	strDetalleCliente = strDetalleCliente.replace(/\{1\}/, strDescOcupacion);
	strDetalleCliente = strDetalleCliente.replace(/\{2\}/, strUbicacionGeografica);
	strDetalleCliente = strDetalleCliente.replace(/\{3\}/, tempLink);
	return strDetalleCliente;
}

function makeCall(str){
	startLoading();
	objImagen.innerHTML = "<img id='imageItself' src='" + document.urlBase + str + "' width='570' height='250'>";
	objImg = document.getElementById("imageItself");
	var parche = objImg.src;
	objImg.onload = finishLoading;
}

function startLoading(){
	//if(document.flgLoadingState == "visible") Effect.Fade(objImagen);
	document.flgLoadingState = "hidden";
}

function finishLoading(){
	//Effect.Appear(objImagen);
	document.flgLoadingState = "visible";	
}

function VerProximo(){
	var intNuevaPos = intCursor + 1;
	if(intNuevaPos < arrTrabajos.length){ VerTrabajo(intNuevaPos); }
}

function VerAnterior(){
	var intNuevaPos = intCursor - 1;
	if(intNuevaPos >= 0){ VerTrabajo(intNuevaPos) }
}