window.addEvent('domready', init);
var navSlideShow;
function init() {
    if (Modernizr.csstransitions && Modernizr.csstransforms){
        SlideShow.useCSS();
    }

    // cache the navigation elements
    var navs = $('slidshowSwitch').getElements('a');

    // create a basic slideshow
    navSlideShow = new SlideShow('slideshow', {
        transition: 'crossFade',
        selector: 'div',
        delay: 7000,
        duration: 1000,
        autoplay: true,
        onShow: function(data){
            // update navigation elements' class depending upon the current slide
            navs[data.previous.index].removeClass('current');
            navs[data.next.index].addClass('current');
        }
    });

    navs.each(function(item, index){
        // click a nav item ...
        item.addEvent('click', function(event){
            event.stop();
            navSlideShow.show(index);
        });
    });

    // tips, for pretty
    /*new Tips(navs, {
        fixed: true,
        text: '',
        offset: {
            x: -100,
            y: 20
        }
    });*/
}