var lastTabId = 1;
	function tab_switch(id)
	{

		document.getElementById('fragment' + lastTabId).style.display = 'none';
		document.getElementById('fragment' + id).style.display = 'block';
		lastTabId = id;
		
		var ourTabs = document.getElementById('menubar').getElementsByTagName("li");
		
		for(var i = 0; i < ourTabs.length; i++)
		{
			
			if ((i + 1) == id)
			{
				ourTabs[i].className = 'tabOn';
			}
			else
			{
				ourTabs[i].className = 'tab';
			}
		}
		
		//.anchors .tabs-selected a.a_tab1:link, .anchors .tabs-selected a.a_tab1:visited,
		
	}
	
	var box_feedback = {};
	var box_disclaimer = {};

	window.addEvent('domready', function(){
			
			tab_switch(1);
			
			$('topbarInner').setStyles({display: 'block'});
			
			// scroller
			
			var scrollAction = new Fx.Scroll(window, {
				wait: false,
				duration: 150,
				offset: {'x': 0, 'y': 0},
				transition: Fx.Transitions.Quad.easeInOut
			});
	
	
			/* Initialize the Multibox */
			box_disclaimer = new MultiBox('mb_d', {descClassName: 'multiBoxDesc', useOverlay: true});


			box_overview = new MultiBox('mb_o', {
				descClassName: 'multiBoxDesc', 
				useOverlay: true
			});
			
			box_feedback = new MultiBox('mb_f', {
				descClassName: 'multiBoxDesc', 
				useOverlay: true
			});

			//-Controlbar slider
			
			var mySlide = new Fx.Slide('topbarContent');
			mySlide.hide();
			
			$('toggle').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
			});
			

			// Button Handler
			
			$$(".regButtonGroup").addEvent("click", function(e) {
			var myID =  this.getProperty('id');
			var t = myID.split("-");
			
					var url = "http://battle.oxn.it/register.php?y="+t[2]+"&x="+t[1];
					var actField = "open"+t[1]+"-"+t[2];
					var div = $(actField).setStyles({opacity: 0});
		
 					new Ajax(url, {
 						method: "get",
 						update: $(actField),
 						onComplete: function() {
 						new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
 						//alert("completed");	
 						
 						// Registration Form submit
			
						$('regForm').addEvent('submit', function(e) {
							new Event(e).stop();
							var response = $('response').empty().addClass('ajax-loading');

							this.send({
								update: response,
								onComplete: function(responsetxt) {
									response.removeClass('ajax-loading');
									this.AjaxResponse = responsetxt;
									if (this.AjaxResponse=="ok"){
										window.location.reload();
									}
								}.bind(this)
							});
						});
						
						$('cancel').addEvent('click', function(e){
							e = new Event(e);
							e.stop();
							window.location.reload();
						});


						// End Register Form
 						
 						}	
 					}).request();
 					var e = new Event(e).stop();	
			});
			
						// Center Button
			
			$('scroller').addEvent('click', function(e){
				e = new Event(e);
				mySlide.hide();
				e.stop();
			});
			
			// Top Button
			
			$('topButton').addEvent('click', function(e){
				e = new Event(e);
				mySlide.hide();
				e.stop();
			});
			
			$('mb_disclaimer').addEvent('click', function(event){
				event = new Event(event).stop();
				mySlide.hide();
				scrollAction.toLeft();
				
			});
			$('mb_feedback').addEvent('click', function(event){
				event = new Event(event).stop();
				mySlide.hide();
				scrollAction.toLeft();
				
			});

			
			// Scoller Button
			
			new SmoothScroll({ duration: 1800 });
			
/*
			$('welcomeButton').addEvent('click', function(e){
				e = new Event(e);
				mySlide.hide();
				tab_switch(5);
				e.stop();
			});
*/

			
	});