$(document).ready(function(){
    $(".text,.option").focus(function () {
         $(this).next("span").fadeIn(500);
    });
    $(".text,.option").blur(function () {
         $(this).next("span").fadeOut(100);
    });
	
	$("#agregar").hide();
	
	
	$("#nueva-galeria").submit(function(){
		
		var titulo,categoria,privacidad,descr,galeria,galeria2,rutafotos;
		
		titulo		=	$("#nueva-galeria > #titulo").attr("value");
		categoria	=	$("#nueva-galeria > #categoria").attr("value");
		privacidad	=	$("#nueva-galeria > #privacidad").attr("value");
		descr		=	$("#nueva-galeria > #descripcion").attr("value");
		//rutafotos	=	'../../perfiles'+$("h3#id").attr("class");
		rutafotos	= 	$("h3#nueva-galeria-tit").attr("class");
		rutafotos	=	rutafotos.toString();
		rutafotos	=	"../../perfiles"+rutafotos;
		
		if(titulo.length>40){
			alert("El título tiene más de 40 carácteres");
			return false;
		}
		if(titulo.length<3){
			alert("El título tiene menos de 3 carácteres");
			return false;
		}
		if(categoria==0){
			alert("Debes seleccionar una categoría para la galería.");
			return false;
		}
		
		$("#nueva-galeria > .submit").attr("value","Creando...").attr("disabled","disabled");
		
		$.post("recursos/php/crea-galeria.php",{titulo:titulo,categoria:categoria,privacidad:privacidad,descr:descr}, function(data){
																															   
			
			$("h3").hide();
			$("#tips").fadeTo("normal","0.4");

			if(data=='ko'){
				alert("Error de petición");
			}else{
				if(data==''){
					galeria		=	titulo;
					galeria2	=	galeria.replace(/ /g,"_");
					$("#nueva-galeria,#edita-galeria,#nueva-galeria-tit,#edita-galeria-tit,.nogalerias,#amplia-galeria,#id").hide();
					$("#tips").after('<div id="agregar"></div>');
					$("#cancelar").remove();
					$("#contenido").append('<a href="index.php?s=gestiona-fotos" id="cancelar" class="submenu">&laquo; Cancelar y volver a la gestión</a>');
					$("#agregar").html(
										'<h3>Agregar fotos a "'+galeria2+'":</h3>'+
										'<div class="cuadro-azul">'+
										'<input id="cargador" rel="'+galeria+'" name="cargador" type="file" />'+
										'</div>');
					$("#nueva-galeria > .submit").attr("value","Galería creada").attr("disabled","disabled");
					rutafotos	=	rutafotos+'/'+galeria2+'';
					$('#cargador').uploadify({
						'uploader'  : 'recursos/javascript/uploadify/uploadify.swf',
						'script'    : 'recursos/php/sube-foto.php?r='+rutafotos,
						'cancelImg' : 'recursos/imagenes/iconos/famfamfam_silk_icons/cancel.png',
						'auto'      : true,
						'multi'     : true,
						'fileExt'   : '*.jpg;*.png;*.gif',
						'fileDesc'	: 'Fotos (jpg, png, gif ...)',
						'buttonImg'	: 'recursos/imagenes/boton-subir.png',
						'width'		: '192',
						'height'	: '38',
						'wmode'		: 'transparent',
						'onAllComplete': function(){
							$("div.cuadro-azul")
							.prepend('<a href="recursos/php/galeria-editar.php?galeria='+galeria+'" style="float:right;" id="finaliza-subida">'+
									'<img src="recursos/imagenes/boton-subir-continuar.png" border="0" style="margin:0px -7px 0px 0px;" />'
									+'</a>');
						}
					});
				}else{
					alert(data);
					$("#nueva-galeria > .submit").attr("value","Crear nueva galería").removeAttr("disabled");
					return false;
				}
			}
		});
		
		return false;
	});
	
	$("#finaliza-subida").live("click",function(){
		var href = $(this).attr("href");
		$("#contenido").load(href);
		return false;
	});
	
	$("#amplia-galeria").submit(function(){
		
		var galeria,galeria2,rutafotos;
		
		$("h3").hide();
		$("#tips").fadeTo("normal","0.4");
		galeria		=	$("#amplia-galeria > .galeria").attr("value");
		if(galeria==0){
			alert('Hay que seleccionar una galería para poder añadirle fotos');
			return false;
		}else{
			$("#cancelar").remove();
			$("#contenido").append('<a href="index.php?s=gestiona-fotos" id="cancelar" class="submenu">&laquo; Cancelar y volver a la gestión</a>');
			$(this).after('<div id="agregar"></div>');
			galeria		=	$("#amplia-galeria > .galeria").attr("value");
			galeria2	=	galeria.replace(/_/g,"&nbsp;");
			if(galeria==0){
				alert('Oops. Antes de agregar fotos debes seleccionar una galería');
				return false;
			}else{
				$("#nueva-galeria,#edita-galeria,#nueva-galeria-tit,#edita-galeria-tit").hide();
						$("#agregar").html(
											'<h3>Agregar fotos a "'+galeria2+'":</h3>'+
											'<div class="cuadro-azul">'+
											'<input id="cargador" rel="'+galeria+'" name="cargador" type="file" />'+
											'</div>');
				
				rutafotos	=	'../../perfiles'+$("#nueva-galeria-tit").attr("class")+'/'+galeria+'';
				
				$('#cargador').uploadify({
					'uploader'  : 'recursos/javascript/uploadify/uploadify.swf',
					'script'    : 'recursos/php/sube-foto.php?r='+rutafotos,
					'cancelImg' : 'recursos/imagenes/iconos/famfamfam_silk_icons/cancel.png',
					'auto'      : true,
					'multi'     : true,
					'fileExt'   : '*.jpg;*.png;*.gif',
					'fileDesc'	: 'Fotos (jpg, png, gif ...)',
					'buttonImg'	: 'recursos/imagenes/boton-subir.png',
					'width'		: '192',
					'height'	: '38',
					'wmode'		: 'transparent',
				});
				$(".cuadro-azul").append(' <br /> <div style="background:url(recursos/imagenes/iconos/famfamfam_mini_icons/flag_green.gif) 0px 6px no-repeat; padding:1px 0px 1px 22px;">Cuando la bandera roja se vuelva verde, la foto se habrá subido correctamente. <br /> Cuando todas las banderas se hayan vuelto verdes será que la galería se ha subido correctamente :)</div>');
			}
		}
		$(this).remove();
		return false;
	});
	
	
	
	
	
	
	$("#edita-galeria").submit(function(){
		
		var galeria;
		
		galeria		=	$("#edita-galeria > .galeria").attr("value");
		if(galeria==0){
			alert('Hay que seleccionar una galería para poder editarla');
			return false;
		}else{
			$("#nueva-galeria,#amplia-galeria,#nueva-galeria-tit,#id").hide();
			$("#cancelar").remove();
			$("#editar").remove();
			$(this).before('<a href="#" id="cancelar" class="submenu">&laquo; Cancelar y volver a la gestión</a>');
			$(this).after('<div id="editar"><center><img src="recursos/imagenes/ajax-loading-2.gif" style="margin:10px;" /></center></div>');
			galeria = $("#edita-galeria-select").attr("value");
			$("#editar").load('recursos/php/galeria-editar.php?galeria='+galeria);
			return false;
		}
		return false;
	});
	
	$("#cancelar").live("click", function(){
		location.reload(true);
		return false;
	});
	
	
	$("div > div > form > .elimina-foto").live("click", function(){
		
		var href,title;
		
		if(!confirm('¿Seguro que quieres eliminar esta foto?')){
			return false;
		}else{
			$(this).remove();
			href=$(this).attr('href');
			title=$(this).attr('title');
			$("#"+title).fadeTo("slow","0.3");
			$.post(href, function(data){
			});
			return false;
		}
	});


	$(".cuadro-rojo > .elimina-galeria").live("click", function(){
		if(!confirm('¿Seguro que quieres eliminar esta galería?')){
			return false;
		}else{
			
			var href;
			
			href=$(this).attr("href");
			$.get(href,function(data){
				if(data=='ok'){
					alert("Galería eliminada");
					location.reload(true);
				}else{
					alert(data);
				}
			});
		}
		return false;
	});
	
	$(".form-edita-foto").live("submit", function(){
		
		var id,titulo,idfoto;
		
		id=$(this).attr("id");
		$("#submit-"+id).attr("value","Cambiando titulo...");
		titulo = $("input[name='titulo-foto-"+id+"']").attr("value");
		idfoto = $("#"+id+" > a").attr("rel");
		$.post("recursos/php/foto-update-titulo.php", { titulo: titulo, idfoto: idfoto },function(data){
			if(data=='ok'){
				$("#submit-"+id).attr("value","Titulo cambiado ¿Volver a cambiar?");
			}else{
				$("#submit-"+id).attr("value","No se ha podido cambiar, volver a intentarlo.");
			}
			return false;
		});
		return false;
	});
});