var i, intervalo, textosNoticias, elegidoNoticias, paginaActual, peticionesComentarios=0, usuarioLogueado, idPost, idNoticia, galeriaElegida, contenedorElegido, nClics, totalClics, galeria, rutaGaleria, miniElegida, desplegado, elemLateral, f_user;

$(document).ready(function(){
	var cosita = window.location.toString();
	var partesUrl = cosita.split('/');
	var parteImportante = partesUrl[partesUrl.length - 1].split('-');
	var urlActual = parteImportante[0];
	
	switch(urlActual){
		case 'noticias':
			seccionNoticias();
		break;
		
		case 'comunidad':
			seccionComunidad();
		break;
		
		case 'galeria':
			seccionGaleria();
		break;
		
		case 'contacto':
			seccionContacto();
		break;
	}
	
	// controlo los elementos del lateral
	
	
	$('#ultimos_usuarios').bind('click', function(){
			window.location.href = 'comunidad-perro-de-agua.php';
	});
	
	$('#ultimas_fotos').bind('click', function(){
			window.location.href = 'galeria-perro-de-agua.php';
	});
	
	$('#ultimas_noticias').bind('click', function(){
			window.location.href = 'noticias-perro-de-agua.php';
	});
	
});

//////////// COMUNES ///////////////////////////////////////////////////////////////////////////////////////////////

function capaBoton(datos){
	var quien = datos;
	if(quien == 'arriba'){
		quien = $('#btn_noticias_arriba');
	}else if(quien == 'abajo'){
		quien = $('#btn_noticias_abajo');
	}else if(quien == 'arriba_comunidad'){
		quien = $('#btn_subir_comunidad');
	}else if(quien == 'abajo_comunidad'){
		quien = $('#btn_bajar_comunidad');
	}
	
	$(quien).css({cursor:'default', opacity:0.3});
	$(quien).unbind('click');
	$(quien).click(function(){return false});
}

function activaBoton(datos){
	var quien = datos;
	var funcionNavegacion;
	if(quien == 'arriba'){
		quien = $('#btn_noticias_arriba');
		funcionNavegacion = clicNavNoticias;
	}else if(quien == 'abajo'){
		quien = $('#btn_noticias_abajo');
		funcionNavegacion = clicNavNoticias;
	}else if(quien == 'arriba_comunidad'){
		quien = $('#btn_subir_comunidad');
		funcionNavegacion = muevePosts;
	}else if(quien == 'abajo_comunidad'){
		quien = $('#btn_bajar_comunidad');
		funcionNavegacion = muevePosts;
	}
	
	$(quien).bind('click', funcionNavegacion);
	$(quien).css({cursor:'pointer', opacity:1});
	
}



////////// NOTICIAS ////////////////////////////////////////////////////////////////////////////////////////////////

function seccionNoticias(){
	FB.init({ apiKey: 'a09070132e5f585465b5a1e1fb499447' });
	
	textosNoticias = '';
	
	$('#visor_noticia').fadeOut();
	
	$('#btn_mas').hide();
	$('#btn_mas').click(clicRele);
	$('#btn_menos').click(clicRele);
	$('#btn_envio_comentario').bind('click', envioComentarioNoticias);
	
	$('#menu_noticias .item_noticia').bind('mouseover', pintaBorde);
	$('#menu_noticias .item_noticia').bind('mouseout', borraBorde);
	$('#menu_noticias .item_noticia').bind('click', pintaNoticia);
	// de inicio capo el boton de subir noticias, ya que empieza desde arriba
	capaBoton('arriba');
	// compruebo si hay noticias suficientes para tener la navegacion
	if($('#menu_noticias .item_noticia').length < 5){
		activaBoton('abajo');
	}
	
	
}

function clicNavNoticias(){
	var quien = $(this).attr('id');
	var movimiento = 360;
	var posActual = $('#menu_noticias').css('top');
	posActual = posActual.substring(0, posActual.length-2);
	posActual = parseInt(posActual);
	if(quien == 'btn_noticias_abajo'){movimiento = -movimiento;}
	// controlo que no se pueda pulsar durante la animación
	if(quien == 'btn_noticias_abajo'){
		capaBoton('abajo');
	}else{
		capaBoton('arriba');
	}
	// lo animo
	$('#menu_noticias').animate({top:(posActual+movimiento)+'px'}, 1000, function(){
		var pos = $('#menu_noticias').css('top');
		var alturaMenu = $('#menu_noticias').css('height');
		var alturaMascara = $('#mascara_menu_noticias').css('height');
		pos = pos.substring(0, pos.length-2);
		pos = parseInt(pos);
		alturaMenu = alturaMenu.substring(0, alturaMenu.length-2);
		alturaMenu = parseInt(alturaMenu);
		alturaMascara = alturaMascara.substring(0, alturaMascara.length-2);
		alturaMascara = parseInt(alturaMascara);
		if(pos < 0){
			activaBoton('arriba');
		}else{
			capaBoton('arriba');
			pos = 0;
		}
		
		if(pos <= (alturaMascara - alturaMenu)){
			capaBoton('abajo');
		}else{
			activaBoton('abajo');
		}
		
	});
	
	return false;
}


function pintaComentarios(response){
	$('#texto_comentario_user').val('');
	$('#btn_no_registrado').click(function(){
		location.href = 'http://www.perrodeaguadearonagua.com/comunidad-perro-de-agua.php';
		return false;
	});
	if(response.data.length > 0){
		$('#comentarios_vacio').hide();
		var respuesta = response.data;
		for(i=0; i < respuesta.length; i++){
			$('#contenedor_comentarios').append('<span id="comentario_'+i+'" class="comentario"><img alt="usuario_'+i+'" src="http://graph.facebook.com/'+respuesta[i].from.id+'/picture" /></span>');
			$('#comentario_'+i).append('<p><span class="autor_comment">'+respuesta[i].from.name+'</span> '+respuesta[i].message+'</p>'); 
		}
		$('#comentarios').show();
		$('#deja_comentario').show();
		FB.getLoginStatus(comentariosNoticias);

		
	}else{
		// si no hay comments
		$('#comentarios_vacio').show();
		$('#deja_comentario').show();
	}
}

function comentariosNoticias(response) {
  if (response.session) {
	// logged in and connected user, someone you know
	FB.api('/me', function(resp){
		if(resp.session != 'undefined'){
			 $.post('../includes/consultaUsuario.php', {usuarioLogueado:resp.id}, function(respConsulta) {
				 var respuesta = respConsulta;
				 respuesta = respuesta.toString();
				if(respuesta != ''){
					//si ya está como usuario registrado
					$('#no_registrado').hide();
					$('#btn_no_registrado').hide();
					$('#registrado').show();
				}else{
					//si no existe
					$('#no_registrado').css({display:'block'});
					$('#btn_no_registrado').css({display:'block'});
					$('#no_registrado').show();
					$('#btn_no_registrado').show();
					$('#registrado').hide();
				}
			 });
		}else{
			$('#no_registrado').css({display:'block'});
			$('#btn_no_registrado').css({display:'block'});
			$('#no_registrado').show();
			$('#btn_no_registrado').show();
			$('#registrado').hide();
		}
	});
  }else{
	$('#no_registrado').css({display:'block'});
	$('#btn_no_registrado').css({display:'block'});
	$('#no_registrado').show();
	$('#btn_no_registrado').show();
	$('#registrado').hide();
  }
}




function clicRele (){
	$(this).hide();
	
	if($(this).attr('id') == 'btn_mas'){
		$('#btn_menos').show();
		$('#caja_noticias').stop().animate({ marginLeft: "0"},600);
		$('#mascara_noticias').stop().animate({ width: "323px"},600);
	}else{
		$('#btn_mas').show();
		$('#caja_noticias').stop().animate({ marginLeft: "-300px"},600);
		$('#mascara_noticias').stop().animate({ width: "23px"},600);
	}
	
	
	
	return false;
}


function pintaBorde(){
	$(this).css({border:'2px solid #bbb'});

}

function borraBorde(){
	$(this).css({border:'2px solid #333'});

}

function pintaNoticia(){
	elegidoNoticias = $(this);
	idNoticia = $(this).children('.datos_noticia').children('span.facebook_oculto').html();
	$('#btn_menos').hide();
	$('#btn_mas').show();
	$('#menu_noticias .item_noticia').removeClass('noticia_elegida');
	$('#caja_noticias').animate({ marginLeft: "-300px"},600);
	$('#mascara_noticias').animate({ width: "23px"},600);
	$('#visor_noticia').stop().fadeTo(800, 0, cambiaTextoNoticia);
}

function cambiaTextoNoticia (){
	$('#encabezado_noticia h3').html($(elegidoNoticias).children('.datos_noticia').children('h3').html());
	$('#encabezado_noticia h4').html($(elegidoNoticias).children('.datos_noticia').children('h4').html());
	$('#encabezado_noticia p').html($(elegidoNoticias).children('.datos_noticia').children('p').html());
	$('#img_noticia').html('<img src="admin/fotosNoticias/'+$(elegidoNoticias).attr('title')+'" />');
	$('#texto_noticia').html($(elegidoNoticias).children('.datos_noticia').children('.texto_oculto').html());
	// si hay video
	if($(elegidoNoticias).children('.datos_noticia').children('span.video_oculto').html().length > 0){
		$('#visor_noticia').append('<div id="video_noticias"><span id="boton_video">Ver video &gt;</span><div id="ytapiplayer">You need Flash player 8+ and JavaScript enabled to view this video.</div><script type="text/javascript"> var params = { allowScriptAccess: "always" }; var atts = { id: "myytplayer" };swfobject.embedSWF("http://www.youtube.com/v/'+$(elegidoNoticias).children('.datos_noticia').children('span.video_oculto').html()+'?enablejsapi=1&playerapiid=ytplayer",  "ytapiplayer", "425", "356", "8", null, null, params, atts); </script></div>');
		//$('#video_noticias object').stop().fadeOut();
		$('#boton_video').bind('click', abrirVideoNoticia);
	}else{
		//$('#video_noticias').html('');
		$('#visor_noticia').children('#video_noticias').remove();
	}
		
	$('#comentarios').hide();
	$('#deja_comentario').hide();
	$('#contenedor_comentarios').html('');
	peticionesComentarios = 0;
	FB.api(idNoticia+'/comments', pintaComentarios);
	//capo el boton elegido
	$('#menu_noticias .item_noticia').mouseover(pintaBorde);
	$('#menu_noticias .item_noticia').mouseout(borraBorde);
	$('#menu_noticias .item_noticia').click(pintaNoticia);
	$(elegidoNoticias).unbind('click');
	$(elegidoNoticias).unbind('mouseover');
	$(elegidoNoticias).unbind('mouseout');
	$(elegidoNoticias).addClass('noticia_elegida');
	// al elegido le dejo la clase de seleccionado
	
	$('#visor_noticia').fadeTo(800, 1);
}

function abrirVideoNoticia(){
	$(this).html('Ocultar video &gt;');
	$(this).unbind('click');
	$(this).bind('click', ocultaVideoNoticia);
	$(this).css({color:'#333', backgroundColor:'#fff'});
	$('#video_noticias').css({backgroundColor:'#333'});
	$('#video_noticias').stop().animate({height:'410px'}, 200);
}

function ocultaVideoNoticia(){
	$(this).html('Ver video &gt;');
	$(this).unbind('click');
	$(this).bind('click', abrirVideoNoticia);
	$(this).css({color:'#fff', backgroundColor:'#333'});
	$('#video_noticias').css({backgroundColor:'#fff'});
	$('#video_noticias').stop().animate({height:'20px'}, 200);
}

function envioComentarioNoticias(){
	if($('#texto_comentario_user').val() != ''){
		$('#comentarios').hide();
		$('#contenedor_comentarios').html('');
		FB.api(idNoticia+'/comments', 'post', {message:$('#texto_comentario_user').val()}, function(response){
			FB.api(idNoticia+'/comments', pintaComentarios);
		});
	}
	return false;
}

////////// COMUNIDAD ////////////////////////////////////////////////////////////////////////////////////////////////

function seccionComunidad(){
	FB.init({ apiKey: 'a09070132e5f585465b5a1e1fb499447' });
	
	FB.api('perrosdeagua/feed', recogeMuro);
	
	FB.getLoginStatus(controlUsuario);
	
	$('#volver_comunidad a').bind('click', volverComunidad);
	$('#envio_comunidad').bind('click', enviarComentarioComunidad);
	$('#unete').bind('click', unirseComunidad);
}

function controlUsuario(response) {
	  if (response.session) {
		// logged in and connected user, someone you know
		FB.api('/me', function(resp){
			if(resp){
				 $.post('../includes/consultaUsuario.php', {usuarioLogueado:resp.id}, function(respConsulta) {
					 var respuesta = respConsulta;
					 respuesta = respuesta.toString();
					if(respuesta != ''){
						//si ya está como usuario registrado
						$('#no_usuario_comunidad').hide();
						$('#si_usuario_comunidad').show();
						$('#unete').hide();
						$('#conectado_comunidad span').html(respuesta);
						$('#conectado_comunidad').show();
					}else{
						//si no existe
						noRegistrado();
					}
				 });
			}
		});
	  }else{
		  // no esta conectado a Facebook
			noRegistrado();
	  }
}


function recogeMuro(response){
	var comprobacion;
	for (i=0; i < response.data.length; i++){
		if(response){
			if(response.data[i].type != 'photo'){
					comprobacion = response.data[i].message;
					comprobacion = comprobacion.substring(0,7);
					if(comprobacion != 'NOTICIA'){
						$.post('../includes/post_comunidad.php', {idf:response.data[i].id, id_user:response.data[i].from.id, autor:response.data[i].from.name, 
						texto:response.data[i].message, fecha:response.data[i].updated_time}, function(datos){
							$('#listado_posts').append(datos);	
							var idFoto = $('#listado_posts .post_comunidad .id_oculta_comunidad:last').html();
							$('#listado_posts .post_comunidad img:last').attr('src', 'http://graph.facebook.com/'+idFoto+'/picture');
							if(response.data.length > 5){
								capaBoton('arriba_comunidad');
								$('#btn_bajar_comunidad').bind('click', muevePosts);
							}else{
								capaBoton('abajo_comunidad');
								capaBoton('arriba_comunidad');
							}
							//if($('#listado_posts .post_comunidad').length == response.data.length){
								$('#listado_posts .post_comunidad').bind('click', detallePost);
								$('#listado_posts').stop().delay(2000).show();
							//}
						});
				}
			}else{
				comprobacion  = 'Nuevo álbum: '+response.data[i].name;
					$.post('../includes/post_comunidad.php', {idf:response.data[i].id, id_user:response.data[i].from.id, autor:response.data[i].from.name, 
					texto:comprobacion, fecha:response.data[i].updated_time, foto:response.data[i].picture}, function(datos){
						$('#listado_posts').append(datos);	
						var idFoto = $('#listado_posts .post_comunidad .id_oculta_comunidad:last').html();
						$('#listado_posts .post_comunidad img:last').attr('src', 'http://graph.facebook.com/'+idFoto+'/picture');
						if(response.data.length > 5){
							capaBoton('arriba_comunidad');
							$('#btn_bajar_comunidad').bind('click', muevePosts);
						}else{
							capaBoton('abajo_comunidad');
							capaBoton('arriba_comunidad');
						}
						//if($('#listado_posts .post_comunidad').length == response.data.length){
							$('#listado_posts .post_comunidad').bind('click', detallePost);
							$('#listado_posts').stop().delay(2000).show();
						//}
					});
				
			}
		}
		
	}
}

function muevePosts(){
	var quien = $(this).attr('id');
	var movimiento = 435;
	var posActual = $('#listado_posts').css('top');
	posActual = posActual.substring(0, posActual.length-2);
	posActual = parseInt(posActual);
	if(quien == 'btn_bajar_comunidad'){movimiento = -movimiento;}
	
	// lo animo
	$('#listado_posts').stop().animate({top:(posActual+movimiento)+'px'}, 1000, function(){
		var pos = $('#listado_posts').css('top');
		var alturaMenu = $('#listado_posts').css('height');
		var alturaMascara = $('#mascara_listado_posts').css('height');
		pos = pos.substring(0, pos.length-2);
		pos = parseInt(pos);
		alturaMenu = alturaMenu.substring(0, alturaMenu.length-2);
		alturaMenu = parseInt(alturaMenu);
		alturaMascara = alturaMascara.substring(0, alturaMascara.length-2);
		alturaMascara = parseInt(alturaMascara);
		// al acabar la animación compruebo su posicion para ver si lo desactivo
		if(pos < 0){
			activaBoton('arriba_comunidad');
		}else{
			capaBoton('arriba_comunidad');
			pos = 0;
		}
		
		if(pos <= (alturaMascara - alturaMenu)){
			capaBoton('abajo_comunidad');
		}else{
			activaBoton('abajo_comunidad');
		}
		
	});
	// controlo que no se pueda pulsar durante la animación
	if(quien == 'btn_bajar_comunidad'){
		capaBoton('abajo_comunidad');
	}else{
		capaBoton('arriba_comunidad');
	}
	return false;
	
}

function detallePost(){
	var idAutor = $(this).children('.id_oculta_comunidad').html();
	idPost = $(this).attr('id');
	$('#texto_post_comunidad').html('');
	
	$('#encabezado_post img').attr('src', 'http://graph.facebook.com/'+idAutor+'/picture');
	$('#autor_detalle_post').html($(this).children('h4').html());
	$('#fecha_detalle_post').html($(this).children('p.fecha_post_comunidad').html());
	if($(this).children('.estado_foto_comunidad').html() == 'tiene'){
		$('#texto_post_comunidad').append('<img class="img_post_comunidad" src="'+$(this).children('.foto_oculta_comunidad').html()+'" alt="foto-post" />');
	}
	$('#texto_post_comunidad').append('<p>'+$(this).children('span.texto_oculto_comunidad').html()+'</p>');
	$('#lista_comunidad').fadeOut(800, function(){
		$('#lista_comunidad').hide();
		$('#volver_comunidad').fadeIn(200);
		$('#detalle_post_comunidad').fadeIn(1000);		
	});
	$('#mas_reciente').stop().animate({width:'595px'}, 1000);
	FB.api(idPost+'/comments', comentariosComunidad);
}

function volverComunidad(){
	$('#lista_comunidad').show();
	$('#volver_comunidad').fadeOut(200);
	
	$('#detalle_post_comunidad').fadeOut(1000, function(){
		$('#mas_reciente').stop().animate({width:'347px'}, 700);
		$('#lista_comunidad').fadeIn(1000);
	});
	
	return false;
}

function comentariosComunidad(cont){
		$('#lista_comentarios_comunidad').html('');
		$('#area_comentario_comunidad').val('');
		if(cont.data != ''){
			for(i=0; i < cont.data.length; i++){
				$('#lista_comentarios_comunidad').append('<div id="comment_'+i+'" class="comentario_comunidad"></div>');
				$('#lista_comentarios_comunidad #comment_'+i).append('<span class="encabezado"><img src="http://graph.facebook.com/'+cont.data[i].from.id+'/picture" /><span class="autor_comment_comunidad">'+cont.data[i].from.name+'</span></span><span class="texto_comment_comunidad">'+cont.data[i].message+'</span>');
			}
			//$('#comentarios_comunidad').jScrollPane({showArrows:true,scrollbarWidth:10, scrollbarMargin:20});	
			$('#comentarios_comunidad').fadeIn(600);
		}else{
			$('#lista_comentarios_comunidad').append('<p id="sin_comments">-No hay comentarios-</p>');
		}
}

function noRegistrado(){
	$('#no_usuario_comunidad').show();
	$('#si_usuario_comunidad').hide();
	$('#unete_comentario').click(unirseComunidad);
}

function unirseComunidad(){
		FB.login(function(response){
				if(response){
					// conexion para crear usuario
					FB.api('/me', function(resp){
						if (resp.session != 'undefined'){
							$.post('../includes/registrarUsuario.php', {idf:resp.id, nombre:resp.name}, function(res){
								FB.getLoginStatus(controlUsuario);
							});
						}
					});
					//$.post('../includes/post_comunidad.php', function(datos){
				}
		}, {perms:'read_stream,publish_stream'});	
		return false;
}

function enviarComentarioComunidad(){
	FB.api(idPost+'/comments', 'post', {message:$('#area_comentario_comunidad').val()}, function(response){
			if(response){
				$('#comentarios_comunidad').fadeOut(600);
				FB.api(idPost+'/comments', comentariosComunidad);
			}
	});
}


////////// GALERIA ////////////////////////////////////////////////////////////////////////////////////////////////

function seccionGaleria(){
	$('.img_menu_galeria').bind('click', openGaleria);
	$('.btn_menu_galeria').bind('click', openGaleria);
	$('.item_galeria').hover(function(){
		$(this).children('.fondo_texto').animate({left:'-500px'}, 400);
		$(this).children('p').animate({left:'500px'}, 400);
	}, function(){
			$(this).children('.fondo_texto').animate({left:'0'}, 400);
			$(this).children('p').animate({left:'0'}, 200);
		});
	// ordeno las imágenes
	colocaImages();
	// botones de navegación en las galerias
	$('#prev_galeria').fadeTo(100, 0.5);
	$('#prev_galeria').css({cursor:'default'});
	$('#next_galeria').bind('click', mueveCarrusel);
	// controlo el clic a los items
	$('.item_galeria').bind('click', clicItem);
	$('#volver_galeria').bind('click', volverGaleria);
}

function openGaleria(){
	nClics = 0;
	totalClics = 0;
	galeriaElegida = $(this).attr('title');
	switch(galeriaElegida){
		case 'machos':
			contenedorElegido = '#contenedor_machos_galeria';
		break;
		case 'hembras':
			contenedorElegido = '#contenedor_hembras_galeria';
		break;
		case 'camadas':
			contenedorElegido = '#contenedor_camadas_galeria';
		break;
	}
	$('#visor_galeria h3').fadeOut('fast', function(){
		$('#visor_galeria h3').html(galeriaElegida);
		$('.cont_perros').fadeOut();
		$('#galeria_detalle').fadeOut(function(){$('#galeria_detalle').css({display:'none'}); });
		$('#contenedor_galeria').children().addClass('cont_perros');
		
	});
	$('#visor_galeria').animate({height:'10px'},800, function(){
			$('#visor_galeria h3').fadeIn('slow');
			$('#visor_galeria').animate({height:'605px'},800, function(){
					$(contenedorElegido).removeClass('cont_perros');
					$(contenedorElegido).fadeTo(100,1);
					$('#galeria_open').css({display:'block'});
					$('#galeria_open').fadeTo(600,1);
					
					var cantidadFotos = $(contenedorElegido).children('.item_galeria').length;
					
					// si hay 9 fotos o menos oculto la navegación, si no la muestro...
					if(cantidadFotos < 10){
						$('#nav_galeria').css({display:'none'});
					}else{
						$('#nav_galeria').css({display:'block'});
						totalClics = Math.floor(cantidadFotos/9);
						if(cantidadFotos%9 == 0){
							totalClics = (cantidadFotos/9) - 1;
						}
						$('#paginacion').html('1 / '+(totalClics+1));
						
					}
			});
	});

}

function colocaImages(){
	//alert($(this).children('.item_galeria').length);
	var clip;
	for(i=0; i < $('.cont_perros').length; i++){
		clip = $('.cont_perros:eq('+i+')');
		ordenaImages(clip);
	}
}

function ordenaImages(obj){
	var clip;
	var posX;
	var posY = -150;
	var pantalla = -540;
	// ordeno las fotos por pantallas...
	for(j=0; j < obj.children('.item_galeria').length; j++){
		clip =  obj.children('.item_galeria:eq('+j+')');
		if(j%9 == 0){
			pantalla += 540;
			posY = -150;
		}
		if(j%3 == 0){
			posX = 0;
			posY += 150;
		}else{
			posX += 180;
		}
		clip.css({top:posY+'px', left:pantalla+posX+'px'});
	}
}


function mueveCarrusel(){
	if($(this).attr('id') == 'prev_galeria'){
		nClics--;
	}else{
		nClics++;
	}
	// desactivo momentaneamente
	$('#next_galeria').unbind('click', mueveCarrusel);
	$('#next_galeria').fadeTo(100,0.5);
	$('#next_galeria').css({cursor:'default'});
	$('#prev_galeria').unbind('click', mueveCarrusel);
	$('#prev_galeria').fadeTo(100,0.5);
	$('#prev_galeria').css({cursor:'default'});
	// muevo
	$(contenedorElegido).animate({left:(-540*nClics)+'px'},600, function(){
		if(nClics == totalClics-1){
			$('#next_galeria').fadeTo(100,1);
			$('#next_galeria').bind('click',mueveCarrusel);
			$('#next_galeria').css({cursor:'pointer'});
		}
		if(nClics == 1){
			$('#prev_galeria').fadeTo(100,1);
			$('#prev_galeria').bind('click',mueveCarrusel);
			$('#prev_galeria').css({cursor:'pointer'});
		}
		$('#paginacion').html((nClics+1)+' / '+(totalClics+1));
	});
}

function clicItem(){
	galeria = $(this);
	$.getJSON('../includes/cargar-galeria.php', {id:$(this).children('span .id_oculta_galeria').html()}, function(response){
			rutaGaleria = 'admin/'+response.fotos;
			$('#datos_perro p').html(response.descripcion);
			$('#titulos_perro p').html(response.titulos);
			if(response.titulos == ''){
				$('#titulos_perro').css({display:'none'});
				$('#datos_perro').css({width:'570px'});
			}else{
				$('#titulos_perro').css({display:'block'});
				$('#datos_perro').css({width:'325px'});
			}			
			$('#nombre_perro').html(response.perro);
			$('#edad_perro').html(response.edad);
			
			$.getJSON('../includes/pintar-fotos.php', {fotos:galeria.children('span .ruta_oculta_galeria').html()}, function(album){
					$('#visor_foto').attr('src', rutaGaleria+'/grandes/'+album[2]); // el 2 es el primero. Antes son <.> y <..>
					$('#cont_minis_galeria').html('');
					for(i=2; i < album.length; i++){// empieza en 2 por lo anterior
							$('#cont_minis_galeria').append('<div id="'+album[i]+'" class="miniatura"><img class="mini_gal" alt="img-'+album[i]+'" src="'+ rutaGaleria+'/minis/'+album[i]+'" /></div>');
							$('.miniatura').bind('click', cambiaFoto);
					}
					$('.miniatura').stop().fadeTo(10, 0.5);
					$('.miniatura').css({cursor:'pointer', backgroundColor:'#333'});
					$('.miniatura:first').css({cursor:'default'});
					$('.miniatura:first').children('img').css({borderColor:'#59D6FF'});
					$('.miniatura:first').stop().fadeTo(10, 1);
					$('.miniatura:first').unbind('click', cambiaFoto);
					$('#cont_minis_galeria').css({width:90*(album.length-2)+'px'});
					$('#galeria_open').fadeTo(300,0,function(){
							$('#galeria_open').css({display:'none'});
							$('#galeria_detalle').fadeTo(100,0, function(){
									$('#visor_galeria').animate({height:'700px'}, 300, function(){
											$('#galeria_detalle').css({display:'block'});
											$('#galeria_detalle').fadeTo(300,1);
									});
									
							});
							
					});
					
			});
	});

}

function volverGaleria(){
	$('#galeria_detalle').fadeTo(300,0, function(){
			$('#galeria_detalle').css({display:'none'});
			$('#visor_galeria').animate({height:'605px'}, 300, function(){
					$('#galeria_open').css({display:'block'});
					$('#galeria_open').fadeTo(300,1);
			});
	});
	
	return false;
}


function cambiaFoto(){
	miniElegida = $(this).attr('id');
	$('.miniatura').bind('click', cambiaFoto);
	$('.miniatura').css({cursor:'pointer'});
	$('.miniatura img.mini_gal').css({borderColor:'#333'});
	$('.miniatura').stop().fadeTo(50, 0.5);
	$(this).unbind('click', cambiaFoto);
	$(this).css({cursor:'default'});
	$(this).children('.mini_gal').css({ borderColor:'#59D6FF'});
	$(this).stop().fadeTo(50,1);
	$('#visor_foto').stop().fadeTo(300, 0, function(){
			$('#visor_foto').attr('src', rutaGaleria+'/grandes/'+miniElegida);
			$('#visor_foto').fadeTo(300, 1);
	});
	
}


////////// CONTACTO ////////////////////////////////////////////////////////////////////////////////////////////////

function seccionContacto(){
	desplegado = false;
	$('#despliega_form').bind('click', function(){
		
			if(!desplegado){
				desplegado = true;
				$('#nombre_form').val('');
				$('#phone').val('');
				$('#mail_form').val('');
				$('#formulario_contacto form textarea').val('');
				$('span.mensaje_oculto').css({display:'none'});
				$('#formulario_contacto form').fadeOut();
				$('#formulario_contacto').animate({height:'350px'}, 500, function(){
						$('#formulario_contacto form').css({display:'block'});
						$('#formulario_contacto form').fadeTo(300, 1);
				});
			}else{
				desplegado = false;
				$('#formulario_contacto form').fadeTo(300, 0, function(){
						$('#formulario_contacto form').css({display:'none'});
						$('#formulario_contacto').animate({height:'8px'}, 500);
				});
			}
			
		return false;	
	});
	
	$('#envio_consulta').bind('click', function(){
			if($('#nombre_form').val() == '' || $('#mail_form').val() == '' || $('#formulario_contacto form textarea').val() == ''){
				alert('Los campos marcados con * son obligatorios.');
				return false;
			}else{
				$('span.mensaje_oculto').css({display:'block'});
			}
	});

}