// JavaScript Document
window.addEvent('domready',function() { 
	//smooooooth scrolling enabled
	new SmoothScroll({ duration:700 }, window);
	
	// gallery number 1
	var gallery1 = new viewer($('box1').getChildren(),{
			mode: 'alpha',
			onWalk: function(current_index){
				handles1.removeClass('active');
				handles1[current_index].addClass('active');
			}
			
		});
		var handles1 = $$('#handles1 span');
		handles1.each(function(el,i){el.addEvent('click',gallery1.walk.pass([i,true], gallery1));});
		
	// gallery number 2
	var gallery2 = new viewer($('box2').getChildren(),{
			mode: 'alpha',
			onWalk: function(current_index){
				handles2.removeClass('active');
				handles2[current_index].addClass('active');
			}
			
		});
		var handles2 = $$('#handles2 span');
		handles2.each(function(el,i){el.addEvent('click',gallery2.walk.pass([i,true], gallery2));});
		
		// gallery number 3
	var gallery3 = new viewer($('box3').getChildren(),{
			mode: 'alpha',
			onWalk: function(current_index){
				handles3.removeClass('active');
				handles3[current_index].addClass('active');
			}
			
		});
		var handles3 = $$('#handles3 span');
		handles3.each(function(el,i){el.addEvent('click',gallery3.walk.pass([i,true], gallery3));});
		
		// gallery number 4
	var gallery4 = new viewer($('box4').getChildren(),{
			mode: 'alpha',
			onWalk: function(current_index){
				handles4.removeClass('active');
				handles4[current_index].addClass('active');
			}
			
		});
		var handles4 = $$('#handles4 span');
		handles4.each(function(el,i){el.addEvent('click',gallery4.walk.pass([i,true], gallery4));});
		
		// gallery number 5
	var gallery5 = new viewer($('box5').getChildren(),{
			mode: 'alpha',
			onWalk: function(current_index){
				handles5.removeClass('active');
				handles5[current_index].addClass('active');
			}
			
		});
		var handles5 = $$('#handles5 span');
		handles5.each(function(el,i){el.addEvent('click',gallery5.walk.pass([i,true], gallery5));});
		
		// gallery number 6
	var gallery6 = new viewer($('box6').getChildren(),{
			mode: 'alpha',
			onWalk: function(current_index){
				handles6.removeClass('active');
				handles6[current_index].addClass('active');
			}
			
		});
		var handles6 = $$('#handles6 span');
		handles6.each(function(el,i){el.addEvent('click',gallery6.walk.pass([i,true], gallery6));});
});