jQuery(document).ready(function () {

    var f = function () {
        var li = "<li><img src='App_Themes/Images/ajax.gif' alt='' /></li>",
            img = "";
        jQuery("#ulHaberBasliklariBasliklar").html(li);

        jQuery.ajax({
            type: "POST",
            url: "Handlers/HaberBasliklari.ashx?TOPN=21",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (a) {
                li = "";
                var jsonDizi = a.Veriler;
                if (!jsonDizi || jsonDizi.length == 0) return;
                for (var i = 0; i < jsonDizi.length; ++i) {
                    var obj = jsonDizi[i];
                    if (!obj) return;
                    li += "<li><a class='aHaberBaslik' href='Haberler.aspx?HAID=" + obj.HaberID + "'>" + obj.HaberBaslik.capitalize() + "</a><span style='display:none;'>" + obj.HaberOzetIcerik.capitalize() + "</span></li>";
                    img += "<img alt='' src='UserFiles/" + obj.HaberBuyukResim + "' style='z-index: " + (jsonDizi.length - i) + "' />";
                }
                jQuery("#ulHaberBasliklariBasliklar").html(li);
                jQuery("#ulHaberBasliklariBasliklar").quickPager({ pageSize: 7 }); 
                jQuery("#divHaberBasliklariImg").html(img);
                jQuery("#divHaberOzetTransZemin p").html(jsonDizi[0].HaberBaslik.capitalize());
                jQuery("#divHaberOzetTransZemin span").html(jsonDizi[0].HaberOzetIcerik.capitalize());
            },
            error: function () {
                jQuery("#ulHaberBasliklariBasliklar").html("");
            }
        });
    };

    f();
     
    jQuery("#ulHaberBasliklariBasliklar").delegate("li", "mouseover", function () {
        var ind = jQuery(this).index();
        jQuery("#divHaberBasliklariImg img:eq(" + ind + ")").css("z-index", "50");
        jQuery("#divHaberOzetTransZemin p").html(jQuery("a", this).text());
        jQuery("#divHaberOzetTransZemin span").html(jQuery("span", this).text());
    });

    jQuery("#ulHaberBasliklariBasliklar").delegate("li", "mouseout", function () {
        var ind = jQuery(this).index();
        jQuery("#divHaberBasliklariImg img").css("z-index", "0");
        jQuery("#divHaberBasliklariImg img:eq(" + ind + ")").css("z-index", "1");
    });


});