$(document).ready(function() {
    $("#featured > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 5000, true);
    loadTop5Activities();
});


function loadTop5Activities() {

    //$("#etkList").html("<div style='padding:20px;'><center><img src='images/ajax-loader.gif'/></center></div>");
    $.ajax({
        type: "POST",
        url: "dataserv.asmx/loadTop5Activities",
        data: null,
        dataType: "xml",
        contentType: "application/x-www-form-urlencoded",
        success: function(msg) {
            $("#etkList").html("");
            var sonuc = $("string", msg).text();
            var liste = JSON.parse(sonuc);
            var markup = "";
            markup += "<ul>";
            var cls = "listings";
            for (var j = 0; j < liste.length; j++) {
                if (j % 2 > 0)
                    cls = "listings";
                else
                    cls = "listings alter";

                markup += "<li><div class='" + cls + "'><span><a href='etkinlik.aspx?etk=" + liste[j].Index + "'>" + liste[j].Baslik + "</a></span> <span>" + liste[j].TarihStr + "</span></div></li>";
            }
            markup += "</ul>";
            $("#etkList").html(markup);
            $("#etkTarih").val("Bir Tarih Seçiniz..").click(function() { $(this).val(""); });
            $(".datepicker").datepicker({ dateFormat: 'dd.mm.yy' });
        },
        error: function(msg) {

        }
    });
}