Submenu={
	inc:null,
	prevBtn :null,
	nextBtn :null,
	box :null,
	prevE: null,
	nextE: null,
	count: null,
	allBtns: null,
	prevId: 0,
	defaultMove:958,
	
	
	init: function() {
		Submenu.inc = 0;
		Submenu.prevBtn = $('prev');
		Submenu.nextBtn = $('next');
		Submenu.box = $('all');
		Submenu.allBtns = $$('div .submenu .btns a');
		Submenu.count = Submenu.allBtns.length;
		Submenu.nextE = Submenu.next.bindAsEventListener();
		Submenu.prevE = Submenu.previous.bindAsEventListener();
		Submenu.clickE = Submenu.selected.bindAsEventListener();
		Submenu.start_observe();
	},
	
	
	start_observe:function(){
		for (i=0; i < Submenu.count; i++)
			Event.observe(Submenu.allBtns[i], 'click', Submenu.clickE);	
		Submenu.btnVisibility(Submenu.prevId);
		Event.observe(Submenu.prevBtn, 'click', Submenu.prevE);
		Event.observe(Submenu.nextBtn, 'click', Submenu.nextE);
	},
	
	
	stop_observe:function(){
		for (i=0; i < Submenu.count; i++)
			Event.stopObserving(Submenu.allBtns[i], 'click', Submenu.clickE);
		Event.stopObserving(Submenu.prevBtn, 'click', Submenu.prevE);
		Event.stopObserving(Submenu.nextBtn, 'click', Submenu.nextE);
	},
	
	
	btnVisibility:function(id){
		if(Submenu.prevId == 0)
			Submenu.prevBtn.style.visibility='hidden';
		else
			Submenu.prevBtn.style.visibility='visible';
		if(Submenu.prevId == Submenu.count-1)
			Submenu.nextBtn.style.visibility='hidden';
		else
			Submenu.nextBtn.style.visibility='visible';
		
		for (i=0; i < Submenu.count; i++){
			if (i == id)
				$(Submenu.allBtns[i]).addClassName('selected');
			else
				$(Submenu.allBtns[i]).removeClassName('selected');
		}
	},
	
	
	previous:function(e){
		e.stop();
		Submenu.stop_observe();
		if (Submenu.prevId>0){
			new Effect.Move(Submenu.box, { x:Submenu.defaultMove, y:0, mode:'relative', afterFinish:function(){
				Submenu.start_observe();
				}
			});
		}
		Submenu.prevId--;
		Submenu.btnVisibility(Submenu.prevId);
	},
	
	
	
	
	next:function(e){
		e.stop();
		Submenu.stop_observe();
		if (Submenu.prevId<Submenu.count){
			new Effect.Move(Submenu.box, { x:Submenu.defaultMove*-1, y:0, mode:'relative', afterFinish:function(){
					Submenu.start_observe();
				}
			});
		}		
		Submenu.prevId++;
		Submenu.btnVisibility(Submenu.prevId);
	},
	
	
	selected:function(e){
		e.stop();
		Submenu.stop_observe();
		var element = e.currentTarget || e.srcElement;
		var id = parseInt(element.id.split('-')[1]);
		
		
		if (id>Submenu.prevId)
			var difference = ((id-Submenu.prevId)*Submenu.defaultMove)*-1;
		else
			var difference = ((Submenu.prevId-id)*Submenu.defaultMove);
		
		new Effect.Move(Submenu.box, {x:difference, y:0, mode:'relative', afterFinish:function(){
				Submenu.start_observe();
			}
		});
		Submenu.prevId = id;
		Submenu.btnVisibility(Submenu.prevId);
	}
	
};


function initialize() {
	Submenu.init();
}
if (window.addEventListener) window.addEventListener('load', initialize, false);
else window.attachEvent('onload', initialize);