show Numbers in slider

See more:

Javascript

HTML

jQuery

Hi
I write jquery slider that shows different number of images.
now I want to show numbers in my slider,for example slide 1 shows 1 at top
slide 2 shows 2 at top ,etc
whould you please tell me what to do?
here is my jslider code:

$(document).ready(function () {
    //$(".impLeftNews:nth-child(odd)").css("background-color", "silver");
var counter = 0;
var slideCount = $(".slides>li").length;
var sliderTimer;
var newscounter = 0;
var newsSlideCount = $(".NewsSlide>li").length;
    var newsSliderTimer;

$(".slides>li").each(function () {
    //debugger;
    counter += 1;
    $(this).attr("id", "slide" + counter);
});

function hideAllSlides() {
    $(".slides>li").css("display", 'none');
}

function resetTimer() {
    clearInterval(sliderTimer);
    sliderTimer = setInterval(function () {
        //debugger;
        counter += 1;
        if (counter > slideCount)
            counter = 1;
        hideAllSlides();
        $(".slides #slide" + counter).fadeIn();
        }, 8000);

}

hideAllSlides();
counter = 1;
$(".slides li:eq(1)").show();
resetTimer();


$(".NewsSlide>li").each(function () {
    //debugger;
    newscounter += 1;
    $(this).attr("id", "NewsSlide" + newscounter);
});
function hideAllNewsSlides() {
    $(".NewsSlide>li").css("display", 'none');
}
function resetNewsTimer() {
    clearInterval(newsSliderTimer);
    newsSliderTimer = setInterval(function () {
        //debugger;
        newscounter += 1;
        if (newscounter > newsSlideCount)
            newscounter = 1;
        hideAllNewsSlides();
        $(".NewsSlide #NewsSlide" + newscounter).fadeIn();
    }, 4000);

}
hideAllNewsSlides();
newscounter = 1;
$(".NewsSlide li:eq(1)").show();
resetNewsTimer();
});