$(document).ready(function() {
    $('.world_map').maphilight();

    $('.weather_city_dd').click(function(e) {
        e.stopPropagation();
        if ($(this).hasClass('weather_city_dd_active')) {
            $(this).parent().find('span:eq(0)').css('color', '#333');
            $('.weather_city_dd_active').removeClass('weather_city_dd_active');
            $('#weather_city_dd').hide();
        }
        else {
            /*$(this).parent().find('span:eq(0)').css('color', '#fff');*/
            $('.weather_city_dd_active').removeClass('weather_city_dd_active');
            $(this).addClass('weather_city_dd_active');
            $(this).parent().append($('#weather_city_dd'));
            $('#weather_city_dd').show();
            $('#foundNoCities').hide();
            $('#citySearchQuery').val('');
            $('#foundCities').uncolumnlists();
            $('#defaultCities').uncolumnlists();
            $('#foundCities').hide();
            $('#defaultCities').makeacolumnlists({ cols: 3, equalHeight: true });
        };
        e.preventDefault();
    });
    $('#weather_city_dd').click(function(e) {
        e.stopPropagation();
    });
    $('.suggestions').click(function(e) {
        e.stopPropagation();
    });
    $(document).click(function() {
        $('.weather_city_dd').parent().find('span:eq(0)').css('color', '#333');
        $('.weather_city_dd_active').removeClass('weather_city_dd_active');
        $('#weather_city_dd').hide();
        $('#foundCities1').hide();
        $('.suggestions').hide();
    });

    $('#citySearchQuery').keyup(function() {
        var urlBase = "/json/getcitiesjson/";
        $('#foundNoCities').hide();
        if ($(this).val().length >= 2) {
            $('#searchCityLoader').show();
            var countryId = $('#country_id_hidden').val();
            var url = urlBase + $(this).val() + countryId;
            //var url = urlBase + $(this).val();// +"/ua";

            $.getJSON(url, function(data) {
                $('#defaultCities').uncolumnlists();
                $('#foundCities').uncolumnlists();
                $('#foundCities').empty();
                $('#searchCityLoader').hide();
                if (data.length == 0) {
                    $('#foundNoCities').show();
                    $('#foundCities').hide();
                    $('#defaultCities').show();
                    $('#defaultCities').makeacolumnlists({ cols: 3, equalHeight: true });
                    return;
                };
                $.each(data, function(i, item) {
                    var cityUrl = '/' + item.EnName; // +'?cityId=' + item.CityId;
                    var cityTitle = item.RuName + ', ' + item.CountryRuName;
                    $('#foundCities').append('<li><a href="' + cityUrl + '" title="' + cityTitle + '">' + item.RuName + '</a></li>');
                });
                $('#defaultCities').hide();
                $('#foundCities').show();
                $('#foundCities').makeacolumnlists({ cols: 3, equalHeight: true });
            });
        } else {

            $('#foundCities').uncolumnlists();
            $('#defaultCities').uncolumnlists();
            $('#defaultCities').show();
            $('#foundCities').hide();
            $('#defaultCities').makeacolumnlists({ cols: 3, equalHeight: true });
        };
    });




    $('#citySearchQuery').keypress(function(e) {
        if (e.which == 13) {
            var urlBase = "/json/getcitiesjson/";
            $('#foundNoCities').hide();
            if ($(this).val().length >= 2) {
                $('#searchCityLoader').show();
                var countryId = $('#country_id_hidden').val();
                var url = urlBase + $(this).val() + countryId;
                //var url = urlBase + $(this).val(); // +"/ua";

                $.getJSON(url, function(data) {
                    $('#defaultCities').uncolumnlists();
                    $('#foundCities').uncolumnlists();
                    $('#foundCities').empty();
                    $('#searchCityLoader').hide();
                    if (data.length == 0) {
                        $('#foundNoCities').show();
                        $('#foundCities').hide();
                        $('#defaultCities').show();
                        $('#defaultCities').makeacolumnlists({ cols: 3, equalHeight: true });
                        return;
                    };
                    if (data.length == 1) {
                        //$('#defaultCities1').hide();
                        $('#foundCities').show();
                        $('#foundCities').makeacolumnlists({ cols: 3, equalHeight: true });
                        document.location = "/" + data[0].EnName; // +'?cityId=' + data[0].CityId;
                        return;
                    };
                    $.each(data, function(i, item) {
                        var cityUrl = '/' + item.EnName; // +'?cityId=' + item.CityId;
                        var cityTitle = item.RuName + ', ' + item.CountryRuName;
                        $('#foundCities').append('<li><a href="' + cityUrl + '" title="' + cityTitle + '">' + item.RuName + '</a></li>');
                    });
                    $('#defaultCities').hide();
                    $('#foundCities').show();
                    $('#foundCities').makeacolumnlists({ cols: 3, equalHeight: true });
                });
            } else {

                $('#foundCities').uncolumnlists();
                $('#defaultCities').uncolumnlists();
                $('#defaultCities').show();
                $('#foundCities').hide();
                $('#defaultCities').makeacolumnlists({ cols: 3, equalHeight: true });
            };
        }
    });








    // Searching cities by countryId
    //
    $('#weather_city_dd_href1').click(function(e) {
        e.stopPropagation();
        $('#weather_city_dd_href1').toggleClass('weather_city_dd_active');
        $('#weather_city_dd1').toggle();
        if ($('#weather_city_dd1').is(':visible')) {
            $('#foundNoCities1').hide();
            $('#citySearchQuery1').val('');
            $('#foundCities1').uncolumnlists();
            $('#defaultCities1').uncolumnlists();
            $('#foundCities1').hide();
            $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
        };
        e.preventDefault();
    });
    $('#weather_city_dd1').click(function(e) {
        e.stopPropagation();
    });
    $(document).click(function() {
        $('#weather_city_dd_href1').removeClass('weather_city_dd_active');
        $('#weather_city_dd1').hide();
    });

    //    $('#citySearchQuery1').keyup(function() {
    //        var urlBase = "/json/getcitiesjson/";
    //        $('#foundNoCities1').hide();
    //        if ($(this).val().length >= 2) {
    //            $('#searchCityLoader1').show();
    //            var countryId = $('#country_id_hidden').val();
    //            var url = urlBase + $(this).val() + "/" + countryId;
    //            //debugger;
    //            $.getJSON(url, function(data) {
    //                $('#defaultCities1').uncolumnlists();
    //                $('#foundCities1').uncolumnlists();
    //                $('#foundCities1').empty();
    //                $('#searchCityLoader1').hide();
    //                if (data.length == 0) {
    //                    $('#foundNoCities1').show();
    //                    $('#foundCities1').hide();
    //                    $('#defaultCities1').show();
    //                    $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
    //                    return;
    //                };
    //                $.each(data, function(i, item) {
    //                    var cityUrl = "/" + item.EnName + '?cityId=' + item.CityId;
    //                    var cityTitle = item.RuName;
    //                    $('#foundCities1').append('<li><a href="' + cityUrl + '" title="' + cityTitle + '">' + item.RuName + '</a></li>');
    //                });
    //                $('#defaultCities1').hide();
    //                $('#foundCities1').show();
    //                $('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
    //            });
    //        } else {

    //            $('#foundCities1').uncolumnlists();
    //            $('#defaultCities1').uncolumnlists();
    //            $('#defaultCities1').show();
    //            $('#foundCities1').hide();
    //            $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
    //        };
    //    });


    $('.citySearchQuery1').keyup(function() {
        var urlBase = "/json/getcitiesjson/";
        // $('#foundNoCities1').hide();
        //debugger;
        var par = $(this).parents(".city_block");
        if ($(this).val().length >= 2) {
            $(par).children('#searchCityLoader1').show();
            var countryId = $('#country_id_hidden').val();
            var url = urlBase + $(this).val() + countryId;
            //debugger;
            $.getJSON(url, function(data) {
                // $('#defaultCities1').uncolumnlists();
                $(par).find('#foundCities1').uncolumnlists();
                $(par).find('#foundCities1').empty();
                $(par).find('#searchCityLoader1').hide();
                if (data.length == 0) {
                    //$('#foundNoCities1').show();
                    // $('#foundCities1').hide();
                    $(par).find('#foundCities1').append('<li id="foundNOCities1">' + $('#foundNoCitiestText1').html() + '</li>');
                    // $('#defaultCities1').show();
                    // $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
                    $(par).find('#foundCities1').show();
                    $(par).find('#foundCities1').parents('.suggestions').show();
                    $(par).find('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
                    return;
                };
                $.each(data, function(i, item) {
                    var cityUrl = "/" + item.EnName; // +'?cityId=' + item.CityId;
                    var cityTitle = item.RuName;
                    $(par).find('#foundCities1').append('<li><a href="' + cityUrl + '" title="' + cityTitle + '">' + item.RuName + '</a></li>');
                });
                //$('#defaultCities1').hide();
                $(par).find('#foundCities1').show();
                $(par).find('#foundCities1').parents('.suggestions').show();
                $(par).find('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
            });
        } else {


        $(par).find('#foundCities1').uncolumnlists();
            // $('#defaultCities1').uncolumnlists();
            // $('#defaultCities1').show();
        $(par).find('#foundCities1').hide();
        $(par).find('#foundCities1').parents('.suggestions').hide();
            // $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
        };
    });

    $('.citySearchQuery1').keypress(function(e) {

    if (e.which == 13) {
            var par = $(this).parents(".city_block");
            var urlBase = "/json/getcitiesjson/";
            $(par).find('#searchCityLoader1').show();
            var countryId = $('#country_id_hidden').val();
            var url = urlBase + $(this).val() + countryId;
            $.getJSON(url, function(data) {
                //$('#defaultCities1').uncolumnlists();
            $(par).find('#foundCities1').uncolumnlists();
            $(par).find('#foundCities1').empty();
            $(par).find('#searchCityLoader1').hide();
                if (data.length == 0) {
                    //$('#foundNoCities1').show();
                    //$('#foundCities1').hide();
                    $(par).find('#foundCities1').append('<li id="foundNOCities1">' + $('#foundNoCitiestText1').html() + '</li>');
                    //$('#defaultCities1').show();
                    // $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
                    return;
                };
                if (data.length == 1) {
                    //$('#defaultCities1').hide();
                    $(par).find('#foundCities1').show();
                    $(par).find('#foundCities1').parents('.suggestions').show();
                    $(par).find('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
                    document.location = "/" + data[0].EnName; // +'?cityId=' + data[0].CityId;
                    return;
                };
                $.each(data, function(i, item) {
                    var cityUrl = "/" + item.EnName; // +'?cityId=' + item.CityId;
                    var cityTitle = item.RuName;
                    $(par).find('#foundCities1').append('<li><a href="' + cityUrl + '" title="' + cityTitle + '">' + item.RuName + '</a></li>');
                });
                //$('#defaultCities1').hide();
                $(par).find('#foundCities1').show();
                $(par).find('#foundCities1').parents('.suggestions').show();
                $(par).find('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
            });
        }
    });

    //    $('#citySearchQuery1').keypress(function(e) {

    //        if (e.which == 13) {
    //            var urlBase = "/json/getcitiesjson/";
    //            $('#searchCityLoader1').show();
    //            var countryId = $('#country_id_hidden').val();
    //            var url = urlBase + $(this).val() + "/" + countryId;
    //            $.getJSON(url, function(data) {
    //                //$('#defaultCities1').uncolumnlists();
    //                $('#foundCities1').uncolumnlists();
    //                $('#foundCities1').empty();
    //                $('#searchCityLoader1').hide();
    //                if (data.length == 0) {
    //                    $('#foundNoCities1').show();
    //                    $('#foundCities1').hide();
    //                    //$('#defaultCities1').show();
    //                    // $('#defaultCities1').makeacolumnlists({ cols: 3, equalHeight: true });
    //                    return;
    //                };
    //                if (data.length == 1) {
    //                    //$('#defaultCities1').hide();
    //                    $('#foundCities1').show();
    //                    $('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
    //                    document.location = "/" + data[0].EnName + '?cityId=' + data[0].CityId;
    //                    return;
    //                };
    //                $.each(data, function(i, item) {
    //                    var cityUrl = "/" + item.EnName + '?cityId=' + item.CityId;
    //                    var cityTitle = item.RuName;
    //                    $('#foundCities1').append('<li><a href="' + cityUrl + '" title="' + cityTitle + '">' + item.RuName + '</a></li>');
    //                });
    //                //$('#defaultCities1').hide();
    //                $('#foundCities1').show();
    //                $('#foundCities1').makeacolumnlists({ cols: 3, equalHeight: true });
    //            });
    //        }
    //    });




    $('#zodiaks_dd li a').click(function(e) {
        e.preventDefault();
        var need = $(this).parent().index();
        var displayed = $('#horo_types').find('div.b_text.right').eq(need);
        $(this).parents('.b_text.right').css('display', 'none');
        displayed.css('display', 'block');
        e.stopPropagation();
    });

});