$(document).ready(function() {

    $("#slider-range").slider({
        range: true,
        min: 0,
        max: 5000000,
        step: 150000,
        values: [ 0, 5000000 ],
        slide: function(event, ui) {
            $("#amountStart").val(ui.values[ 0 ]);
            $("#amountEnd").val(ui.values[ 1 ]);
            changeImage();
        }
    });

    $(".ui-slider-handle.right span").addClass('ultra');
    var cena_od = $("#slider-range").slider("values", 0);
    var cena_do = $("#slider-range").slider("values", 1);
    $("#amountStart").val(cena_od);
    $("#amountEnd").val(cena_do);

    $(".fr input").eq(0).keyup(function() {
        //$( "#slider-range" ).slider( "option", "values", [this.value,$( "#slider-range" ).slider( "values", 1 )] );
    });
    $(".fr input").eq(1).keyup(function() {
        //$( "#slider-range" ).slider( "option", "values", [$( "#slider-range" ).slider( "values", 1 ),this.value] );
    });


    $("#kraj1").change(function() {
        var id = $(this).find("option:selected").attr('value');

        var name = ($(this).find("option:selected").html());
        if (name == "Vyberte kraj") {
            return;
        }
        $(".loading").show();

        //efek pro zobrazeni nazvu vebraneho kraje
        $("#kraj_name").hide(
                function() {
                    $(this).html(name)
                }).show();
        $.getJSON( '/welcome/okresy/' + id, null, function(data) {
            //efekt pro zobrazeni vybranych okresu

            $(".info_text").hide();
            $("#okresy").hide(function() {
                $(this).find("span").remove();
                //ziskani okresu podle kraje
                $.each(data, function(i, item) {
                    var line = '<span><input type="checkbox" name="okres[]" value="' +
                            item.okres_kod + '"><label>' + item.zkratka + '</label></span>';
                    $("#okresy").append(line).show();
                    $(".loading").hide();
                });
            });
        });
        return false
    });

    $("#kraj2").change(function() {
        var id = $(this).find("option:selected").attr('value');
        var name = ($(this).find("option:selected").html());
        if (name == "Vyberte kraj") {
            return;
        }

        $.getJSON('/welcome/okresy/' + id, null, function(data) {
            $("#okres2").find("option").remove();
            $("#okres2").append('<option value="0">Vyberte okres</option>');
            $("#mesto2").find("option").remove();
            $("#mesto2").append('<option value="0">Vyberte mesto</option>');
            //ziskani okresu podle kraje
            $.each(data, function(i, item) {
                var line = '<option value="' + item.okres_kod + '">' + item.zkratka + '</option>';
                $("#okres2").append(line).show();
            });
        });
        return false
    });

    $("#okres2").change(function() {
        var id = $(this).find("option:selected").attr('value');
        var name = ($(this).find("option:selected").html());
        if (name == "Vyberte okres") {
            return;
        }

        $.getJSON( '/welcome/mesta/' + id, null, function(data) {
            $("#mesto2").find("option").remove();
            $("#mesto2").append('<option value="0">Vyberte mesto</option>');
            //ziskani okresu podle kraje
            $.each(data, function(i, item) {
                var line = '<option value="' + item.obec_kod + '">' + item.zkratka + '</option>';
                $("#mesto2").append(line).show();
            });
        });
        return false
    });

    $("#lookfor").click(function() {
        if ($(this).attr('class') == "slide") {
            $(this).removeClass('slide');
            $("#search").delay(150).slideUp();
        } else {
            $(this).addClass('slide');
            $("#search").delay(150).slideDown();
        }
    });

    $("#typ1").change(function() {
        $(".info_text").hide();
        var name = $(this).find("option:selected").html()
        var byt = new Array('1+1', '2+1', '3+1', '4+1', '5+1', '1+kk', '2+kk', '3+kk', '4+kk', '5+kk', 'ostatni');
        $("#form_velikosti").find('span').remove();
        if (name == "Byt") {
            $.each(byt, function(i, item) {
                var line = '<span><input type="checkbox" name="velikost[]" value="' +
                        item + '"><label>' + item + '</label></span>';
                $("#form_velikosti").fadeIn(function() {
                    $(this).append(line);
                });
            });
        }
    });

});


function changeImage() {
    setClass(0);
    setClass(1);
}

function setClass(index) {
    var start = $("#slider-range").slider("values", 0);
    var end = $("#slider-range").slider("values", 1);
    var arr = new Array();
    arr[0] = start;
    arr[1] = end;
    $(".ui-slider-handle span").eq(index).removeClass();

    if (start == end - 150000) {
        $(".ui-slider-handle span").eq(0).addClass('noimage');
        index = 1;
    }

    if (arr[index] >= 4500000) {
        $(".ui-slider-handle span").eq(index).addClass('ultra');
    } else if (arr[index] > 2550000) {
        $(".ui-slider-handle span").eq(index).addClass('high');
    } else if (arr[index] > 1050000) {
        $(".ui-slider-handle span").eq(index).addClass('normal');
    }
}