//Javascript 
//EL DUENDE TATUAJES

//CODIGO INICIO
var fotosInicio=new Array();
fotosInicio[0]="inicio/recepcion3b.jpg";
fotosInicio[1]="inicio/recepcion1b.jpg";
fotosInicio[2]="inicio/recepcion2b.jpg";
fotosInicio[3]="inicio/interior2b.jpg";

var inicioActual=0;

//pone una foto, en el centro.
function ponFoto(){
	var texto="imagenDato/"+this.fotosInicio[0];
	document.images.p1.src=texto;
}

//pone en pagina las 4 fotos pequeñas
function ponThumbail(){
	document.images.f1.src="imagenDato/"+this.fotosInicio[0];
	document.images.f2.src="imagenDato/"+this.fotosInicio[1];
	document.images.f3.src="imagenDato/"+this.fotosInicio[2];
	document.images.f4.src="imagenDato/"+this.fotosInicio[3];
}

function ponerFotoInicio(lado){
	if(lado=="izdo"){
		inicioActual=inicioActual-1;
		if(inicioActual<0) inicioActual=0;
	}else{
		inicioActual=inicioActual+1;
		if(inicioActual>3) inicioActual=3;
	}
	var texto="imagenDato/"+this.fotosInicio[inicioActual];
	document.images.p1.src=texto;
}



//CODIGO GALERIA CLINICA
function arrancarClinicaIzda(){
	pClinica=setInterval("mover(1)",50);	
}

function arrancarClinicaDcha(){
	pClinica=setInterval("mover(2)",50);
}

function parar(){
	clearInterval(pClinica);	
}

function mover(valor){
	var bloque=document.getElementById("contFotosClinica");
	//codigo mixto ie ff
	var x=bloque.currentStyle ? bloque.currentStyle.left : document.defaultView.getComputedStyle(bloque,null).left;
	x=parseInt(x);
	if(valor==1){ //izda
		x=x-10;
		if(x<-550) x=-550;
	}else{
		x=x+10;
		if(x>0) x=0;
	}
	bloque.style.left=x+"px";
}

var fotosClinica=new Array();
fotosClinica[0]="interior1.jpg";
fotosClinica[1]="interior2.jpg";
fotosClinica[2]="interior3.jpg";
fotosClinica[3]="interior4.jpg";
fotosClinica[4]="recepcion1.jpg";
fotosClinica[5]="recepcion2.jpg";
fotosClinica[6]="recepcion3.jpg";
fotosClinica[7]="recepcion4.jpg";

function ponerFotoGrande(cual){
	var texto="imagenDato/clinica/"+this.fotosClinica[cual];
	document.images.espacioClinica.src=texto;	
}

//EVENTOS

var fotosEventos=new Array();
fotosEventos[0]="moto1.jpg";
fotosEventos[1]="moto2.jpg";
fotosEventos[2]="moto3.jpg";
fotosEventos[3]="moto4.jpg";
fotosEventos[4]="moto5.jpg";

var eventoActual=0;

function ponerFotoEvento(lado){
	if(lado=="izdo"){
		eventoActual=eventoActual-1;
		if(eventoActual<0) eventoActual=0;
	}else{
		eventoActual=eventoActual+1;
		if(eventoActual>4) eventoActual=4;
	}
	var texto="imagenDato/eventos/"+this.fotosEventos[eventoActual];
	document.images.espacioEventos.src=texto;
}

//PIERCING

var fotosPiercing=new Array();
fotosPiercing[0]="piercing3.jpg";
fotosPiercing[1]="piercing2.jpg";
fotosPiercing[2]="piercing1.jpg";
fotosPiercing[3]="piercing4.jpg";
fotosPiercing[4]="piercing5.jpg";
fotosPiercing[5]="piercing6.jpg";

var piercingActual=0;

function ponerFotoPiercing(lado){
	if(lado=="izdo"){
		piercingActual=piercingActual-1;
		if(piercingActual<0) piercingActual=0;
	}else{
		piercingActual=piercingActual+1;
		if(piercingActual>5) piercingActual=5;
	}
	var texto="imagenDato/piercing/"+this.fotosPiercing[piercingActual];
	document.images.espacioPiercing.src=texto;
}

// TATUAJES

function arrancarTatuIzda(){
	pClinica=setInterval("moverTatu(1)",50);	
}

function arrancarTatuDcha(){
	pClinica=setInterval("moverTatu(2)",50);
}


function moverTatu(valor){
	var bloque=document.getElementById("contTodoTatuajes");
	var x=bloque.currentStyle ? bloque.currentStyle.left : document.defaultView.getComputedStyle(bloque,null).left;
	x=parseInt(x);
	if(valor==1){ //izda
		x=x-10;
		if(x<-1954) x=-1954; //tope de div...
	}else{
		x=x+10;
		if(x>0) x=0;
	}
	bloque.style.left=x+"px";
}

var fotosTatu=new Array();
fotosTatu[0]="arregloTat1.jpg";
fotosTatu[1]="arregloTat2.jpg";
fotosTatu[2]="arregloTat3.jpg";
fotosTatu[3]="arregloTat4.jpg";
fotosTatu[4]="arregloTat5.jpg";
fotosTatu[5]="arregloTat6.jpg";
fotosTatu[6]="colorTat1.jpg";
fotosTatu[7]="colorTat2.jpg";
fotosTatu[8]="colorTat3.jpg";
fotosTatu[9]="colorTat4.jpg";
fotosTatu[10]="colorTat5.jpg";
fotosTatu[11]="colorTat6.jpg";
fotosTatu[12]="sombraTat1.jpg";
fotosTatu[13]="sombraTat2.jpg";
fotosTatu[14]="sombraTat3.jpg";
fotosTatu[15]="sombraTat4.jpg";
fotosTatu[16]="sombraTat5.jpg";
fotosTatu[17]="sombraTat6.jpg";
fotosTatu[18]="tapadoTat1.jpg";
fotosTatu[19]="tapadoTat2.jpg";
fotosTatu[20]="tapadoTat3.jpg";
fotosTatu[21]="tapadoTat4.jpg";
fotosTatu[22]="tapadoTat5.jpg";
fotosTatu[23]="tapadoTat6.jpg";
fotosTatu[24]="tribalTat1.jpg";
fotosTatu[25]="tribalTat2.jpg";
fotosTatu[26]="tribalTat3.jpg";
fotosTatu[27]="tribalTat4.jpg";
fotosTatu[28]="tribalTat5.jpg";
fotosTatu[29]="tribalTat6.jpg";

var tatuActual=0;

function ponerFotoTatuaje(cual){
	var texto="imagenDato/tatuajes/"+this.fotosTatu[cual];
	document.images.espacioTatuaje.src=texto;	
}

// CONTACTO

var mapas=new Array();
mapas[0]="mapa1.jpg";
mapas[1]="mapa2.jpg";
mapas[2]="mapa3.jpg";
mapas[3]="mapa4.jpg";
mapas[4]="fotoAerea2.jpg";

var lado="izdo";//izdo o dcho, zoom o perspectiva
var numZoom=3; //indica que imagen de zoom

function aumentarZoom(){
	numZoom++;
	if(numZoom>3) numZoom=3;
	texto="imagenDato/contacto/"+this.mapas[numZoom];
	document.images.espacioMapa.src=texto;
}

function reducirZoom(){
	numZoom--;
	if(numZoom<0) numZoom=0;
	texto="imagenDato/contacto/"+this.mapas[numZoom];
	document.images.espacioMapa.src=texto;
}

function cambioTipo(cual){
	var bloque=document.getElementById("botonera");
	if(cual=="izdo"){
		texto="imagenDato/contacto/"+this.mapas[numZoom];
		bloque.style.visibility="visible";
	}
	if(cual=="dcho"){
		texto="imagenDato/contacto/"+this.mapas[4];
		bloque.style.visibility="hidden";
	}
	document.images.espacioMapa.src=texto;
}