$(document).ready( function()
{
	var $frm_buscar = $('#contenido #frm_buscar');
	if ($frm_buscar.size() > 0)
	{
		var dia = 0, mes = 0, foto = 0;

		// agrego links año, mes y dia
		var $fecha = $frm_buscar.hide().after('<div id="fecha"></div>').next();

		// años
		var texto = '', i;
		for (i=2009; i<= anio; i++)
		{
			texto = texto + ' <a rel="'+i+'"';
			//if (i == anio) 	texto = texto + ' class="selected"';
			texto = texto + ' href="#">' + i + '</a>';
		}

		// meses
		$fecha.append('<div id=\"anio\"><span>Año:</span> ' +
					texto +
				'</div>');
		$fecha.append('<div id=\"mes\"><span>Mes:</span> '+
					'<a rel="1" href="#">Ene</a> '+
					'<a rel="2" href="#">Feb</a> '+
					'<a rel="3" href="#">Mar</a> '+
					'<a rel="4" href="#">Abr</a> '+
					'<a rel="5" href="#">May</a> '+
					'<a rel="6" href="#">Jun</a> '+
					'<a rel="7" href="#">Jul</a> '+
					'<a rel="8" href="#">Ago</a> '+
					'<a rel="9" href="#">Set</a> '+
					'<a rel="10" href="#">Oct</a> '+
					'<a rel="11" href="#">Nov</a> '+
					'<a rel="12" href="#">Dic</a> '+
				'</div>');

		// dias
		texto = '';
		for (i=1; i<= 31; i++)
		{
			texto = texto + ' <a rel="'+i+'"';
			texto = texto + ' href="#">' + i + '</a>';
		}
		$fecha.append('<div id=\"dia\"><span>Dia:</span> '+texto+'</div>');
		$fecha.append('<div id=\"fotos\"></div>');

		// agrego evento click
		$('a', $fecha).click(function()
		{
			// salgo si está deshabilitado
			if ($(this).attr('class') == 'none')
				return false;

			// defino dia mes o año
			var quees = $(this).parent().attr('id');
			var change = '';
			switch (quees)
			{
				case 'dia':
					$fecha.find('#dia a[rel='+dia+']').attr('class', '');
					dia = $(this).html();
					break;
				case 'mes':
					$fecha.find('#mes a[rel='+mes+']').attr('class', '');
					$fecha.find('#dia a[rel='+dia+']').attr('class', '');
					mes = $(this).attr('rel');
					dia = 0;
					change = 'dias';
					break;
				case 'anio':
					$fecha.find('#anio a[rel='+anio+']').attr('class', '');
					$fecha.find('#mes a[rel='+mes+']').attr('class', '');
					//$fecha.find('#dia a[rel='+dia+']').attr('class', '');
					$fecha.find('#dia a').attr('class', 'none');
					anio = $(this).attr('rel');
					mes = 0;
					dia = 0;
					change = 'meses';
					break;
			}
			$(this).attr('class', 'selected');

			$.getJSON('/xml/fotos.php', {change: change, dia: dia, mes: mes, anio:anio}, function(json) {
				// marco none
				if(typeof json.refresh.dias != 'undefined')
				{
					$fecha.find('#dia a').attr('class', '');
					for (i=1; i<= 31; i++)
					{
						if(typeof json.refresh.dias[i] == 'undefined')
							$fecha.find('#dia a[rel='+i+']').attr('class', 'none');
					}
					$fecha.find('#dia a[rel='+json.dia+']').attr('class', 'selected');
				}
				if(typeof json.refresh.meses != 'undefined')
				{
					$fecha.find('#mes a').attr('class', '');
					for (i=1; i<= 12; i++)
					{
						if(typeof json.refresh.meses[i] == 'undefined')
							$fecha.find('#mes a[rel='+i+']').attr('class', 'none');
					}
					$fecha.find('#mes a[rel='+json.mes+']').attr('class', 'selected');
				}

				mes = json.mes;
				anio = json.anio;

				// muestro las fotos
				var $fotos = $fecha.find('#fotos');
				$fotos.empty();
				var ret = '', i=0;

				// titulo de la fecha
				if (json.titulo !== '')
					ret = ret + '<h3>'+json.titulo+'</h3>';

				$.each(json.fotos, function(i,item)
				{
					ret = ret + ' <a href="/var/fotos/'+item+'.jpg" rel="facebox2"><img src="/var/fotos/previa/'+item+'.jpg" /></a>';
				});
				$fotos.append(ret);
				$fotos.find('a')
					.bind('click', function() { foto = $(this).attr('href'); foto = foto.split('/'); foto = foto[3].split('.'); foto = foto[0]; })
					.facebox()
					;
			});

			return false;
		});

		// hace un clic en el año actual para q actualice
		//$fecha.find('#mes a[rel=1]').click();
		$fecha.find('#anio a[rel='+anio+']').click();
	}

	// muestra el enviar y guardar
	$(document).bind('beforeReveal.facebox', function() {
		var $facebox = $('#facebox');

		// se han agregado los botones
		if ($('a.enviar', $facebox).size() == 0)
		{
			var $guardar = $('<a href="#" class="guardar"><span>Guardar</span></a>');
			var $enviar = $('<a href="#" class="enviar"><span>Enviar</span></a>');
			$('a.close', $facebox)
				.before($guardar)
				.before($enviar);

			// GUARDAR
			$guardar.bind('click', function() {
				location.href = '/fotos/descarga/'+foto+'/';
				return false;
			});

			// ENVIAR
			$enviar.bind('click', function() {
				location.href = '/fotos/enviar/'+foto+'/';
				/*
				$enviar.hide();
				$guardar.hide();
				$.facebox({ ajax: '/fotos/enviar/'+foto+'/' });
				*/
				return false;
			});

		} else {
			//var $guardar = $('a.guardar', $facebox);
			//var $enviar = $('a.enviar', $facebox);
		}


	});


	$(document).bind('init.facebox', function() {
		//$('#nico').append('#');
	});
});