window.addEvent('domready', function() {

    var sampleObjectItems = [
			{ title: 'INFOS 2008', autor: 'INFOS 2008', date: '5 Jul 2008', link: 'infos_tring.aspx' },
			{ title: 'POS 2008', autor: 'POS 2008', date: '6 Aug 2008', link: 'pos_tring.aspx' },
			{ title: 'Nunc adipiscing', autor: 'Dolor', date: '9 Feb 2007', link: 'http://www.link3.com' },
			{ title: 'Phasellus', autor: 'Sit', date: '22 Jul 2007', link: 'http://www.link4.com' },
			{ title: 'Sed sollicitudin', autor: 'Amet', date: '30 Set 2007', link: 'http://www.link5.com' },
			{ title: 'Ut quis magna', autor: 'Consecteur', date: '5 Nov 2007', link: 'http://www.link6.com' },
			{ title: 'Curabitur et', autor: 'Adipsim', date: '12 Mar 2007', link: 'http://www.link7.com' },
			{ title: 'Aliquam commodo', autor: 'Colom', date: '10 Abr 2007', link: 'http://www.link8.com' }
		];

    //SAMPLE 6 (on "mouseenter" walk)
    var info6 = $('box6').getNext().setOpacity(0.5);
    var hs6 = new noobSlide({
        mode: 'vertical',
        box: $('box6'),
        items: sampleObjectItems,
        size: 180,
        handles: $ES('div', 'handles6_1').extend($ES('div', 'handles6_2')),
        handle_event: 'mouseenter',
        buttons: {
            previous: $('prev6'),
            play: $('play6'),
            stop: $('stop6'),
            playback: $('playback6'),
            next: $('next6')
        },
        button_event: 'click',
        fxOptions: {
            duration: 1000,
            transition: Fx.Transitions.Back.easeOut,
            wait: false
        },
        onWalk: function(currentItem, currentHandle) {
            info6.empty();
            new Element('p').setHTML('<b>Zavrsen</b>: ' + currentItem.date).inject(info6);
            new Element('h4').setHTML('<a href="' + currentItem.link + '">saznaj više</a>').inject(info6);
            this.handles.setOpacity(1);
            currentHandle.setOpacity(0.4);
        }
    });
    hs6.next();


    //more handle buttons
    var handles8_more = $ES('span', 'handles8_more');
    //

});