var total=6;
var fades=0;
var imagenes=0;
var imagenes_carga=0;
var pagina_actual=1;
var paginas;
/*var xs=new Array();
xs["quienes_somos"]=210;
xs["rotulacion"]=660;
xs["serigrafia"]=1100;
xs["tampografia"]=1550;
xs["imprenta"]=2000;
xs["diseno_grafico"]=2450;
xs["donde_estamos"]=2880;
xs["portfolio"]=3310;
xs["contacto"]=3748;
var inte;
var step;
var substep;
var lastsc;*/

var sectit=new Array();
sectit["rotulacion"]="Rotulación";
sectit["serigrafia"]="Serigrafía";
sectit["tampografia"]="Tampografía";
sectit["imprenta"]="Imprenta";
sectit["diseno-grafico"]="Diseño gráfico";

window.onload=function() {
	for(i=1;i<=total;i++) {
		fade_step("im"+i,1,0,0);
	}
	
	var as=document.getElementsByClassName("seccion");
	var href;
	for(i=0;i<as.length;i++) {
		href=as[i].getAttribute("href").split("=");
		as[i].setAttribute("href","javascript:seccion('"+href[1]+"');");
	}
	
	if(!sinit) sinit="rotulacion";
	seccion(sinit);
}

function seccion(q) {
	document.getElementById("pie").innerHTML=sectit[q];
	fades=0;
	var sec=secciones[q];
	if(typeof(sec)!="string"&&typeof(sec)!="object") {
		i=1;
		for(i=1;i<=total;i++) {
			document.getElementById("imc"+i).className="imagen_np";
			var o=document.getElementById("ima"+i);
			o.setAttribute("href","javascript:void(0)");
			o.setAttribute("rel","");
			fade("im"+i,1,0,0.2);
		}
		//document.getElementById("pie").innerHTML="";
	} else {
		for(i=1;i<=total;i++) {
document.getElementById("imc"+i).className="imagen";
			var o=document.getElementById("ima"+i);
			o.setAttribute("href","javascript:void(0)");
			o.setAttribute("rel","");
			fade("im"+i,1,0,0.2,"fade_listo('"+q+"');");
		}
	}
}
function fade_listo(q,pag) {
	fades++;
	if(fades==total) seccion_cambiar(q,pag);
}
function seccion_cambiar(q,pag) {
	if(!pag||typeof(pag)!="number") pag=1;
	pagina_actual=pag;
	var sec=secciones[q];
	var total_imagenes=sec.length;
	paginas=Math.ceil(total_imagenes/6);
	var offset=(pag-1)*6;
	
	var pht="<a href=\"javascript:anterior('"+q+"');\"><</a> . ";
	var l;
	for(i=1;i<=paginas;i++) {
		if(i==pag) l="<strong>"+i+"</strong>"; else l=i;
		pht+=" <a href=\"javascript:pagina('"+q+"',"+i+");\">"+l+"</a> . ";
	}
	pht+="<a href=\"javascript:siguiente('"+q+"');\">></a>";
	
	document.getElementById("pie").innerHTML=sectit[q]+" "+pht;
	
	var im=0;
	var t;
	var o;
	var j;
	
	imagenes=0;
	
	for(i=offset;i<total_imagenes;i++) {
		if(im<total) {
			im++;
			t=sec[i].split("|");
			o=document.getElementById("im"+im);
			o.setAttribute("alt",t[1]);
			o.setAttribute("title",t[1]);
			o.onload=function() {
				setTimeout(imagen_lista,500);
			};
			var p=document.getElementById("ima"+im);
			p.setAttribute("href",path+t[0]+"-big.jpg");
			p.setAttribute("rel","lightbox");
			o.setAttribute("src",path+t[0]+".jpg");
		} else {
			break;
		}
	}

	imagenes_carga=im;
	if(im<total) {
		for(i=(im+1);i<=total;i++) {
			document.getElementById("imc"+i).className="imagen_np";
		}
	}
}
function imagen_lista() {
	imagenes++;
	if(imagenes==imagenes_carga) seccion_mostrar();
}
function seccion_mostrar() {
	for(i=1;i<=imagenes_carga;i++) {
		fade("im"+i,0,1,0.2);
	}
}

function anterior(q) {
	if(pagina_actual>1) {
		pagina_actual--;
		pagina(q,pagina_actual);
	}
}
function siguiente(q) {
	if(pagina_actual<paginas) {
		pagina_actual++;
		pagina(q,pagina_actual);
	}
}
function pagina(q,p) {
	fades=0;
	for(i=1;i<=total;i++) {
		document.getElementById("imc"+i).className="imagen";
		var o=document.getElementById("ima"+i);
		o.setAttribute("href","javascript:void(0)");
		o.setAttribute("rel","");
		fade("im"+i,1,0,0.2,"fade_listo('"+q+"',"+p+");");
	}
}

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
};

/*@cc_on
(function(f){
 window.setTimeout =f(window.setTimeout);
 window.setInterval =f(window.setInterval);
})(function(f){return function(c,t){var a=[].slice.call(arguments,2);return f(function(){c.apply(this,a)},t)}});
@*/