var mainMenu;
var subMenu = null;
function log(msg){try{console.log(msg);}catch(ex){alert(msg);}}

var montanaTab = function(htmlFile) {
	var $div = $('.middle-column');
	var menuItems = [
	["Montana/index.html", "Montana"]
	,["Montana/Rules/Rules.html", "Rules"]
	,["Montana/Settings/Settings.html", "Settings"]
	,["Montana/CardSizes/CardSizes.html", "Suit Sizes"]
	,["Montana/CardStyles/CardStyles.html", "Card Styles"]
	];
	subMenu = $('<div></div').addClass('span-24').addClass('sub-menu-bar');
	var nItems = menuItems.length;
	var menuButtons = [];
	for(var i=0; i<nItems; ++i) {
		var item = menuItems[i];
		var button = $('<span>'+item[1]+'</span>')
			.addClass('sub-menu-bar-button')
			.click(function(){
				var $this = $(this);
				$('.sub-menu-bar-button').removeClass('selected-button');
				$this.addClass('selected-button');
				var $div = $('.middle-column');
				var htmlFile = $this.data('htmlFile');
				$div.load(htmlFile);
			})
			.appendTo(subMenu);
		button.data('htmlFile',item[0])
		menuButtons.push(button);
		if(i==0) button.click();
	}
	subMenu.insertAfter(mainMenu);
}

var handleButton = function()
{
	// Clear out any existing submenu
	if(subMenu) subMenu.remove();

	//log('location.search='+location.search);

	var $this = $(this);
	var $div = $('.middle-column');
	$('.menu-bar-button').removeClass('selected-button');
	$this.addClass('selected-button');

	var htmlFile = $this.data('htmlFile');
	switch(htmlFile) {
		case 'Montana':
			montanaTab(htmlFile);
			break;
		case "Home":
			$div.load("Home.html");
			break;
		case "BPM Graph":
			$div.load("BPMGraph/BPMGraph.html");
			break;
		case "Montanalyzer":
			$div.load("Montanalyzer/Montanalyzer.html");
			break;
		case "Support":
			$div.load("Support.html");
			break;
		case "Contracting":
			$div.load("Contracting.html");
			break;
	}
}

$(function()
{
	var menuItems = ["Home", "BPM Graph", "Montana", "Montanalyzer", "Support", "Contracting"];
	mainMenu = $('<div></div').addClass('span-24').addClass('menu-bar');
	var nItems = menuItems.length;
	var topMenuButtons = [];
	for(var i=0; i<nItems; ++i) {
		var item = menuItems[i];
		var button = $('<span>'+item+'</span>')
		.addClass('menu-bar-button')
		.click(handleButton)
		.appendTo(mainMenu);
		button.data('htmlFile',item)
		topMenuButtons.push(button);
		//if(i==0) button.click();
	}
	var header = $('<div class="span-24 header-bar"><span class="company-name">thechar</span> software</div>');
	var footer = $('<div class="span-24 footer-bar">&nbsp;</div>');
	$('.container')
	.prepend(mainMenu)
	.prepend(header)
	.append(footer);
	
	topMenuButtons[0].click();
});