var ShowingDir = 1;
var intScroll = 0;
var showPreview = false;
		
function id_of(valor) {
	aux = valor.split("_");
	return aux[1];				
	}
function getElementById_s(id) {	
	if(document.getElementById){
			var obj = document.getElementById(id);
		}else if(document.all){
			var obj = document.all[id];
		}
	return obj;
	}
		
function HeaderClick(id) {
	
	stateChange(ShowingDir);
	var newId = id_of(id);
	stateChange(newId);
	ShowingDir = newId;
}

function stateChange(id) {
	
	var Dir = getElementById_s('Dir_'+id);
	var contDir = getElementById_s('contDir_'+id);
	var filesDir = getFilesByDir(id);
	var thumbsDir = getThumbsByDir(id);
	
	if (Dir.getAttribute('state') == 'on'){
		Dir.setAttribute('state','off');
		contDir.setAttribute('class','Ocult');
		contDir.setAttribute('className','Ocult');
		
		for (i=0;i<filesDir.length;i++){
			filesDir[i].setAttribute('class','Ocult');
			filesDir[i].setAttribute('className','Ocult');
		}
		for (i=0;i<thumbsDir.length;i++){
			thumbsDir[i].setAttribute('class','thmbOcult');
			thumbsDir[i].setAttribute('className','thmbOcult');
		}
	} else {
		
		Dir.setAttribute('state','on');
		contDir.setAttribute('class','Dir');
		contDir.setAttribute('className','Dir');
		for (i=0;i<filesDir.length;i++){
			filesDir[i].setAttribute('class','FileName');
			filesDir[i].setAttribute('className','FileName');
		}
		for (i=0;i<thumbsDir.length;i++){
			thumbsDir[i].setAttribute('class','CajaThumb');
			thumbsDir[i].setAttribute('className','CajaThumb');
		}
	}
	
}

function catalogo() {
	var cont = 2;
				
	while (getElementById_s('Dir_'+cont) != null) {
		stateChange(cont);
		cont++;
	}
}

function getFilesByDir(dir) {
	var indx = 1;
	var cont = 0;
	var arrFiles = new Array();
				
	while (getElementById_s('file_'+indx) != null) {
		var Obj = getElementById_s('file_'+indx);
		if (Obj.getAttribute('dir')==dir) {arrFiles[cont] = Obj; cont++; }
		indx++;
	}
	if (cont == 0) { return false; } else { return arrFiles;} 
}

function getThumbsByDir(dir) {
	var indx = 1;
	var cont = 0;
	var arrFiles = new Array();
				
	while (getElementById_s('browfile_'+indx) != null) {
		var Obj = getElementById_s('browfile_'+indx);
		if (Obj.getAttribute('dir')==dir) {arrFiles[cont] = Obj; cont++; }
		indx++;
	}
	if (cont == 0) { return false; } else { return arrFiles;} 
}
function deletePreview() {
	var OcultaDiv = getElementById_s('divFotoPreview');
	
	divCatalogo  = getElementById_s('catalogo');
	divCatalogo.setAttribute('className','catalogo');
	divCatalogo.setAttribute('class','catalogo');
	
	if (OcultaDiv != null) { OcultaDiv.parentNode.removeChild(OcultaDiv); showPreview = false; }

}
function centerDiv(offSet,contentSize, objSize) {

	y = ((250 - objSize[1]) / 2) + offSet[1];
	
	x = offSet[0] +(objSize[0] / 2);
	x = (contentSize[0] / 2) - x;
	
	return [x,y];
}
		
function clickFoto(obj) {
	
	if (showPreview == false) {
		var id = id_of(obj.getAttribute('id'));
		var idThumb = getElementById_s('Thumb_'+id);
		nameFoto = idThumb.getAttribute('file');

		nameFoto = unescape(nameFoto.replace(/\+/g,  " "));	
		imgAux = new Image();
		
		imgAux.src = nameFoto;	
		cargando('browfile_'+id);1
	}
}

function cargando(id_div) {
	if (imgAux.complete) { mostrar(id_div); }
	else setTimeout("cargando('"+id_div+"')", 100);
}

function mostrar(id_div){
	
	div = getElementById_s(id_div);

	//getElementById_s('imgW').value = imgAux.width;
	//getElementById_s('imgH').value = imgAux.height;
	
	var imgThumb = getElementById_s('Thumb_'+id_of(div.id));
	
	//Creamos el div del Preview
	var divFoto = document.createElement('DIV');

	
	divFoto.setAttribute('id','divFotoPreview');
	
	divFoto.setAttribute('className','divFotoPreview');
	divFoto.setAttribute('class','divFotoPreview');
	divFoto.onclick = deletePreview;
		
	document.body.appendChild(divFoto);
	
	divCatalogo = getElementById_s('catalogo');
	
	
	divCatalogo.setAttribute('className','catalogoShowing');
	divCatalogo.setAttribute('class','catalogoShowing');
	
	var posCatalogo = BuscaPos(divCatalogo);	
	
	var ratio = 1;

	if (imgAux.height >= imgAux.width) {

		if (imgAux.height > 600 ) { ratio = 600 / imgAux.height ; }

	} else {

		if (imgAux.width > 700 ) { ratio = 700 / imgAux.width ; }

	}	

	var pos = centerDiv([0,posCatalogo[1]],[document.body.clientWidth,divCatalogo.offsetHeight],[imgAux.width*ratio,imgAux.height*ratio]);

	divFoto.style.cssText = "top:"+pos[1]+"px;left:"+pos[0]+"px; text-align:center";

	//Creamos la imagen
	var imgFoto = document.createElement('IMG');		
	imgFoto.src=imgAux.src;
	
	imgFoto.height = imgFoto.height * ratio;
	imgFoto.width = imgFoto.width * ratio;

	var divAspita = document.createElement('DIV');
	
	divAspita.style.cssText = "text-align:right";
	divAspita.innerHTML = "<i>Close [X]</i>";

	divFoto.appendChild(divAspita);
	divFoto.appendChild(imgFoto);
	
	
	showPreview=true;
		
}

function BuscaPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}


function setScroll(div){
	intScroll = div.scrollTop;
}

function mouseMove(type,state,obj) {
	switch(type) {
		case "filename":
			var thumb = getElementById_s('browfile_'+id_of(obj.id));
			if (state == 'on') {
				obj.setAttribute('class','FileNameRoll');
				obj.setAttribute('className','FileNameRoll');
				mouseMove('thumbnail','on',thumb);
			} else {
				obj.setAttribute('class','FileName');
				obj.setAttribute('className','FileName');
				mouseMove('thumbnail','off',thumb);
			}
			break;
		case "thumbnail":
			if (state == 'on') {
				obj.setAttribute('class','CajaThumbRoll');
				obj.setAttribute('className','CajaThumbRoll');
			} else {
				obj.setAttribute('class','CajaThumb');
				obj.setAttribute('className','CajaThumb');
			}
			break;
	}

}