$(document).ready(function () {

    jQuery('#city2').autocomplete({
        serviceUrl: '/Kladr/CitySearch',
        minChars: 2,
        onSelect: function (data, value) {
            jQuery('#address2').autocomplete({
                serviceUrl: '/Kladr/StreetSearch/',
                minChars: 1,
                params: { city: jQuery('#city2').val() }
            });
            jQuery('#metrosdam1').autocomplete({
                serviceUrl: '/Kladr/MetroSearch/',
                minChars: 1,
                params: { city: jQuery('#city2').val() }
            });
            jQuery('#metrosdam2').autocomplete({
                serviceUrl: '/Kladr/MetroSearch/',
                minChars: 1,
                params: { city: jQuery('#city2').val() }
            });
            jQuery('#metrosdam3').autocomplete({
                serviceUrl: '/Kladr/MetroSearch/',
                minChars: 1,
                params: { city: jQuery('#city2').val() }
            });
        }
    });
   
    jQuery('#city').autocomplete({
        serviceUrl: '/Kladr/CitySearch',
        minChars: 2,
        onSelect: function (data, value) {
            jQuery('#metrosnimu1').autocomplete({
                serviceUrl: '/Kladr/MetroSearch/',
                minChars: 1,
                params: { city: jQuery('#city').val() }
            });
            jQuery('#metrosnimu2').autocomplete({
                serviceUrl: '/Kladr/MetroSearch/',
                minChars: 1,
                params: { city: jQuery('#city').val() }
            });
            jQuery('#metrosnimu3').autocomplete({
                serviceUrl: '/Kladr/MetroSearch/',
                minChars: 1,
                params: { city: jQuery('#city').val() }
            });

        }
    });




    $(document).click(function () {
        $('div#cityd').hide();
        $('div#city2d').hide();
        $('div#address2d').hide();
        $('div#metrosdam1d').hide();
        $('div#metrosdam2d').hide();
        $('div#metrosdam3d').hide();
        $('div#metrosnimu1d').hide();
        $('div#metrosnimu2d').hide();
        $('div#metrosnimu3d').hide();
    });


    //$("#metrosdam").click(function () {
    $("#metrosdam2").show();
    $("#metrosdam3").show();
    $("#metrosdam").hide();

    // });
    // $("#metrosnimu").click(function () {
    $("#metrosnimu2").show();
    $("#metrosnimu3").show();
    $("#metrosnimu").hide();

    // });

    $('div#roomm').show();
    $('div#house').show();
    $('#ht1').click(function () {
        $('#ht1').removeClass('hov');
        $('#ht2').removeClass('hov');
        $('#ht3').removeClass('hov');
        $('#ht1').addClass('hov');
        $('#RentingObjectType').val('1');
        $('#Offer_RentingObjectType').val('1');
        $('div#roomm').show();
        $('div#house').show();
        $.ajax({ type: "POST",
            url: "/Rent/HouseTipe",
            data: 'term=1'
        });
    });
    $('#ht2').click(function () {
        $('#ht1').removeClass('hov');
        $('#ht2').removeClass('hov');
        $('#ht3').removeClass('hov');
        $('#ht2').addClass('hov');
        $('#RentingObjectType').val('2');
        $('#Offer_RentingObjectType').val('2');
        $('div#roomm').hide();
        $('div#house').show();
        $.ajax({ type: "POST",
            url: "/Rent/HouseTipe",
            data: 'term=2'
        });
    });
    $('#ht3').click(function () {
        $('#ht1').removeClass('hov');
        $('#ht2').removeClass('hov');
        $('#ht3').removeClass('hov');
        $('#ht3').addClass('hov');
        $('#RentingObjectType').val('3');
        $('#Offer_RentingObjectType').val('3');
        $('div#roomm').show();
        $('div#house').hide();
        $.ajax({ type: "POST",
            url: "/Rent/HouseTipe",
            data: 'term=3'
        });
    });
    $('#ht4').click(function () {
        $('#ht4').removeClass('hov');
        $('#ht5').removeClass('hov');
        $('#ht6').removeClass('hov');
        $('#ht7').removeClass('hov');
        $('#ht8').removeClass('hov');
        $('#RentingRoomsCount').val('1');
        $('#Offer_RentingRoomsCount').val('1');
        $('#ht4').addClass('hov');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms",
            data: 'term=1'
        });
    });
    $('#ht5').click(function () {
        $('#ht4').removeClass('hov');
        $('#ht5').removeClass('hov');
        $('#ht6').removeClass('hov');
        $('#ht7').removeClass('hov');
        $('#ht8').removeClass('hov');
        $('#ht5').addClass('hov');
        $('#RentingRoomsCount').val('2');
        $('#Offer_RentingRoomsCount').val('2');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms",
            data: 'term=2'
        });
    });
    $('#ht6').click(function () {
        $('#ht4').removeClass('hov');
        $('#ht5').removeClass('hov');
        $('#ht6').removeClass('hov');
        $('#ht7').removeClass('hov');
        $('#ht8').removeClass('hov');
        $('#ht6').addClass('hov');
        $('#RentingRoomsCount').val('3');
        $('#Offer_RentingRoomsCount').val('3');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms",
            data: 'term=3'
        });
    });
    $('#ht7').click(function () {
        $('#ht4').removeClass('hov');
        $('#ht5').removeClass('hov');
        $('#ht6').removeClass('hov');
        $('#ht7').removeClass('hov');
        $('#ht8').removeClass('hov');
        $('#ht7').addClass('hov');
        $('#RentingRoomsCount').val('4');
        $('#Offer_RentingRoomsCount').val('4');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms",
            data: 'term=4'
        });
    });
    $('#ht8').click(function () {
        $('#ht4').removeClass('hov');
        $('#ht5').removeClass('hov');
        $('#ht6').removeClass('hov');
        $('#ht7').removeClass('hov');
        $('#ht8').removeClass('hov');
        $('#ht8').addClass('hov');
        $('#RentingRoomsCount').val('5');
        $('#Offer_RentingRoomsCount').val('5');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms",
            data: 'term=5'
        });
    });

    $('div#roomm2').show();
    $('#ha1').click(function () {
        $('#ha1').removeClass('hov');
        $('#ha2').removeClass('hov');
        $('#ha3').removeClass('hov');
        $('#ha1').addClass('hov');
        $('#RentObjectType').val('1');
        $('#Offer_RentObjectType').val('1');
        $('div#roomm2').show();
        $.ajax({ type: "POST",
            url: "/Rent/HouseTipe2",
            data: 'term=1'
        });
    });
    $('#ha2').click(function () {
        $('#ha1').removeClass('hov');
        $('#ha2').removeClass('hov');
        $('#ha3').removeClass('hov');
        $('#ha2').addClass('hov');
        $('#RentObjectType').val('2');
        $('#Offer_RentObjectType').val('2');
        $('div#roomm2').hide();
        $.ajax({ type: "POST",
            url: "/Rent/HouseTipe2",
            data: 'term=2'
        });
    });
    $('#ha3').click(function () {
        $('#ha1').removeClass('hov');
        $('#ha2').removeClass('hov');
        $('#ha3').removeClass('hov');
        $('#ha3').addClass('hov');
        $('#RentObjectType').val('3');
        $('#Offer_RentObjectType').val('3');
        $('div#roomm2').show();
        $.ajax({ type: "POST",
            url: "/Rent/HouseTipe2",
            data: 'term=3'
        });
    });
    $('#ha4').click(function () {
        $('#ha4').removeClass('hov');
        $('#ha5').removeClass('hov');
        $('#ha6').removeClass('hov');
        $('#ha7').removeClass('hov');
        $('#ha8').removeClass('hov');
        $('#ha4').addClass('hov');
        $('#RentRoomsCount').val('1');
        $('#Offer_RentRoomsCount').val('1');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms2",
            data: 'term=1'
        });
    });
    $('#ha5').click(function () {
        $('#ha4').removeClass('hov');
        $('#ha5').removeClass('hov');
        $('#ha6').removeClass('hov');
        $('#ha7').removeClass('hov');
        $('#ha8').removeClass('hov');
        $('#ha5').addClass('hov');
        $('#RentRoomsCount').val('2');
        $('#Offer_RentRoomsCount').val('2');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms2",
            data: 'term=2'
        });
    });
    $('#ha6').click(function () {
        $('#ha4').removeClass('hov');
        $('#ha5').removeClass('hov');
        $('#ha6').removeClass('hov');
        $('#ha7').removeClass('hov');
        $('#ha8').removeClass('hov');
        $('#ha6').addClass('hov');
        $('#RentRoomsCount').val('3');
        $('#Offer_RentRoomsCount').val('3');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms2",
            data: 'term=3'
        });
    });
    $('#ha7').click(function () {
        $('#ha4').removeClass('hov');
        $('#ha5').removeClass('hov');
        $('#ha6').removeClass('hov');
        $('#ha7').removeClass('hov');
        $('#ha8').removeClass('hov');
        $('#ha7').addClass('hov');
        $('#RentRoomsCount').val('4');
        $('#Offer_RentRoomsCount').val('4');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms2",
            data: 'term=4'
        });
    });
    $('#ha8').click(function () {
        $('#ha4').removeClass('hov');
        $('#ha5').removeClass('hov');
        $('#ha6').removeClass('hov');
        $('#ha7').removeClass('hov');
        $('#ha8').removeClass('hov');
        $('#ha8').addClass('hov');
        $('#RentRoomsCount').val('5');
        $('#Offer_RentRoomsCount').val('5');
        $.ajax({ type: "POST",
            url: "/Rent/Rooms2",
            data: 'term=5'
        });
    });
    $('span#map1').click(function () {
        var id = 'div.window#mapModal';
        $(id).css({ width: (620 + 'px') });
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('div.mask').css({ 'width': maskWidth, 'height': maskHeight });
        $('div.mask').show();
        $('div.mask').fadeTo("fast", 0.1);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top', (winH / 2 - $(id).height() / 2) + getScrollY());
        $(id).css('left', winW / 2 - $(id).width() / 2);
        $(id).slideDown('slow');
        var a = $("input#city2").attr("value") + ", " + $('#address2').val() + ' ' + $('#address2_2').val();
        if (a != ", ")
            $('input#address').val(a);

    });
    $('span#map2').click(function () {
        var id = 'div.window#map2Modal';
        $(id).css({ width: (820 + 'px') });
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('div.mask').css({ 'width': maskWidth, 'height': maskHeight });
        $('div.mask').show();
        $('div.mask').fadeTo("fast", 0.1);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top', (winH / 2 - $(id).height() / 2) + getScrollY());
        $(id).css('left', winW / 2 - $(id).width() / 2);
        $(id).slideDown('slow');

    });
    $('span#showLogin').click(function () {
        if (!IsMyFormValid()) {
            $('#offerForm').submit();
        }
        else {
            var id = 'div.window#loginModal';
            $(id).css({ width: (820 + 'px') });
            var maskHeight = $(document).height();
            var maskWidth = $(window).width();
            $('div.mask').css({ 'width': maskWidth, 'height': maskHeight });
            $('div.mask').show();
            $('div.mask').fadeTo("fast", 0.4);
            var winH = $(window).height();
            var winW = $(window).width();
            $(id).css('top', (winH / 2 - $(id).height() / 2) + getScrollY());
            $(id).css('left', winW / 2 - $(id).width() / 2);
            $(id).slideDown('slow');
        }
    });

    function IsMyFormValid() {

        var isValid = false;
        isValid = $('#offerForm').validate().element($('#price'));
        isValid = ($('#offerForm').validate().element($('#city'))) ? isValid : false;
        isValid = $('#offerForm').validate().element($('#price2')) ? isValid : false;
        isValid = ($('#offerForm').validate().element($('#city2'))) ? isValid : false;
        isValid = ($('#offerForm').validate().element($('#address2'))) ? isValid : false;
        isValid = ($('#offerForm').validate().element($('#address2_2'))) ? isValid : false;

        return isValid;
    }


    $('#showLoginOnly').click(function () {
        var id = 'div.window#loginModal2';
        $(id).css({ width: (820 + 'px') });
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('div.mask').css({ 'width': maskWidth, 'height': maskHeight });
        $('div.mask').show();
        $('div.mask').fadeTo("fast", 0.4);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top', (winH / 2 - $(id).height() / 2) + getScrollY());
        $(id).css('left', winW / 2 - $(id).width() / 2);
        $(id).slideDown('slow'); //showLogin

    });

    $('#uploadfile').click(function () {
        var id = 'div.window#fileModal';
        $(id).css({ width: (620 + 'px') });
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('div.mask').css({ 'width': maskWidth, 'height': maskHeight });
        $('div.mask').show();
        $('div.mask').fadeTo("fast", 0.1);
        var winH = $(window).height();
        var winW = $(window).width();
        $(id).css('top', (winH / 2 - $(id).height() / 2) + getScrollY());
        $(id).css('left', winW / 2 - $(id).width() / 2);
        $(id).slideDown('slow');


    });

    $("span.metro span").live('click', function () {
        $(this).parent('span').html("");
        var aa = $('#metro3').html();

        $.ajax({ type: "POST",
            url: "/Rent/Metro2",
            data: 'term=' + aa
        });

    });
    $('span#username').click(function () {
        $(this).hide();
        $('input#name').show();
        $('span#namesubmit').show();
    });
    $('span#userphone').click(function () {
        $(this).hide();
        $('input#phone').show();
        $('span#phonesubmit').show();
    });
    $('span#useremail').click(function () {
        $(this).hide();
        $('input#email').show();
        $('span#emailsubmit').show();
    });
    $('span#userpassword').click(function () {
        $(this).hide();
        $('div#passw').show();
        $('span#passwordsubmit').show();
    });
    $('span#namesubmit').click(function () {
        $('#profileForm').submit();
        $('span#namesubmit').hide();
        var name = $('input#name').attr('value');
        if (name != null && name.length > 0)
            $('span#username').html(name + "<span class='passedit'>&nbsp;&nbsp;&nbsp;&nbsp;</span>");
        $('span#username').show();
        $('input#name').hide();
    });
    $('span#phonesubmit').click(function () {
        $('#profileForm').submit();
        $('span#phonesubmit').hide();
        var phone = $('input#phone').attr('value');
        if (phone != null && phone.length > 0)
            $('span#userphone').html(phone + "<span class='passedit'>&nbsp;&nbsp;&nbsp;&nbsp;</span>");
        $('span#userphone').show();
        $('input#phone').hide();

    });
    $('span#emailsubmit').click(function () {
        $('#profileForm').submit();
        $('span#emailsubmit').hide();

        var email = $('input#email').attr('value');
        if (email != null && email.length > 0)
            $('span#useremail').html(email + "<span class='passedit'>&nbsp;&nbsp;&nbsp;&nbsp;</span>");
        $('span#useremail').show();
        $('input#email').hide();

    });
    $('span#passwordsubmit').click(function () {
        $('#profileForm').submit();
        //$('span#passwordsubmit').hide();
        //$('input#password').hide();

        $('div#passw').hide();
        $('span#userpassword').show();

    });
    $('#profileForm').ajaxForm(function (data) {
        $('#profileerror').html(data);
    });
});

function getScrollY() {
    scrollY = 0;
    if (typeof window.pageYOffset == "number") {
        scrollY = window.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        scrollY = document.documentElement.scrollTop;
    } else if (document.body && document.body.scrollTop) {
        scrollY = document.body.scrollTop;
    } else if (window.scrollY) {
        scrollY = window.scrollY;
    }
    return scrollY;
}