$(document).ready(function(){
	var fotos = $('#string_fotos').val();
	i=0;
	pararImagenes();
	mostrarImagenesSinCuadraditos(fotos);
});

var i = 0;
var id;
function cambiarImagen(imagenes) {
	document.getElementById("imagen_dinamica").src = imagenes[i];
	for (var j = 0; j < imagenes.length; j++){
		document.getElementById('cuadradito'+j).src="/files/img/n_foto_off.gif";
	}
		
	document.getElementById('cuadradito'+i).src="/files/img/n_foto_on.gif";
	i++;
	if (i == imagenes.length ){
		i = 0;
	}
}

function cambiarImagenSinCuadraditos(imagenes) {
	document.getElementById("imagen_dinamica").src = imagenes[i];	
	i++;
	if (i == imagenes.length ){
		i = 0;
	}
}
function mostrarImagenesSinCuadraditos(imagenes) { 	
	imagenes = imagenes.substring(0, imagenes.length-1) + "]";
   	id = setInterval('cambiarImagenSinCuadraditos('+imagenes+')', 2000);
}


function mostrarImagenes(imagenes) { 	
	imagenes = imagenes.substring(0, imagenes.length-1) + "]";
   	id = setInterval('cambiarImagen('+imagenes+')', 2000);
}
function pararImagenes() {  
 	clearInterval(id);
} 
 
function mostrarFoto (numCuadradito, tamCuadraditos, foto) {
	pararImagenes();	
	for (var j = 0; j < tamCuadraditos-1; j++){		
		document.getElementById('cuadradito'+j).src="/files/img/n_foto_off.gif";
	}
	document.getElementById("imagen_dinamica").src = foto;
	document.getElementById('cuadradito'+numCuadradito).src="/files/img/n_foto_on.gif";
}
function mostrarImagen (idImagen) {
	clearInterval(id);
	var imagen = $('#imagen'+idImagen).val();
	document.getElementById("imagen_dinamica").src = imagen;
	var texto = $('#enlace'+idImagen).text();
	var campos = $(".campoimagenid");
	var texto_campos = "";	
	
	for ( var i = 0; i < campos.length; i++){
		if (campos[i].value!="") {
			idCampo = campos[i].value;
			texto_campo = $('#enlace'+idCampo).html();
			
			if (texto_campo.indexOf("<b>")!=-1){ 			
				$('#enlace'+idCampo).html(texto_campo.substring (0,39) +" "+ texto_campo.substring (42, texto_campo.length-8)+"</a>");				
			}
		}
	}	
	$('#enlace'+idImagen).html("<a href='javascript:mostrarImagen(" + idImagen + ")'><b>" + texto + "</b></a>");
}


function mostrarDescripcion(){
	$('#contenedor_instalaciones').show();
}

function ocultarDescripcion(){
	$('#contenedor_instalaciones').hide();
}


function instalacion (id) {
	
	$.getJSON("/lasdunas/ajax/json_galeria.jsp?idContenido="+id, procesarInstalacion);
}

function procesarInstalacion (datos) {	
	document.getElementById('contenedor_nfotos').innerHTML = datos.cuadraditos;	
	
	//if ( datos.idDeseleccionado != 0 ) {
		//document.getElementById('elemento'+datos.idDeseleccionado).className="menu_galeria_off";
		//document.getElementById('enlace'+datos.idDeseleccionado).className="texto_galeria_off";
		//document.getElementById('enlaceDesc'+datos.idDeseleccionado).href="";
		//document.getElementById('enlaceDesc'+datos.idDeseleccionado).className="imagen_galeria_off";
		//document.getElementById('enlaceDesc'+datos.idDeseleccionado).style.visibility="hidden";
		//$('#contenedor_instalaciones').hide();
	//}
	
	document.getElementById('elemento14').className="menu_galeria_off";
	document.getElementById('enlace14').className="texto_galeria_off";
	document.getElementById('enlaceDesc14').href="";
	document.getElementById('enlaceDesc14').className="imagen_galeria_off";
	document.getElementById('enlaceDesc14').style.visibility="hidden";
	document.getElementById('elemento15').className="menu_galeria_off";
	document.getElementById('enlace15').className="texto_galeria_off";
	document.getElementById('enlaceDesc15').href="";
	document.getElementById('enlaceDesc15').className="imagen_galeria_off";
	document.getElementById('enlaceDesc15').style.visibility="hidden";
	document.getElementById('elemento16').className="menu_galeria_off";
	document.getElementById('enlace16').className="texto_galeria_off";
	document.getElementById('enlaceDesc16').href="";
	document.getElementById('enlaceDesc16').className="imagen_galeria_off";
	document.getElementById('enlaceDesc16').style.visibility="hidden";
	document.getElementById('elemento17').className="menu_galeria_off";
	document.getElementById('enlace17').className="texto_galeria_off";
	document.getElementById('enlaceDesc17').href="";
	document.getElementById('enlaceDesc17').className="imagen_galeria_off";
	document.getElementById('enlaceDesc17').style.visibility="hidden";
	document.getElementById('elemento18').className="menu_galeria_off";
	document.getElementById('enlace18').className="texto_galeria_off";
	document.getElementById('enlaceDesc18').href="";
	document.getElementById('enlaceDesc18').className="imagen_galeria_off";
	document.getElementById('enlaceDesc18').style.visibility="hidden";
	$('#contenedor_instalaciones').hide();
		
	document.getElementById('elemento'+datos.idSeleccionado).className="menu_galeria_on";
	document.getElementById('enlace'+datos.idSeleccionado).className="texto_galeria_on";
	
	
	if (datos.tieneDescripcion == true) {		
		document.getElementById('enlaceDesc'+datos.idSeleccionado).href="javascript:mostrarDescripcion()";
		document.getElementById('enlaceDesc'+datos.idSeleccionado).className="imagen_galeria_on";
		document.getElementById('enlaceDesc'+datos.idSeleccionado).style.visibility="visible";
		document.getElementById('contenedor_instalaciones').innerHTML = datos.descripcion;		
	}	
	pararImagenes();
	document.getElementById("imagen_dinamica").src = datos.fotoUrl;
	document.getElementById("imagen_dinamica").alt = datos.fotoAlt;
	
	document.getElementById('cuadradito0').src="/files/img/n_foto_on.gif";
	//si es solo una fotos no ir aqui
	i=0;
	mostrarImagenes(datos.imagenes);
}