jQuery(document).ready(function() {

    var sehirIsimleri = ["İstanbul", "Ankara", "İzmir"],
        sehirKodlari = ["TUXX0014", "TUXX0002", "TUXX0016"];

    var f = function(SID) {
        var b = "<img src='App_Themes/Images/ajax.gif' alt='' />";
        jQuery("#divHavaDurumlari").html("").append(b);

        jQuery.ajax({
            type: "POST",
            url: "Handlers/HavaDurumu.ashx?SID=" + sehirKodlari[SID],
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(a) {

                b = "<div class='dprfl' style='width:117px;color: #666666'><img width='40px' class='dprfl' src='App_Themes/Images/hava/" + a.SicaklikKodu + ".gif' alt='' /><span style='font: bold 13px Arial;'>" + sehirIsimleri[SID] + "</span><br/>";
                b += a.HavaKosulu + " <b>" + a.Sicaklik + "°C</b> </div>";

                jQuery("#divHavaDurumlari").html("").append(b);
            },
            error: function() {
                jQuery("#divHavaDurumlari").html("");
                b = "<span>Hava durumu belirlenemedi !!!</span>";
                jQuery("#divHavaDurumlari").append(b)
            }
        });
    };

    var sInd = cookieOku("HShavaID");
    if (sInd == null) {
        sInd = Math.floor(Math.random() * 3);
    }
    f(sInd);

    jQuery("#divHavaDurumuBaslik, #divHavaDurumuBaslik ul li a").click(function() {
        var ulElm = jQuery("ul", this);
        ulElm.toggle();
        if (ulElm.is(":visible")) {
            jQuery("#divHavaDurumuBaslik").css("background-image", "url(App_Themes/Images/havaDropOn.gif)");
        } else {
            jQuery("#divHavaDurumuBaslik").css("background-image", "url(App_Themes/Images/havaDropOut.gif)");
        }
    });

    jQuery("#divHavaDurumuBaslik ul li a").click(function() {
        var ind = jQuery(this).attr("title");
        f(ind);
        cookieOlustur("HShavaID", ind, 0);
    });

});