// JavaScript Document
////////////////////////////////////////////////////////////////////CREAFOTOS////////////////////////////////////////////////////////////////////////////////

function creaFotos(tipoFoto,destino){
	/* Variable destino: a = atras,  f = final, s = siguiente */
	switch (tipoFoto){
		case 1:
				
				var fotosTotal=FotosTatoo;
				var Grupos=GruposTatoo;
				var tipoGrupo=grupoT;
				var Ngrupo=NgrupoTatoo;
				var Resto=RestoTatoo;
				var botonesSeccion='<li class="selected"><a class="tattoobot" href="#" onclick="creaFotos(1,\'i\')"><span>Tattoo</span></a></li>';
        			botonesSeccion+='<li><a  class="piercingbot" href="#" onclick="creaFotos(2,\'i\')"><span>Piercing</span></a></li>';
				break;
		case 2:
				var fotosTotal=FotosPierc;
				var Grupos=GruposPierc;
				var tipoGrupo=grupoP;
				var Ngrupo=NgrupoPierc;
				var Resto=RestoPierc;
				var botonesSeccion='<li><a class="tattoobot" href="#" onclick="creaFotos(1,\'i\')"><span>Tattoo</span></a></li>';
        			botonesSeccion+='<li class="selected"><a  class="piercingbot" href="#" onclick="creaFotos(2,\'i\')"><span>Piercing</span></a></li>';
		break;
	}
	switch (destino){
		
		case 'i':
		/**************************************************************CASO INICIALIZAR TATOO/PIERCING (i)*****************************************************/
				switch (tipoFoto){
					case 1: NgrupoTatoo=0;
							Ngrupo=NgrupoTatoo;
					break;
					case 2: NgrupoPierc=0;
							Ngrupo=NgrupoPierc;
					break;
				}
				var creacion='';
				var botones='';
				if ((Ngrupo+1) == Grupos && Resto!=0){var maximo=Resto; var final=true;}
				else{var maximo=8;var final=false;}
				for (var i=0;i<maximo;i++){
					creacion+='<li><a href="'+tipoGrupo[Ngrupo][i][0].slice(3)+tipoGrupo[Ngrupo][i][1]+'" rel="lightbox[trabajo]"><img src="'+tipoGrupo[Ngrupo][i][0].slice(3)+'mini'+tipoGrupo[Ngrupo][i][1]+'" alt="'+tipoGrupo[Ngrupo][i][5]+'" /></a><p>'+tipoGrupo[Ngrupo][i][2]+'<br />'+tipoGrupo[Ngrupo][i][5]+'</p></li>';
				}
				if (maximo!=8){
					for (var i2=0;i2<(8-maximo);i2++){
						creacion+='';//'<li><a href="#"><img src="#" /></a><p><br /></p></li>';
					}
				}
				if (final==true){var botFinal='<a href="#">'+Grupos+'</a>';}
				else{var botFinal='<a href="#" onclick="creaFotos('+tipoFoto+',\'f\')">'+Grupos+'</a>';}		
				botones='<em>Pag: 1/'+botFinal+'</em><a href="#">&lt; Atras</a> <a href="#" onclick="creaFotos('+tipoFoto+',\'s\')">siguiente&gt; </a>';
				
				mostrar(creacion,botones,botonesSeccion);			
		break;
		
		case 's':
		/**************************************************************CASO PULSAR SIGUIENTE (s) ***************************************************************/
			if (destino=='s' && ((Ngrupo+1) < Grupos )){
				var creacion='';
				var botones='';
				if ((Ngrupo+2) == Grupos && Resto!=0){var maximo=Resto; var final=true;}
				else{var maximo=8;var final=false;}
				for (var i=0;i<maximo;i++){
					creacion+='<li><a href="'+tipoGrupo[Ngrupo+1][i][0].slice(3)+tipoGrupo[Ngrupo+1][i][1]+'" rel="lightbox[trabajo]"><img src="'+tipoGrupo[Ngrupo+1][i][0].slice(3)+'mini'+tipoGrupo[Ngrupo+1][i][1]+'" alt="'+tipoGrupo[Ngrupo+1][i][5]+'" /></a><p>'+tipoGrupo[Ngrupo+1][i][2]+'<br />'+tipoGrupo[Ngrupo+1][i][5]+'</p></li>';
				}
				if (maximo!=8){
					for (var i2=0;i2<(8-maximo);i2++){
						creacion+='';//'<li><a href="#"><img src="#" /></a><p><br /></p></li>';
					}
				}
				if (final==true){var botFinal='<a href="#">'+Grupos+'</a>';}
				else{var botFinal='<a href="#" onclick="creaFotos('+tipoFoto+',\'f\')">'+Grupos+'</a>';}		
				botones='<em>Pag: '+(Ngrupo+2)+'/'+botFinal+'</em><a href="#" onclick="creaFotos('+tipoFoto+',\'a\')">&lt; Atras</a> <a href="#" onclick="creaFotos('+tipoFoto+',\'s\')">siguiente&gt; </a>';
				switch (tipoFoto){
					case 1: NgrupoTatoo=(Ngrupo+1);
					break;
					case 2: NgrupoPierc=(Ngrupo+1);
					break;
				}
				mostrar(creacion,botones,botonesSeccion);
			}
			else{
				return;
			}
		break;
		
		case 'a':
		/**************************************************************CASO PULSAR ATRAS (a) ***************************************************************/
			if (destino=='a' && !(Ngrupo == 0) ){
				var creacion='';
				var botones='';
				for (var i=0;i<8;i++){					
					creacion+='<li><a href="'+tipoGrupo[Ngrupo-1][i][0].slice(3)+tipoGrupo[Ngrupo-1][i][1]+'" rel="lightbox[trabajo]"><img src="'+tipoGrupo[Ngrupo-1][i][0].slice(3)+'mini'+tipoGrupo[Ngrupo-1][i][1]+'" alt="'+tipoGrupo[Ngrupo-1][i][5]+'" /></a><p>'+tipoGrupo[Ngrupo-1][i][2]+'<br />'+tipoGrupo[Ngrupo-1][i][5]+'</p></li>';
				}
				if ((Ngrupo-1)==0){var botAtras='<a href="#">&lt; Atras</a>';}
				else{var botAtras='<a href="#" onclick="creaFotos('+tipoFoto+',\'a\')">&lt; Atras</a>';}		
				botones='<em>Pag: '+Ngrupo+'/<a href="#" onclick="creaFotos('+tipoFoto+',\'f\')">'+Grupos+'</a></em>'+botAtras+' <a href="#" onclick="creaFotos('+tipoFoto+',\'s\')">siguiente&gt; </a>';
				switch (tipoFoto){
					case 1: NgrupoTatoo=(Ngrupo-1);
					break;
					case 2: NgrupoPierc=(Ngrupo-1);
					break;
				}
				mostrar(creacion,botones,botonesSeccion);
			}
			else{
				return;
			}	
				
		break;
		
		case 'f':
		/**************************************************************CASO PULSAR FINAL (f) ***************************************************************/
		
			if (destino=='f' && !((Ngrupo+1) == Grupos)){
				var creacion='';
				var botones='';
				/*if (Resto==0){var maximo=8;}
				else {var maximo=Resto;}	*/
				for (var i=0;i<8;i++){
					if (!(Resto==0) && (i > Resto-1)){creacion+='';}//{creacion+='<li><a href="#"><img src="#" /></a><p><br /></p></li>';}
					else{
					creacion+='<li><a href="'+tipoGrupo[Grupos-1][i][0].slice(3)+tipoGrupo[Grupos-1][i][1]+'" rel="lightbox[trabajo]"><img src="'+tipoGrupo[Grupos-1][i][0].slice(3)+'mini'+tipoGrupo[Grupos-1][i][1]+'" alt="'+tipoGrupo[Grupos-1][i][5]+'" /></a><p>'+tipoGrupo[Grupos-1][i][2]+'<br />'+tipoGrupo[Grupos-1][i][5]+'</p></li>';
					}
				}
				botones='<em>Pag: '+Grupos+'/<a href="#">'+Grupos+'</a></em><a href="#" onclick="creaFotos('+tipoFoto+',\'a\')">&lt; Atras</a> <a href="#">siguiente&gt; </a>';
				switch (tipoFoto){
					case 1: NgrupoTatoo=(Grupos-1);
					break;
					case 2: NgrupoPierc=(Grupos-1);
					break;
				}
				mostrar(creacion,botones,botonesSeccion);
			}
			else{
				return;
			}	
		break			
	}//Fin Switch
}//FIN FUNCION

/////////////////////////////////////////////////////////////////////FIN CREAFOTOS/////////////////////////////////////////////////////////////////////////////////


function mostrar(a,b,c){
document.getElementById('fotosTrab').innerHTML=a;
document.getElementById('paginar').innerHTML=b;
document.getElementById('piercing_tatoo').innerHTML=c;
window.addEvent('domready', Lightbox.init.bind(Lightbox));
}