$(document).ready(function () {
    $("#imgSubmit").click(function () {
        if (validate()) {
            sendMail();
        }
    });

    $('#immobili li:nth-child(odd)').addClass('alternate');
    $("#inviaRichiesta").hover(function () {
        $(this).attr("src", "/_images/inviaRichiesta.png");
    }, function () {
        $(this).attr("src", "/_images/inviaRichiesta_out.png");
    });
    $("#tipologia").val('');
    $("#provincia").val('');
    $("#scopriCome").hover(function () {
        $(this).attr("src", "/_images/buttonBkg_out.png");
        $(this).css("color", "#FFF");
    }, function () {
        $(this).attr("src", "/_images/buttonBkg.png");
        $(this).css("color", "#475D87");
    });

    $("#immobili ul li").hover(function () {
        $(this).find(".ImageToFade").animate({ opacity: 0.25 }, 150, 'linear', function () {
            $(this).parent().parent().find(".hidden").css("display", "block");
        });
    }, function () {
        $(this).find(".ImageToFade").animate({ opacity: 1 }, 150, 'linear', function () {
            $(this).parent().parent().find(".hidden").css("display", "none");
        });
    });

    $("#highlight_ul li").hover(function () {
        $(this).find(".ImageToFade").animate({ opacity: 0.25 }, 100, 'linear', function () {
            //$(this).parent().parent().find(".hidden_high").css("visibility", "visible");
            $(this).parent().parent().find(".hidden_high").css("display", "block");
        });
    }, function () {
        $(this).find(".ImageToFade").animate({ opacity: 1 }, 100, 'linear', function () {
            //$(this).parent().parent().find(".hidden_high").css("visibility", "hidden");
            $(this).parent().parent().find(".hidden_high").css("display", "none");
        });
    });

    $('a[title="Contatti"]').click(function () {
        $.scrollTo($("#form"), 1000, { axis: 'y', easing: '' });
    });

    $("#provincia").change(function () {
        var str;
        var str1;
        $("#tipologia option:selected").each(function () {
            str = $(this).text();
        });
        $("#provincia option:selected").each(function () {
            str1 = $(this).text();
        });
		if(str1 == "Città" || str1 == "Citta"){
			str1 = undefined;
		}
        $.getJSON('getJData.aspx?tipo=' + str + '&citta=' + str1, function (data) {
            if (data.length > 0) {
                $("#ulPropertiesHidden").html('');
                for (var i = 0; i <= data.length - 1; i++) {
                    var link = buildUrl(data[i].tipoOfferta,data[i].citta,data[i].categoriaImmobile,data[i].codice);
                    $("#ulPropertiesHidden").append("<li data-id='" + data[i].codice + "' ><a href='"+link+"'><img src='/CRLoadImage.aspx?fn=/_images/property/" + data[i].foto + "&EE=true&SW=480&SH=245&SM=CROP&CA=MC' class='ImageToFade' width='480'/> </a>" +
                                  "<div class='hidden'>" +
                                  "  <h2 class='immobili'>" +
                                  "      " + data[i].tipoOfferta + "<br />" + data[i].tipoImmobile + "<br />" + data[i].mq +
                                  "  </h2>" +
                                  "  <h2 class='immobili'>" +
                                  "      " + data[i].citta + "<br />" + data[i].prezzo +
                                  "  <br /></h2>" +
                                  "  <input type='image' src='/_images/scheda.png' onclick=\"document.location.href='" + link + "';return false;\" />" +
                                  "</div></li>");
                }
                $('#ulPropertiesHidden li:nth-child(odd)').addClass('alternate');
                $("#ulProperties").quicksand($("#ulPropertiesHidden li"), function () {
                    $("#ulProperties li").hover(function () {
                        $(this).find(".ImageToFade").animate({ opacity: 0.25 }, 100, 'linear', function () {
                            $(this).parent().parent().find(".hidden").css("display", "block");
                        });
                    }, function () {
                        $(this).find(".ImageToFade").animate({ opacity: 1 }, 100, 'linear', function () {
                            $(this).parent().parent().find(".hidden").css("display", "none");
                        });
                    });
                });
            } else {
                $("#ulPropertiesHidden").html('');
                $("#ulProperties").quicksand($("#ulPropertiesHidden li"));
            }
        });

    });

    $("#tipologia").change(function () {
        var str, str1;
        $("#tipologia option:selected").each(function () {
            str = $(this).text();
        });
        $("#provincia option:selected").each(function () {
            str1 = $(this).text();
        });
        $.getJSON('getJData.aspx?tipo=' + str + '&citta=' + str1, function (data) {
            if (data.length > 0) {
                $("#ulPropertiesHidden").html('');
                for (var i = 0; i <= data.length - 1; i++) {
                    var link = buildUrl(data[i].tipoOfferta,data[i].citta,data[i].categoriaImmobile,data[i].codice);
                    $("#ulPropertiesHidden").append("<li data-id='" + data[i].codice + "' ><a href='"+link+"'><img src='/CRLoadImage.aspx?fn=/_images/property/" + data[i].foto + "&EE=true&SW=480&SH=245&SM=CROP&CA=MC' class='ImageToFade' width='480'/> </a>" +
                                  "<div class='hidden'>" +
                                  "  <h2 class='immobili'>" +
                                  "      " + data[i].tipoOfferta + "<br />" + data[i].tipoImmobile + "<br />" + data[i].mq +
                                  "  </h2>" +
                                  "  <h2 class='immobili'>" +
                                  "      " + data[i].citta + "<br />" + data[i].prezzo +
                                  "  <br /></h2>" +
                                  "  <input type='image' src='/_images/scheda.png' onclick=\"document.location.href='" + link + "';return false;\" />" +
                                  "</div></li>");
                }

                $('#ulPropertiesHidden li:nth-child(odd)').addClass('alternate');
                $("#ulProperties").quicksand($("#ulPropertiesHidden li"), function () {
                    $("#ulProperties li").hover(function () {
                        $(this).find(".ImageToFade").animate({ opacity: 0.25 }, 100, 'linear', function () {
                            $(this).parent().parent().find(".hidden").css("display", "block");
                        });
                    }, function () {
                        $(this).find(".ImageToFade").animate({ opacity: 1 }, 100, 'linear', function () {
                            $(this).parent().parent().find(".hidden").css("display", "none");
                        });
                    });
                });
            } else {
                $("#ulPropertiesHidden").html('');
                $("#ulProperties").quicksand($("#ulPropertiesHidden li"));
            }
        });

    });

});

function buildUrl(p, p_2, p_3, p_4){
    if (p_2.toUpperCase() == "")
    {
        p_2 = "VERONA";
    }
    return "/" + p.toUpperCase() + "-" + linkify(p_2.toUpperCase()) + "/" + linkify(p_3.toUpperCase()) + "/" + p_4.toUpperCase();
}

function linkify(tolink){
    var toRet = "";
    toRet = tolink.replace(/ /gi, "_");
    toRet = toRet.replace(/-/gi, "_");
    toRet = toRet.replace(/'/gi, "_");
    return toRet;
}

function removeText() {
    if ($("#txtMex").val() == "Digita qui il tuo messaggio...") $("#txtMex").val('');
}
function openHiddenPopup(vCode) {
    window.open("Scheda_print.aspx?codice=" + vCode, "Marchiotto Immobiliare - Proposta immobiliare" + vCode);
}
function nextHigh() {
    if (times + 1 < $("#highlight_ul").children().length) {
        times++
        $("#highlight_ul").children().animate({ left: '-=330' }, 100);
    }
}

function prevHigh() {
    if (times > 0) {
        times--;
        $("#highlight_ul").children().animate({ left: '+=330' }, 100);
    }
}

function validate() {
    var cognomeValue = $('input[name=cognome]').val();
    var nomeValue = $('input[name=nome]').val();
    var emailValue = $('input[name=email]').val();
    var cittaValue = $('input[name=citta]').val();
	var privacyValue = $('input[name=privacy]:checked').val();
	
    $('input[name=nome]').keydown(function () {
        $('input[name=nome]').css("background-color", "#FFF");
    });
    $('input[name=cognome]').keydown(function () {
        $('input[name=cognome]').css("background-color", "#FFF");
    });
    $('input[name=email]').keydown(function () {
        $('input[name=email]').css("background-color", "#FFF");
    });
    $('input[name=citta]').keydown(function () {
        $('input[name=citta]').css("background-color", "#FFF");
    });
    if (cognomeValue == "" || nomeValue == "" || emailValue == "" || cittaValue == "" || privacyValue == undefined) {
        if (cognomeValue == "") {
            $('input[name=cognome]').css("background-color", "#999");
        }
        if (nomeValue == "") {
            $('input[name=nome]').css("background-color", "#999");
        }
        if (emailValue == "") {
            $('input[name=email]').css("background-color", "#999");
        }
        if (cittaValue == "") {
            $('input[name=citta]').css("background-color", "#999");
        }
        $("#dialog").html("Inserire tutti i dati obbligatori.");
        $("#dialog").dialog({ position: 'center' });
        return false;
    }
    return true;
}

function sendMail() {
    var nome = $("input[name=nome]").val();
    var cognome = $("input[name=cognome]").val();
    var email = $("input[name=email]").val();
    var citta = $("input[name=citta]").val();
    var indirizzo = $("input[name=indirizzo]").val();
    var comune = $("input[name=comune]").val();
    var telefono = $("input[name=telefono]").val();
    var codiceImmobile = $("input[name=codiceForm]").val();
    var tipoImmobile = $("input[name=tipologiaForm]").val();
    var categoriaImmobile = $("input[name=categoriaForm]").val();
    var tipoOfferta = $("input[name=tipoOffertaForm]").val();
    var provinciaImmobile = $("input[name=provinciaForm]").val();
    var messaggio = $("#txtMex").val();
    var privacy = $("input[type=checkbox]").val();
    $.post("/sendMail.aspx", { nome: nome, cognome: cognome, email: email, citta: citta, indirizzo: indirizzo, comune: comune, telefono: telefono, codiceImmobile: codiceImmobile, tipoImmobile: tipoImmobile, tipoOfferta: tipoOfferta, categoriaImmobile: categoriaImmobile, debug: true, messaggio: messaggio, accettaPrivacy: privacy }, function (data) {
        var fields = data.split("&");
        for (var index in fields) {
            var splitted = fields[index].split("=");
            var field = splitted[0];
            var value = splitted[1];
            if (field == "CommandResult" && value == "OK") {
                $("#dialog").html('Grazie.<br /> Sarai ricontattato al pi&ugrave; presto!');
                $("#dialog").dialog();
            }
            if (field == "CommandResult" && value == "NOTOK") {
                $("#dialog").html('Errore durante l\'invio della mail');
                $("#dialog").dialog();
            }
        }
    });

}