window.addEvent('domready',function(){
    $each($$('#sliderNav li a'),function(el)
    {
        el.addEvent('click',function(event) {
            event.preventDefault();
        });
    });

    var slider = new noobSlide({
        box: $('slides'),
        items: $$('#slides h1'),
        size: 500,
        mode: 'vertical',
        handles: $$('#sliderNav li a'),
        onWalk: function(currentItem,currentHandle){
            //style for handles
            $$(this.handles).removeClass('active');
            $$(currentHandle).addClass('active');
        }
    });
});
