/*
nshome.js
NovitskiSoftware.com
*/

//==============================
// preload background image
//------------------------------
var oImage = new Image();
oImage.src = "nsimages/LeftCol.jpg";


var iPageletLeft = 0;

window.onload = jsInitMenu;

//==============================
function jsInitMenu()
//------------------------------
// Applies events to the navigation menu
{
//alert("function jsInitMenu()");
		if (!document.getElementById) return alert("!getElementById"); 
		if (!document.getElementsByTagName) return alert("!getElementsByTagName");
		if (!document.getElementById("menuArticles").getAttribute) return alert("!getAttribute");
		if (!document.getElementById("menuArticles").setAttribute) return alert("!setAttribute");

//alert("ready to begin:");

	var oMenu = document.getElementById("MainMenu");
	var aItems = oMenu.getElementsByTagName("A");

//alert(aItems.length + " items in menu");

	for (var iItem=0; iItem < aItems.length; iItem++)
	{
		//var oAnchor = aItems[iItem].firstChild;
		var oAnchor = aItems[iItem];
		oAnchor.onclick = jsNavClick;
		
		// modify the hyperlink
		jsModifyHyperlink(oAnchor);
	}
	
	// the site title acts like the About menu link
	var oObj = document.getElementById("SiteTitle").firstChild;
	oObj.onclick = jsNavClick;
	jsModifyHyperlink(oObj);


	// apply mouseover events to the portfolio
	var oMenu = document.getElementById("PortfolioMenu");
	var aItems = oMenu.getElementsByTagName("A");

	for (var iItem=0; iItem < aItems.length; iItem++)
	{
		var oAnchor = aItems[iItem];
		oAnchor.onmouseover = jsShowPortfolio;
	}

	SetBodyClass();

}


//==============================
// set body class from href
//==============================
function SetBodyClass()
{
	var sQ = new String(document.location);
	var aQ = sQ.split("?");
		if (aQ[1])
		{
			var sQ = new String(aQ[1]);
			var aQ = sQ.split("&");
			
			for (iQ=0; iQ < aQ.length; iQ++)
			{
				var sArg = new String(aQ[iQ]);
				var aArg = sArg.split("=");
					if (aArg[0] == "page")
					{
						document.body.className = aArg[1];
						//DisplayBodyClass();
						break;
					}
			}
		}
}


//==============================
// modify a hyperlink
//==============================
function jsModifyHyperlink(argObject)
{
	var sHref = argObject.getAttribute("href");
	var aHref = sHref.split("=");
	argObject.setAttribute("href", "#Page" + aHref[1]);
	//alert(argObject.getAttribute("href"));
}

//==============================
// display the body class (debug)
//==============================
function DisplayBodyClass()
{
	alert("body.className = " + document.body.className);
}

//==============================
// nav menu click event
//==============================
function jsNavClick(evt)
{
		// cancel event bubbling
		if (evt) 
		{
			event = evt;
		}
		event.cancelBubble = true;

	// set the body class to show/hide pagelets
	var sHref = new String(this.getAttribute("href"));
	document.body.className = sHref.substring(1);
	//DisplayBodyClass();

		// remove that pesky focus outline
		if (this.blur) this.blur();

	// don't follow hyperlink
	//return true;
	return false;
}


//==============================
// hover over a portfolio link
//==============================
function jsShowPortfolio(evt)
{
		// cancel event bubbling
		if (evt) 
		{
			event = evt;
		}
		event.cancelBubble = true;

	// set the body class to show/hide portfolios
	document.body.className = "PagePortfolio " + this.id;
	//DisplayBodyClass();

		// remove that pesky focus outline
		if (this.blur) this.blur();
}