window.addEvent('domready',function(){
		//SAMPLE 1
		new viewer($$('#box1 img)')).play(true);

		//SAMPLE 2
		var V2 = new viewer($$('#box2 img)'),{
			mode: 'alpha',
			interval: 2000
		});
		$('play2').addEvent('click',V2.play.bind(V2,[false]));
		$('stop2').addEvent('click',V2.stop.bind(V2));
		
		//SAMPLE 3
		var V3 = new viewer($$('#box3 img)'),{
			mode: ['top','bottom']
		});
		$('prev3').addEvent('click',V3.previous.bind(V3));
		$('next3').addEvent('click',V3.next.bind(V3));

		//SAMPLE 4
		var V4 = new viewer($$('#box4 img)'),{
			mode: 'rand',
			modes: ['left','right','alpha']
		});
		$('next4').addEvent('click',V4.next.bind(V4));

		//SAMPLE 5
		var V5 = new viewer($('box5').getChildren(),{
			onWalk: function(current_index){
				handles5.removeClass('active');
				handles5[current_index].addClass('active');
			}
		});
		var handles5 = $$('#handles5 span');
		handles5.each(function(el,i){el.addEvent('click',V5.walk.bind(V5,[i,true]));});
	});