var myScroll = {

	setup: function(){
	
		var scroller = new Fx.Scroll('scrollbox', {
			wait: false,
			duration: 1,
			transition: Fx.Transitions.Quint.easeOut,
			wheelStops: false
		});

		var actual_position = 0;
		
		var scrollbox_width = $('scrollbox').offsetWidth;
		var section_counter = 0;
		var section_width = 0;
		
		for ( j = 0 ; j < $('wide-content').childNodes.length ; j++ )
		{
			if( $('wide-content').childNodes[j].className == 'section' )
			{
				section_counter++;
				section_width = (scrollbox_width - 0) + 'px';
				$('wide-content').childNodes[j].style.width = section_width;
			}
		}
		
		if( section_counter > 0 )
			$('wide-content').style.width = section_counter * scrollbox_width + 'px';

		var wide_content_width = ($('wide-content').getSize()).scrollSize.x;
		
		$('move_left').addEvent('click',function(){
			if(actual_position > 0)
				actual_position -= scrollbox_width;
			else
				actual_position = wide_content_width-scrollbox_width;	
			scroller.scrollTo(actual_position,0);
			return false;
		});

		$('move_right').addEvent('click',function(){
			if((actual_position+scrollbox_width) < wide_content_width)
				actual_position += scrollbox_width;
			else
				actual_position = 0;	
			scroller.scrollTo(actual_position,0);
			return false;
		});
		
		var counter = 1;
		var left_menu_name = 'leftmenu';
		var left_menu = new Array();
				
		while( document.getElementById( left_menu_name + counter ) != null )
		{
			left_menu[left_menu.length] = left_menu_name + counter;
			counter++;
		}
//mouseover	
		left_menu.each(function(menu, key){	
			$(menu).addEvent('click', function(e){
				e = new Event(e);
				actual_position=key*scrollbox_width;
				scroller.scrollTo(actual_position);
				e.stop();
			});	
			$(menu).addEvent('click', function(e){
				e = new Event(e);
				e.stop();
			});					
		});
	}
}

var myMenu = {

	hideOtherSlides: function(shown) {
		$each(this.sliders, function(slider, key){
			if(key != shown) // && slider.now[0]>=0) {
			{
				//slider.stop();
				slider.slideOut();
			}
		});
	},
	
	setup: function(){
		this.sliders = {};
		// Let's create the Fx for each slider...
		
		var counter = 1;
		var menu_slider_name = 'menu-slide';
		var submenu_slider_name = 'submenu-slide';
		var menu_sliders = new Array();
		var submenu_sliders = new Array();
		
		while( document.getElementById( submenu_slider_name + counter ) != null )
		{
			submenu_sliders[submenu_sliders.length] = submenu_slider_name + counter;
			counter++;
		}
	
		counter = 1;
		
		while( document.getElementById( menu_slider_name + counter ) != null )
		{
			menu_sliders[menu_sliders.length] = menu_slider_name + counter;
			counter++;
		}
		
		submenu_sliders.each(function(slider, key){
			myMenu.sliders[key] = new Fx.Slide(slider, {mode: 'horizontal', wait: true}).hide();
		});

		menu_sliders.each(function(slider, key){	
			$(slider).addEvent('click', function(e){
				e = new Event(e);
				myMenu.showSlide(key);
				e.stop();
			});			

		});
	},

	showSlide: function(id){
		if(id>=0)
		{
			this.hideOtherSlides(id);
			// Please wait...
	 		(function(){
				this.sliders[id].toggle();
			}).delay(1, this);
		}
	}
}

window.addEvent('domready', myScroll.setup.bind(myScroll) );
window.addEvent('domready', myMenu.setup.bind(myMenu) );