//*************************************
// Setup
dojo.addOnLoad(
		function(){
			if (dojo.query('[tab$=tab1]')[0] != undefined) {
				selectTabByURL();
			}
			dojo.query("ul#cMenu li a").forEach(function(leNode){
				dojo.connect(leNode, 'onclick', selectTab);
			});
		}
);

//*************************************
// Highlight tab and show correct tab content
selectTab = function(e) {
	dojo.require("dojo.NodeList-traverse");
	
	// Set correct tab
	dojo.query("ul#cMenu li").forEach(
		function(removeSelected){
			dojo.removeClass(removeSelected, "tsMenuItemSelected")
		}
	);
	dojo.addClass(dojo.query(e.target).closest("li")[0], "tsMenuItemSelected");

	// Set correct content
	dojo.query("div.cMenu div.container").forEach(
		function(removeSelected){
			dojo.addClass(removeSelected, "hidden")
		}
	);
	dojo.removeClass(dojo.attr(dojo.query(e.target).closest("a")[0], "tab"), "hidden");

	dojo.stopEvent(e);
}

// *************************************
// Select correct tab on page load by getting the tab id from the URL
selectTabByURL = function() {
	var url = window.location.href;
	var tabID = url.substring(url.indexOf("#") + 1, url.length);
	var tabContent = dojo.byId(tabID);

	// Highlight 1:st tab by default
	if (tabID.indexOf("tab") != 0 || tabContent == null){
		tabID = "tab1";
		tabContent = dojo.byId(tabID);
	}

	// Set correct tab
	var tabLink = dojo.query('[tab$=' + tabID + ']')[0];
	if (tabLink != null) {
		dojo.addClass(tabLink.parentNode, "tsMenuItemSelected");
	}

	// Set correct content
	if (tabContent != null) {
		dojo.removeClass(tabContent, "hidden");
	}
}