var pages = [];
var tabs = [];

function switchStyle(name)
{
	//alert(name);
	var linkElements = document.getElementsByTagName("link");
	for (var i = 0; i < linkElements.length; i++)
	{
		//alert(linkElements[i]);
		//alert(linkElements[i].getAttribute("rel"));
		if (linkElements[i].getAttribute("rel") == "alternate stylesheet")
		{
			if (linkElements[i].getAttribute("title") == name)
				linkElements[i].disabled = false
			else
				linkElements[i].disabled = true;
		}
	}
}

function switchSection(obj,section)
{
	//var pages = document.getElementById("pages").childNodes;
	
	for (var i = 0; i < pages.length; i++)
	{
		//if (pages[i].nodeName == "DIV")
		//{
			if (pages[i].id == "page-"+section)
			{
				pages[i].style.display = "block"
				tabs[i].className = "active";
			}
			else
			{
				pages[i].style.display = "none";
				tabs[i].className = "";
			}
		//}
	}
}

function initSections()
{
	if (!document.getElementById("pages"))
		return;
		
	var pageEls = document.getElementById("pages").childNodes;
	var tabEls = document.getElementById("subnav").childNodes;
	
	if (!pageEls || !tabEls)
		return;
	
	for (var i = 0; i < pageEls.length; i++)
	{
		if (pageEls[i].nodeName == "DIV")
		{
			pages.push(pageEls[i]);
			//pageEls[i].style.display = "none";
		}
	}
	
	for (var i = 0; i < tabEls.length; i++)
	{
		if (tabEls[i].nodeName == "LI")
		{
			tabs.push(tabEls[i]);
			var tab = tabEls[i];
			
			if (tabEls[i].addEventListener)
				tabEls[i].addEventListener('click',tabClicked,false)
			else
				tabEls[i].attachEvent('onclick',tabClicked);
		}					
	}
	
	pages[0].style.display = "block";
	tabs[0].className = "active";
}

function tabClicked(e)
{
	var tab = null;
	
	if (e.srcElement)
		tab = e.srcElement
	else
		tab = e.target;
		 
	switchSection(tab,tab.id.substring(4));
}

function addCssRule(selector,text)
{
	var ua = navigator.userAgent.toLowerCase();
	var ieWin = (ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("win") != -1);

	var style = (typeof document.createElementNS != "undefined") ? document.createElementNS("http://www.w3.org/1999/xhtml","style") : document.createElement("style");
	style.setAttribute("type","text/css");
	style.setAttribute("media","screen");
	document.getElementsByTagName("head")[0].appendChild(style);

	if (!ieWin)
	{
		//var style = document.createElement("style");
		var text = document.createTextNode(selector + " {"+text+"}");
		style.appendChild(text);
	}
	else
	{
		document.styleSheets[document.styleSheets.length - 1].addRule(selector,text);
	}
}
		
addCssRule("#content #pages .page","display: none;");
addCssRule("#content #pages .default","display: block;");

window.onload = initSections;