document.observe('dom:loaded', function()
{
    l1 = new Slider('slider','prev','next');
});

function Slider(ele,left,right)
{
    this.current = 0;
    this.items = $(ele).getElementsByTagName('li');
    this.count = this.items.length;
    
    for(i=0;i<this.count;i++)
        if(i!=0) this.items[i].style.display = 'none';

    this.slide = function(direction)
    {
        Effect.Fade(this.items[this.current]);
        if(direction == 'fw')
            if (this.current == (this.count-1)) { this.current = 0; } else { this.current++; }
        else
            if (this.current == 0) { this.current = (this.count-1); } else { this.current--; }
        Effect.Appear(this.items[this.current]);
    };
    
    $(right).observe('click',this.slide.bindAsEventListener(this,'fw'));
    $(left).observe('click',this.slide.bindAsEventListener(this,'prev'));
}