jQuery(function(){

    // Вход
    $('#main_auth_submit').click(function(){
        if ($('#main_auth_email').val() == '') {
            alert('Укажите E-mail');
        } else if ($('#main_auth_passw').val() == '') {
            alert('Укажите Пароль');
        } else {
            $('#main_auth_form').submit();
        }
        
        return false;
    });
    
    // Выход
    $('#main_auth_exit').click(function(){
        $('#main_auth_exit_form').submit();
        return false;
    });

    /**
     * Города
     */
    var citiesFrameDisplay = 'none';
    var htmlCities = null;
    $('#new_city').click(function(){
        if (htmlCities === null) {
            var pathname = window.location.pathname.substring(1);
            
            var count = 0;
            $.each(cities, function() {
                count++;
            });

            var first = '';
            var column1 = '';
            var column2 = '';
            var column3 = '';
            var i = 0;       

            var onethird = Math.ceil((count-2)/3);
            $.each(cities, function(link, name) {
                link += pathname;
                i++;
                if (i < 3) {
                    first += '<div><a href="' + link + '">' + name + '</a></div>';
                } else {
                    if (i-2 <= onethird) {
                        column1 += '<div><a href="' + link + '">' + name + '</a></div>';    
                    } else if (i-2 <= onethird * 2) {
                        column2 += '<div><a href="' + link + '">' + name + '</a></div>';    
                    } else {
                        column3 += '<div><a href="' + link + '">' + name + '</a></div>';    
                    }

                }
            });        
            
            htmlCities = '<div style="padding-bottom: 10px;">' + first + '</div><div style="float:left; padding-right:30px;">' + column1  + '</div><div style="float:left; padding-right:30px;">' + column2 + '</div><div style="float:left">' + column3 + '</div>';
        }

        $('#cities_frame').html(htmlCities);
        var toggleResult = $('#cities_frame').toggle();
        citiesFrameDisplay = $(toggleResult).css('display');
        return false;
    });
    
    var noCitiesFrameDisplay = false;
    $('#cities_frame').click(function(){
        noCitiesFrameDisplay = true;
    });
    
    $('body').click(function(){
        if (noCitiesFrameDisplay) {
            noCitiesFrameDisplay = false;
            return;
        }
        
        if (citiesFrameDisplay == 'block') {
            $('#cities_frame').hide();
        }
    });
});