$(document).ready(function(){
    var tags = $('#tags');
    tags.empty();
    $.getJSON('/json/_design/tags/_view/all', function(data) {

        var active = DEFAULT_TAG;
        for (i in data.rows) {
            var row = data.rows[i];
            tags.append('<a class="tag" id="tag_'+row.id+'" href="#">'+row.id+'</a> ');
            if (window.location.href.indexOf('#'+row.id) > 0)  active = row.id;
        }

        $('a.tag').click(function() {
           var self = $(this);
           $('a.tag').removeClass('selected');
           self.addClass('selected');
           document.title = 'Tag: '+self.text();
           load(self.text());
           return false;
        });

        if (active && !$('img.large').length) $('#tag_'+active).click();

    });
});

var set_url = function(path) {
    if (!path) path = '';
    var splited = window.location.href.split('/');
    var url = splited[0] + '//' + splited[2] + '/' + path;
    $('#url').html('<a href="'+url+'">'+url+'</a>');
    var title = $('#fancybox-title-main');
    if (title.length) title.append(' <a title="permalink" href="'+url+'">#</a>');
}

var load = function(tag) {
    var main = $('#main');
    main.empty();
    $.getJSON('/json/_design/photos/_view/all?reverse=true&key="'+tag+'"', function(data) {
        for (i in data.rows) {
            var row = data.rows[i];
            var title = row.value.title;
            if (row.value.description)
                title += ': ' + row.value.description
            main.append('<a rel="thumb" title="'+title+'" id="'+row.value._id+'" class="thumb" href="/thumbs/large/'+row.value.filename+'">'+
                        '<img alt="'+title+'" src="/thumbs/square/'+row.value.filename+'" />'+
                        '</a>');
        }
        $('a.thumb', main)
            .fancybox({
                onComplete:function(){
                    var url = $("#fancybox-img").attr("src");
                    url = url.split('/thumbs/large/')[1];
                    url = url.replace(/\.(gif|jpg|png)/, '');
                    window.console.log(url)
                    set_url(url);
                }
            });
        set_url("#"+tag);
    });
}