var currentPage = 0;
var totalPages = 1;
var albumId = 0;

jQuery(function($) {

    $('#dialog-menu').dialog({
        autoOpen: false,
        width: 'auto',
        position: ['center', 'center'],
        height: 'auto',
        modal: true,
        resizable: false,
        draggable: false
    });

    $.history.init(function(hash){
        var urlParams = /^(\d+)?\/?(upload)?(create_album)?$/.exec(hash);
        if(!urlParams) return false;
        var prevPage = currentPage;
        currentPage = urlParams[1] ? urlParams[1] : 1;
        if(prevPage != currentPage) {
            Spinner.show();
            $('#main_panel_container').load('/gallery_page/' + $('#userCode').val() + '/' + currentPage);
        }
        if(urlParams[2]) {
            $('#dialog-upload').dialog('open');
        }
        if(urlParams[3]) {
            customOkButtonText = Travvi.s('js.next') +  ' (Enter)';
            $('#dialog-new-album').dialog('open');
            $('#dialog-menu').dialog('close');
            document.location.hash="#";
        }
    },
    { unescape: ",/" });

    $(window).resize(function() {
        if(screen.width < 1280) {
            $('a.expander').hide();
        } else {
            $('a.expander').show();
        }
        $('#dialog-menu').dialog('option', {position: ['center', 'center']});
    }).resize();

    $("a.expander").click(function(){
        if($('#gallery').hasClass('expanded')) {
            $('#pageMainContainer').addClass('shadowed');
            $('.pageMainContainer').removeClass('shadowed');
            $('#gallery').removeClass('expanded');
        } else {
            $('#pageMainContainer').removeClass('shadowed');
            $('.pageMainContainer').addClass('shadowed');
            $('#gallery').addClass('expanded');
        }
        return false;
    });
    $('#gallery a.left').tooltip({showURL: false});
    $('#gallery a.right').tooltip({showURL: false, positionLeft: true, left: -5});

    $('.menuCaller').click(function(){
        $('#dialog-menu').dialog('open');
        return false;
    });
    $('#add_album_caller').click(function(){
        $('#dialog-new-album').dialog('open');
        $('#dialog-menu').dialog('close');
        return false;
    });
    $('#arrow2_left').click(function(){
        $.history.load(currentPage - 1);
        return false;
    });
    $('#arrow2_right').click(function(){
        $.history.load(parseInt(currentPage) + 1);
        return false;
    });
    $('a.lock').tooltip({showURL: false, positionLeft: true, left: -5});

    $(document).bind('keydown', function(e){
        switch (e.keyCode) {
            case 37:
                // left arrow
                if ($('#arrow2_left:visible').length) { $('#arrow2_left').click();}
                break;
            case 39:
                //right arrow
                if ($('#arrow2_right:visible').length) { $('#arrow2_right').click();}
                break;
        }
    });

    // ============ Access Rights ==============================

    $( "#dialog-setAccessRights" ).dialog({
        autoOpen: false,
        resizable: false,
        draggable: false,
        width: 'auto',
        height: 'auto',
        modal: true,
        open: function(){
            //$('#dialog-menu').dialog('close');
        }
    });

    $('.container').on('click', 'a.accessRightsCaller', function() {
        var id = parseInt($(this).data('id'));
        if(id < 1) id = 1;
        albumId = $(this).data('album_id');
        $("#dialog-setAccessRights .current").removeClass("current");
        $("#acl_" + id + " div, #acl_" + id + " a").addClass("current");
        $( "#dialog-setAccessRights" ).dialog('open');
        return false;
    });

    $('#dialog-menu a.accessRightsCaller').click(function() {
        albumId = $(this).data('album_id');
        $("#dialog-setAccessRights .current").removeClass("current");
        $( "#dialog-menu" ).dialog('close');
        $( "#dialog-setAccessRights" ).dialog('open');
        return false;
    });
    $('.control-buttons a.accessRightsCaller').click(function() {
        albumId = $(this).data('album_id');
        $( "#dialog-setAccessRights" ).dialog('open');
        return false;
    });
    $('#dialog-setAccessRights li').click(function(){
        $.post(
            '/albums/' + albumId + '/set_access_level',
            { acl_id: $(this).data('id') },
            function(){},
            'script'
        );
        $( "#dialog-setAccessRights" ).dialog('close');
        return false;
    });

    $('.container a[title]').tooltip({showURL: false});
});