var GAMESYS = window.GAMESYS || {};

GAMESYS.Footer = {
	initialise : function () {
		// grab each of the divs
		var tabs = $$('#linksNav li');

		// init first tab
		var currentTab = tabs[0];
		currentTab.addClassName('selected');
		GAMESYS.Footer.hideAllLinks();

		var linkContainers = $$('div#gameLinks div.linksContainer > div');
		linkContainers[0].show();

		// set up event handlers
		for( var i=0; i<tabs.length; i++ ) {
			tabs[i].observe('click', GAMESYS.Footer.swapTab);
		}
	},
	swapTab : function (event) {
		event.stop();
		var currentTab = event.element().parentNode;
		GAMESYS.Footer.clearSelected();
		GAMESYS.Footer.hideAllLinks();
		currentTab.addClassName('selected');
		$(currentTab.id + 'Links').show();
	},
	hideAllLinks : function () {
		var linkContainers = $$('div#gameLinks div.linksContainer > div');
		for( var i=0; i<linkContainers.length; i++ ) {
			linkContainers[i].hide();
		}
	},
	clearSelected : function () {
		var tabs = $$('#linksNav li');

		for( var i=0; i < tabs.length; i++ ) {
			tabs[i].removeClassName('selected');
		}
	}
};
Event.observe(document, "dom:loaded", GAMESYS.Footer.initialise);