<!--
//Code by Lonnie Lee Best copyright 2000


function size()
{
	var insideWidth;
	var insideHeight;
	//document.getElementById('Panel2').focus();
	insideWidth = document.body.offsetWidth;
	insideHeight = document.body.offsetHeight;
	document.getElementById('Panel2').style.width = (insideWidth - 299) + "px";
	document.getElementById('Panel2').style.height = (insideHeight - 20) + "px";
	document.getElementById('Panel1').style.height = (insideHeight - 7) + "px";
}
function getElementsByClass(className)
{
	var all = document.all ? document.all : document.getElementsByTagName('*');
  	var elements = new Array();
	var classes = [];
	var isMatch;
	var i;
  	for (var e = 0; e < all.length; e++)
	{
		isMatch = false;
		if(all[e].className.indexOf(',') > -1)
		{
			classes = all[e].className.split(',');
			i=0;
			while(i < classes.length && !isMatch)
			{
				if(className == classes[i].replace(/^\\s+|\\s+$/g,""))
				{
					isMatch = true;

				}
				i++;
			}

		}
		else
		{
			if(className == all[e].className)
			{
				isMatch = true;

			}
		}

		if (isMatch)
		{
			elements.push(all[e]);
		}
		
	}
	return elements;
}

function menuSelect(title)
{
	title = title.replace(/ /g,'_');
	unFocus.History.addHistory(title);
}


function select(title)
{
	var section = getElementsByClass("section");
	var titleExists = false;
		for(i=0; i< section.length; i++)
		{
			if(section[i].title == title)
			{
				titleExists = true;
			}
		}
		if(titleExists)
		{
			for(i=0; i< section.length; i++)
			{
				section[i].style.display="none";
			}
			for(i=0; i< section.length; i++)
			{
				if(section[i].title == title)
				{
					section[i].style.display="block";
				}
			}
		}
}
function selectDefault()
{
	var section = getElementsByClass("section");
	for(i=0; i< section.length; i++)
	{
		section[i].style.display="none";
	}
	section[0].style.display="block";
}
function selectHash()
{
	var title = window.location.hash.replace(/_/g,' ').replace(/#/,'');
	select(title);
}




//****************************************************
//Event Handler to Handle Updates from History Keeper
this.historyListener = function(historyHash) 
{

	selectHash(historyHash);
	var delimiter = " : ";
	var delimiterPosition = document.title.indexOf(delimiter);
	if(delimiterPosition > 0)
	{
		document.title = (document.title.substring(0,delimiterPosition) + delimiter + historyHash).replace(/_/g,' ');
	}
	else
	{
		document.title = document.title + delimiter + historyHash;	
	}
}
unFocus.History.addEventListener('historyChange', this.historyListener);
// Check for an initial value (deep link).
// In this demo app, the historyListener can handle the task.
this.historyListener(unFocus.History.getCurrent());
//****************************************************


function main()
{

	var panel1 = document.createElement('div');
	panel1.id= "Panel1";
	var logoCaption = document.getElementById('logoCaption');
	var logo = document.getElementById('Logo');
	logoCaption.parentNode.removeChild(logoCaption);
	logo.parentNode.removeChild(logo);
	panel1.appendChild(logoCaption);
	panel1.appendChild(logo);



	var panel2 = document.createElement("div");
	panel2.id= "Panel2";
	var panel2Elements = getElementsByClass("p2");
	for(i=0; i< panel2Elements.length; i++)
	{
		panel2Elements[i].parentNode.removeChild(panel2Elements[i]);
	}
	for(i=0; i< panel2Elements.length; i++)
	{
		panel2.appendChild(panel2Elements[i]);
	}

	document.body.appendChild(panel1);
	document.body.appendChild(panel2);

	var historyState = document.getElementById("HistoryState");
	document.body.removeChild(historyState);
	document.body.appendChild(historyState);

	var menu = document.createElement("ul");
	menu.id="Menu";
	var currentListItem;
	var section = getElementsByClass("section");
	for(i=0; i< section.length; i++)
	{
		currentListItem = document.createElement("li");
		currentListItem.innerHTML = section[i].title;
		currentListItem.onmouseover = function(){this.style.backgroundColor = "#c7bbbf";};
		currentListItem.onmouseout = function(){this.style.backgroundColor = "transparent";};
		currentListItem.onclick = function(){menuSelect(this.innerHTML);};
		menu.appendChild(currentListItem);
	}
	panel1.appendChild(menu);
	size();
	selectDefault();
	selectHash();
}

onload = main;
onresize = size;

// -->