/*----------------------------------------------------
File Name: nav.js
Date Created: 01 August 2004

Purpose: Create interactive navigation.
----------------------------------------------------*/

/*-------------------------------------------
Globals & Macros
-------------------------------------------*/
var i = 0;
var loaded = false;
var nCurLocation = 0;


/*-------------------------------------------
Page Nav Images
-------------------------------------------*/
var navImages = new Array();
var navTitles = new Array();
var navURLs = new Array();
var navEmpty = new Image();
var strImageList = new Array("index",
			     "contact",
			     "aboutUs",
			     "blueprinting",
			     "repair");

var nImgCount = strImageList.length;

for(i=0;i<nImgCount;i++)
{
	navImages[i] = new Image();
	navTitles[i] = new Image();
	navURLs[i] = new String();

	navImages[i].src = "media/nav/" + strImageList[i] + ".jpg";
	navTitles[i].src = "media/nav/txt" + strImageList[i] + ".jpg";
	navURLs[i] = strImageList[i] + ".htm";
}
navEmpty.src = "media/nav/empty.gif";




/*-------------------------------------------
Function: reposition
Parameters: void
Return: void
Purpose: center the page
--------------------------------------------*/
function reposition()
{
	// Netscape/Mozilla/FireFox/Mac Hack
	if (navigator.appName.indexOf("Microsoft")==-1 && loaded)
	{
		window.history.go(0);
	}
	else
	{
		loaded = true;

		var winW = 630, winH = 460;
		var leftPos = 0;
	
		if (parseInt(navigator.appVersion)>3)
			if (navigator.appName=="Netscape")
				winW = window.innerWidth;
	
		if (navigator.appName.indexOf("Microsoft")!=-1)
			winW = document.body.offsetWidth;
	
		if(winW >= 820)
		{
			leftPos = Math.floor(winW/2 - 410);
			document.getElementById("nav").style.left = leftPos;
			document.getElementById("topTitle").style.left = leftPos + 88;
			document.getElementById("subtitle").style.left = leftPos + 88;
			document.getElementById("stage").style.left = leftPos;
			document.getElementById("navText").style.left = leftPos + 634;
	
			for(i=0;i<nImgCount;i++)
				document.getElementById("nav"+i).style.left = leftPos + (i==1?89:(i*136)-(i!=0?48+(i-2>0?i-2:0):0));
		}
		else
		{
			document.getElementById("nav").style.left = 0;
			document.getElementById("topTitle").style.left = 88;
			document.getElementById("subtitle").style.left = 88;
			document.getElementById("stage").style.left = 0;
			document.getElementById("navText").style.left = 634;
	
			for(i=0;i<nImgCount;i++)
				document.getElementById("nav"+i).style.left = (i==0?0:(i==1?89:(i>1?89+(i-1)*135:0)));
		}
	}
}


/*-------------------------------------------
Function: genNav
Parameters: location = page code name
Return: void
Purpose: beggin the page.
--------------------------------------------*/
function genNav(strTitle, strSubtitle, nPageId)
{
	// Top
	dwr("<div id=\"nav\" style=\"position:absolute; top:0px; left:0px; width:800px; height:300px; background-image:url(media/top.jpg);\"><p align=right style=\"margin:10px\">Diazit Blueprinting Machines<br>2733 - 165th Avenue NE<br>Bellevue, WA 98008<br>gpy173@gmail.com - (206) 467-3087 - (425) 861-7654 - (425) 867-3973 (fax)</p></div>");

	// Navigation Side Text
	dwr("<img id=\"navText\" src=\"media/nav/empty.gif\" border=\"0\" style=\"position:absolute; top:132px; left:634px; width:166px; height:57px;\">");

	// Navigation Side Text Current Page
	nCurLocation = nPageId;
	document.getElementById("navText").src=navTitles[nCurLocation].src;

	// Navigation Buttons
	navObj(0, 92, 122);
	navObj(1, 136, 114);
	navObj(2, 136, 114);
	navObj(3, 136, 114);
	navObj(4, 136, 114);

	// Page Title and Subtitle
	dwr("<h1 id=\"topTitle\">" + strTitle + "</h1>");
	dwr("<h2 id=\"subtitle\">" + strSubtitle + "</h2>");

	// Body
	dwr("<div id=\"stage\" style=\"position:absolute; top:300px; left:0px; width:800px; height:auto; background-image:url(media/left.gif); background-repeat:repeat-y; padding-left:80px;\">");


	// Center the Page
	reposition();
}


/*-------------------------------------------
Function: endNav
Parameters: void
Return: void
Purpose: end the page
--------------------------------------------*/
function endNav()
{
	// Copyright
	dwr("<br><div id=\"nav\" style=\"position:relative; left:-80px; width:800px; background-image:url(media/bottom.gif);\" background-repeat:repeat-y; align=\"center\">Copyright &copy; 2004 Northwest Blue Line Services Website</div>");

	// End Stage
	dwr("</div>");
}


/*-------------------------------------------
Function: navObj
Parameters: id, width, height
Return: void
Purpose: create nav image
--------------------------------------------*/
function navObj(id, width, height)
{
	dwr("<img alt=\"blueprint "+strImageList[id]+"\" src=\"media/nav/empty.gif\" id=\"nav"+id+"\" style=\"position:absolute; top:110px; left:-200px; width:"+width+"px; height:"+height+"px; cursor:pointer;\" border=\"0\"");
	dwr("onMouseOver=\"document.getElementById('nav"+id+"').src=navImages["+id+"].src; document.getElementById('navText').src=navTitles["+id+"].src;\" ");
	dwr("onMouseOut=\"document.getElementById('nav"+id+"').src=navEmpty.src; document.getElementById('navText').src=navTitles["+nCurLocation+"].src;\" ");
	dwr("onClick=\"wGo('"+strImageList[id]+".htm');\"");
	dwr(">");
}