var saveLocationImmideately = false;

// locationPopupCallback
var locationPopupCallbackFunction = function() {
    
    var country = $('#locationPopupCountry option:selected').text();
    var region = $('#locationPopupRegion option:selected').text();
    var city = $('#locationPopupCity option:selected').text();
    var countryId = $('#locationPopupCountry') ? $('#locationPopupCountry').val() : 0;
    var regionId = $('#locationPopupRegion') ? $('#locationPopupRegion').val() : 0;
    var cityId = $('#locationPopupCity') ? $('#locationPopupCity').val() : 0;
    var latitude = $('#enableCoords').is(':checked') && $('#latitude_decimal') ? $('#latitude_decimal').val() : 0;
    var longitude = $('#enableCoords').is(':checked') && $('#longitude_decimal') ? $('#longitude_decimal').val() : 0;
    var scale = $('#enableCoords').is(':checked') && $('#zoom') ? $('#zoom').val() : 0;
    var mapType = $('#mapType').val() ? $('#mapType').val() : 0;
    
    var html = '<a href="#" class="locationPopupCaller" ';
        html += 'data-country="'+countryId+'" data-region="'+regionId;
        html += '" data-city="'+cityId+'" data-latitude="'+latitude;
        html += '" data-longitude="'+longitude+'" data-zoom="'+scale+'">';
        if(country) html+= country;
        if(region) html+= ', ' + region;
        if(city) html+= ', ' + city;
        html+= '</a><a href="#" id="removeLocation"></a>\n';
        html+= '<input type="hidden" value="'+countryId+'" name="album[countryId]">\n';
        html+= '<input type="hidden" value="'+regionId+'" name="album[regionId]">\n';
        html+= '<input type="hidden" value="'+cityId+'" name="album[cityId]">\n';
        html+= '<input type="hidden" value="'+latitude+'" name="album[latitude]">\n';
        html+= '<input type="hidden" value="'+longitude+'" name="album[longitude]">\n';
        html+= '<input type="hidden" value="'+scale+'" name="album[scale]">\n';
        html+= '<input type="hidden" value="'+mapType+'" name="album[mapType]">\n';    
    $('#locationsContainer .location').html(html);

    // save returned values
    if (saveLocationImmideately) {
        $('#dialog-new-album .submit.ok').click();
        saveLocationImmideately = false;
    }

    return false;
};

jQuery(function($) {
    $('#dialog-new-album').dialog({
        autoOpen: false,
        width: 'auto',
        position: ['center', 'center'],
        height: 'auto',
        modal: true,
        resizable: false,
        draggable: false,
        open: function() {
            if($('#dialog-setAccessRights').length) {
                $('#album_accessLevelId').val($('#dialog-setAccessRights a.current').parent().data('id')).change();
            }
            if(typeof currentCommentText == 'string') {
                $('#album_description').text(currentCommentText);
            }
            return false;
        },
        close: function() {
            $('#ui-datepicker-div').hide();
            return false;
        }
    });

    $('#album_accessLevelId, #album_commentsAccessLevelId').selectik();

    $(window).resize(function() {
        $('#dialog-new-album').dialog('option', {position: ['center', 'center']});
    });

    $( "a.submit", "#dialog-new-album" ).button();
    $('a.locationPopupCaller').tooltip({showURL: false});
    $('#album_date').tooltip({showURL: false, delay: 1000});

    $( "#album_date" ).datetimepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:' + (new Date().getFullYear()),
        showSecond: true,
        dateFormat: 'yy-mm-dd',
        timeFormat: 'hh:mm:ss',
        separator: ' ',
        afterUpdate: function(){
            $("#ui-datepicker-div .ui-datepicker-title select").selectik({
                maxItems: 12
            });
        }
    });

    $('#dialog-new-album .submit.ok').click(function(){
        // Validate album name
        if($('#album_name').length) {
            var StrippedString = $('#album_name').val().replace(/(<([^>]+)>)/ig,"");
            if (StrippedString != $('#album_name').val()) {
                $('#album_name').val(StrippedString);
                $('#dialog-new-album .error').html(Travvi.s('js.name_contains_forbidden_symbols')).show();
                return false;
            }
        }
        $('#dialog-new-album').dialog('close');
        var serialized = $('#dialog-new-album form').serialize();
        Spinner.show();
        $.ajax({
            url: $('#dialog-new-album form').attr('action'),
            type: $('#dialog-new-album form').attr('method'),
            data: serialized,
            dataType: 'script',
            success: function(data) {
                eval(data);
            }
        });
        return false;
    });

    $('#dialog-new-album .submit.cancel').click(function(){
        $('#dialog-new-album').dialog('close');
        return false;
    });

    $('a.locationPopupCaller').live('click', function(){
        locationPopupDefaultCountry = $(this).data('country');
        locationPopupDefaultRegion = $(this).data('region');
        locationPopupDefaultCity = $(this).data('city');
        locationPopupDefaultMetro = 0;
        locationPopupDefaultLatitude = $(this).data('latitude');
        locationPopupDefaultLongitude = $(this).data('longitude');
        locationPopupDefaultZoom = $(this).data('zoom');
        locationPopupDefaultMapType = $(this).data('map_type');
        $('#dialog-locationPopup').dialog('open');
        return false;
    });

    $('#removeLocation').live('click', function(){
        var html = '<a href="#" id="addLocation" class="locationPopupCaller"';
            html+= ' data-country="0" data-region="0" data-city="0">' + Travvi.s('js.set_shooting_place') + '</a>'
            html+= '<input type="hidden" value="0" name="album[countryId]">';
            html+= '<input type="hidden" value="0" name="album[regionId]">';
            html+= '<input type="hidden" value="0" name="album[cityId]">';

        $('#locationsContainer .location').html(html);
        return false;
    });

    $('.advancedSettings input:radio').checkbox({cls:'jquery-radiobutton-dark', empty: '/skin/images/empty.png'});
    $('.advancedSettings input:checkbox').checkbox({cls:'jquery-checkbox-dark', empty: '/skin/images/empty.png'});

    $('#album_name').textareaCount({
        'maxCharacterSize': 60,  
        'originalStyle': 'originalDisplayInfo',  
        'displayFormat': '<span>#left</span>' 
    });

    $('#album_description').textareaCount({
        'maxCharacterSize': 300,  
        'originalStyle': 'originalDisplayInfo',  
        'displayFormat': '<span>#left</span>' 
    });

    $('#album_accessLevelId').change(function(){
        $('#album_acl_icon').removeClass('opened closed blocked').addClass(aclIcons[$(this).val()]);
    });

    $('#album_commentsAccessLevelId').change(function(){
        $('#comments_acl_icon').removeClass('opened closed blocked').addClass(aclIcons[$(this).val()]);
    });

});