þÿ

var i = 0;

var allwide = 0;

var width = 0;

var sliderWidth = 0;

var added = [];

$(document).ready(function () {

    width = $('#slider div').width();

    sliderWidth = $('#slider').children().length * width;

    pagerLinks();

    $('#slider').css("width", sliderWidth + "px");



    var timer = setInterval(function () {

        allwide = i * width;

        if (i == $('#slider').children().length - 1) {

            i = -1;

        }

        animate(allwide, i);

        i++;

    }, 4000);



});



function animate(px, index) {

    $('#slider').stop(false, false).animate({

        left: -px

    }, 300);



    $('#pager a').css("background", "url('/images/link.png')");



    var el = $('#pager a').get(index);

    $(el).css("background", "url('/images/link2.png')");

}



function pagerLinks() {

    $("#pager").html("");

    for (var j = 0; j < $('#slider').children().length; j++) {

        $("#pager").append($("<a></a>").attr("href", "javascript:void(0)"))

    }



    var el = $('#pager a').get(0);

    $(el).css("background", "url('/images/link2.png')");



    $('#pager a').click(function () {

        var index = $(this).index();

        pozisyon = index * width;

        animate(pozisyon, index);

        if (index == $('#slider').children().length - 1) {

            i = 0;

        } else {

            i = index + 1;

        }

        return false;



    });

}



function addTo(src) {

    sliderWidth += $("#slider div").width();

    var img = $("<img id=\"asd\" class=\"radius\" src=\"" + src + "\" />")

    var newElem = $("<div class=\"radius\"></div>").append(img);

    added.push(newElem);

    $("#slider").append(newElem);

    pagerLinks();

    $('#slider').css("width", sliderWidth + "px");





}