$(function(){
 slider.init();
});
var slider = {
    num: -1,
    cur: 0,
    cr: [],
    al: null,
    at: 8 * 1000,
    ar: true,
    init: function () {
        if (!slider.data || !slider.data.length)
            return false;

        var d = slider.data;
        slider.num = d.length;
        var pos = Math.floor(Math.random() * 1); //slider.num);
        for (var i = 0; i < slider.num; i++) {
            $('#' + d[i].id).css({ left: ((i - pos) * 931) });
            $('#slide-nav').append('<a id="slide-link-' + i + '" href="#" onclick="slider.slide(' + i + ');return false;" onfocus="this.blur();"><img src="../images/0' + (i + 1) + '.png" border=0></a>');
        }
        slider.on(pos);
        slider.cur = pos;
        window.setTimeout('slider.auto();', slider.at);
    },
    auto: function () {
        if (!slider.ar)
            return false;

        var next = slider.cur + 1;
        if (next >= slider.num) next = 0;
        slider.slide(next);
    },
    slide: function (pos) {
        if (pos < 0 || pos >= slider.num || pos == slider.cur)
            return;

        window.clearTimeout(slider.al);
        slider.al = window.setTimeout('slider.auto();', slider.at);

        var d = slider.data;
        for (var i = 0; i < slider.num; i++) {
            // Loop não infinito
            //$('#' + d[i].id).stop().animate({ left: ((i - pos) * 902) }, 1000, 'swing');
            // Loop infinito
            if (pos > slider.cur) {
                if (i >= slider.cur) {
                    document.getElementById(d[i].id).style.left = (i - slider.cur) * 931;
                    $('#' + d[i].id).stop().animate({ left: ((i - pos) * 931) }, 1000, 'swing');
                } else {
                    document.getElementById(d[i].id).style.left = (i - slider.cur + 4) * 931;
                    $('#' + d[i].id).stop().animate({ left: ((i - pos + 4) * 931) }, 1000, 'swing');
                }
            } else {
                if (i >= slider.cur) {
                    document.getElementById(d[i].id).style.left = (i - slider.cur) * 931;
                    $('#' + d[i].id).stop().animate({ left: ((i - pos - 4) * 931) }, 1000, 'swing');
                } else {
                    document.getElementById(d[i].id).style.left = (i - slider.cur + 4) * 931;
                    $('#' + d[i].id).stop().animate({ left: ((i - pos) * 931) }, 1000, 'swing');
                }
            }
        }
        slider.on(pos);
        slider.cur = pos;
    },
    on: function (pos) {
        $('#slide-nav a').removeClass('on');
        $('#slide-nav a#slide-link-' + pos).addClass('on');
    }
};