$(document).ready(function() {

    $("#i_1").mouseover(function() {
        $(this).find("img").attr("src", "/info/images/ui/dom.png");
    }).mouseout(function() {
        $(this).find("img").attr("src", "/info/images/ui/dom_.png");
    })

    $("#i_2").mouseover(function() {
        $(this).find("img").attr("src", "/info/images/ui/kontakty.png");
    }).mouseout(function(){
        $(this).find("img").attr("src", "/info/images/ui/kontakty_.png");
    })

    $("#i_3").mouseover(function() {
        $(this).find("img").attr("src", "/info/images/ui/karta.png");
    }).mouseout(function(){
        $(this).find("img").attr("src", "/info/images/ui/karta_.png");
    })

    $("#i_4").mouseover(function() {
        $(this).find("img").attr("src", "/info/images/ui/razvernut.png");
    }).mouseout(function(){
        $(this).find("img").attr("src", "/info/images/ui/razvernut_.png");
    })

    $("#i_5").mouseover(function() {
        $(this).find("img").attr("src", "/info/images/ui/x.png");
    }).mouseout(function(){
        $(this).find("img").attr("src", "/info/images/ui/x_.png");
    })


    $("#i_5").click(
        function() {

    $.ajax({
    type: "POST",
                url: "/changemap",
                data: ({ i: 0 }),
                dataType: "html",
                cache: false,
                timeout: 1000,
                success: function(data) { },
                error: function(xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                }
            });
        
            $(".map").animate({
                height: 48
            }, 400);

            $(".map_inside").animate({
                height: 48
            }, 400);

            $(".regions").animate({
                top: -70
            }, 400);
            
        })

    $("#i_4").click(
        function() {

    $.ajax({
    type: "POST",
                url: "/changemap",
                data: ({ i: 1 }),
                dataType: "html",
                cache: false,
                timeout: 1000,
                success: function(data) { },
                error: function(xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                }
            });
        
            $(".map").animate({
                height: 170
            }, 400);

            $(".map_inside").animate({
                height: 170
            }, 400);

            $(".regions").animate({
                top: 5
            }, 400);
        }
    );
});