var tabTotal = 0;
var tabLinks = null;
var tabImages = null;
var tabNames = null;
var xml = null;
var xsl = null;
var currentPageName = '';

function SetupVariables()
{
	tabLinks = new Array();
	tabImages = new Array();
	tabNames = new Array();
	
	// Home
	tabLinks[tabLinks.length] = 'Home.htm';
	tabImages[tabImages.length] = 'Home.jpg';
	tabNames[tabNames.length] = 'Home';
	// News
	tabLinks[tabLinks.length] = 'News.htm';
	tabImages[tabImages.length] = 'News.jpg';
	tabNames[tabNames.length] = 'News';
	//// John
	//tabLinks[tabLinks.length] = 'John.htm';
	//tabImages[tabImages.length] = 'John.jpg';
	//tabNames[tabNames.length] = 'John';
	//// Shelly
	//tabLinks[tabLinks.length] = 'Shelly.htm';
	//tabImages[tabImages.length] = 'Shelly.jpg';
	//tabNames[tabNames.length] = 'Shelly';
	// Adoption
	tabLinks[tabLinks.length] = 'Adoption.htm';
	tabImages[tabImages.length] = 'Adoption.jpg';
	tabNames[tabNames.length] = 'Adoption';
	// Charming Prints
	tabLinks[tabLinks.length] = 'Projects.htm';
	tabImages[tabImages.length] = 'Projects.jpg';
	tabNames[tabNames.length] = 'Projects';
	// Travel Journals
	tabLinks[tabLinks.length] = 'TravelJournals.htm'
	tabImages[tabImages.length] = 'Travel Journals.jpg';
	tabNames[tabNames.length] = 'Travel Journals';	
	//// Links
	//tabLinks[tabLinks.length] = 'Links.htm';
	//tabImages[tabImages.length] = 'Links.jpg';
	//tabNames[tabNames.length] = 'Links';
	//// Email
	//tabLinks[tabLinks.length] = 'Email.htm';
	//tabImages[tabImages.length] = 'Email.jpg';
	//tabNames[tabNames.length] = 'Email';
	
	tabTotal = tabLinks.length;
}

function InitializePage(pageName, pageTitle)
{
	if (pageTitle != null)
	{
		currentPageName = pageTitle;
	}
	else
	{
		currentPageName = pageName;
	}

	SetupVariables();

	xml = new ActiveXObject("Microsoft.XMLDOM");
	xml.async = "false";
	// Start checking to see if the document finished loading.
	xml.load(pageName + '.xml');
	
	xsl = new ActiveXObject("Microsoft.XMLDOM");
	xsl.async = "false";
	xsl.load('Main.xsl');

	// Wait until the files have loaded.
	window.setTimeout('Verify();', 100);
}

function Verify()
{
	// 'undefined' will be the state if it loaded superfast.
	if (	(xml.readystate != undefined && xml.readystate != 4)
		||	(xsl.readystate != undefined && xsl.readystate != 4)	)
	{
		// Wait a little more if the document isn't ready yet.
		window.setTimeout('Verify();', 100);
	}
	else
	{
		FillPage();
	}
}

function FillPage()
{
	// Find the main paragraph div and insert the table to handle the tabs!
	// Also, insert the DIV that we'll use to put the text body for this page.


	// Get the div tag on the page.
	var divs = document.getElementsByTagName("div");
	
	//// Test fill the body, so there's something to see.
	//if ((divs != null) && (divs.length > 0))
	//{
	//	divs[0].innerHTML = '<p>Hey!  We got something!</p>';
	//}
	
	
	// Translate it into HTML
	// Put the result into the assigned DIV section!
	if ((divs != null) && (divs.length > 0))
	{
		divs[0].innerHTML = xml.transformNode(xsl);
		//alert(divs[0].innerHTML);
		
		// Remove the back link if this is one of the main pages.
		for (i=0; i<tabTotal; ++i)
		{
			if (tabNames[i].toLowerCase() == currentPageName.toLowerCase())
			{
				obj = document.getElementById("linkback");
				if (obj != null)
				{
					obj.innerHTML = '';
					break;
				}
			}
		}
	}	
	
	var banner = document.getElementById("banner");
	if (banner != null)
	{
		banner.innerHTML = currentPageName;
	}
	
	var menu = document.getElementById("menu");
	if (menu != null)
	{
		html = '';
		for (i=0; i<tabTotal; ++i)
		{
			html += '<div id="' + tabNames[i] + '" style="height:112px; background:url(tab.jpg); text-align:center;">';
			html += '<img onClick="TabClicked(' + i + ')" style="position:relative; top:15px;" src="' + tabImages[i] + '"/></div>';
		}
	
		menu.innerHTML = html;
	}
}

function TabClicked(obj)
{
		window.location = tabLinks[obj];
}