﻿
var CloseGray = new Image();
CloseGray.src = "images/closegray.jpg";
var CloseRed = new Image();
CloseRed.src = "images/closered.jpg";

var OpenPages = new Array();

function OpenPage(Page)
{
	var LargePage1 = document.getElementById('LargePage1');
	var LargePage1Frame = document.getElementById('LargePage1Frame');
	
	var LargePage2 = document.getElementById('LargePage2');
	var LargePage2Frame = document.getElementById('LargePage2Frame');
	
	var LargePage3 = document.getElementById('LargePage3');
	var LargePage3Frame = document.getElementById('LargePage3Frame');
	
	var SmallPage1 = document.getElementById('SmallPage1');
	var SmallPage1Frame = document.getElementById('SmallPage1Frame');
	
	var SmallPage2 = document.getElementById('SmallPage2');
	var SmallPage2Frame = document.getElementById('SmallPage2Frame');
	
	var SmallPage3 = document.getElementById('SmallPage3');
	var SmallPage3Frame = document.getElementById('SmallPage3Frame');
	
	var SmallPage4 = document.getElementById('SmallPage4');
	var SmallPage4Frame = document.getElementById('SmallPage4Frame');
	
	var SmallPage5 = document.getElementById('SmallPage5');
	var SmallPage5Frame = document.getElementById('SmallPage5Frame');
	
	var RootTable = document.getElementById('RootTable');
	
	if(Page == 'ABOUT')
	{
		ClosePages();
		LargePage1.style.display = '';
		SetPositionForNavigation(LargePage1, RootTable, 177);
		LargePage1Frame.src = "About1.htm";
		
		var NextPageLink1 = document.getElementById('NextPageLink1');
		
		NextPageLink1.href = "javascript:OpenPage('ABOUT2');";
		NextPageLink1.innerHTML = "PAGE 2 >";
	}
	if(Page == 'ABOUT2')
	{
		LargePage2.style.display = '';
		SetPositionForNavigation(LargePage2, RootTable, 207);
		LargePage2Frame.src = "About2.htm";
		
		var PrevPageLink2 = document.getElementById('PrevPageLink2');
		
		PrevPageLink2.href = "javascript:ClosePage('LargePage2');";
		PrevPageLink2.innerHTML = "< PAGE 1";
		
		var NextPageLink2 = document.getElementById('NextPageLink2');
		
		NextPageLink2.href = "";
		NextPageLink2.innerHTML = "";
	}
	if(Page == 'SERVICES')
	{
		ClosePages();
		LargePage1.style.display = '';
		SetPositionForNavigation(LargePage1, RootTable, 177);
		LargePage1Frame.src = "Services1.htm";
		
		var NextPageLink1 = document.getElementById('NextPageLink1');
		
		NextPageLink1.href = "javascript:OpenPage('SERVICES2');";
		NextPageLink1.innerHTML = "PAGE 2 >";
	}
	if(Page == 'SERVICES2')
	{
		LargePage2.style.display = '';
		SetPositionForNavigation(LargePage2, RootTable, 207);
		LargePage2Frame.src = "Services2.htm";
		
		var PrevPageLink2 = document.getElementById('PrevPageLink2');
		
		PrevPageLink2.href = "javascript:ClosePage('LargePage2');";
		PrevPageLink2.innerHTML = "< PAGE 1";
		
		var NextPageLink2 = document.getElementById('NextPageLink2');
		
		NextPageLink2.href = "";
		NextPageLink2.innerHTML = "";
	}
	if(Page == 'BRANDING')
	{
		ClosePages();
		LargePage1.style.display = '';
		SetPositionForNavigation(LargePage1, RootTable, 177);
		LargePage1Frame.src = "Branding1.htm";
		
		var NextPageLink1 = document.getElementById('NextPageLink1');
		
		NextPageLink1.href = "javascript:OpenPage('BRANDING2');";
		NextPageLink1.innerHTML = "PAGE 2 >";
	}
	if(Page == 'BRANDING2')
	{
		LargePage2.style.display = '';
		SetPositionForNavigation(LargePage2, RootTable, 207);
		LargePage2Frame.src = "Branding2.htm";
		
		var NextPageLink2 = document.getElementById('NextPageLink2');
		
		NextPageLink2.href = "javascript:OpenPage('BRANDING3');";
		NextPageLink2.innerHTML = "PAGE 3 >";
		
		var PrevPageLink2 = document.getElementById('PrevPageLink2');
		
		PrevPageLink2.href = "javascript:ClosePage('LargePage2');";
		PrevPageLink2.innerHTML = "< PAGE 1";
	}
	if(Page == 'BRANDING3')
	{
		LargePage3.style.display = '';
		SetPositionForNavigation(LargePage3, RootTable, 237);
		LargePage3Frame.src = "Branding3.htm";
		
		var PrevPageLink3 = document.getElementById('PrevPageLink3');
		
		PrevPageLink3.href = "javascript:ClosePage('LargePage3');";
		PrevPageLink3.innerHTML = "< PAGE 2";
	}
	if(Page == 'CLIENTS')
	{
		ClosePages();
		LargePage1.style.display = '';
		SetPositionForNavigation(LargePage1, RootTable, 177);
		LargePage1Frame.src = "Clients.htm";
		
		var NextPageLink1 = document.getElementById('NextPageLink1');
		
		NextPageLink1.innerHTML = "";
	}
	if(Page == 'PUBLICSPEAKING')
	{
		ClosePages();
		LargePage1.style.display = '';
		SetPositionForNavigation(LargePage1, RootTable, 177);
		LargePage1Frame.src = "PublicSpeaking1.htm";
		
		var NextPageLink1 = document.getElementById('NextPageLink1');
		
		NextPageLink1.href = "javascript:OpenPage('PUBLICSPEAKING2');";
		NextPageLink1.innerHTML = "PAGE 2 >";
	}
	if(Page == 'PUBLICSPEAKING2')
	{
		LargePage2.style.display = '';
		SetPositionForNavigation(LargePage2, RootTable, 207);
		LargePage2Frame.src = "PublicSpeaking2.htm";
		
		var PrevPageLink2 = document.getElementById('PrevPageLink2');
		
		PrevPageLink2.href = "javascript:ClosePage('LargePage2');";
		PrevPageLink2.innerHTML = "< PAGE 1";
		
		var NextPageLink2 = document.getElementById('NextPageLink2');
		
		NextPageLink2.href = "";
		NextPageLink2.innerHTML = "";
	}
	if(Page == 'SAMPLES')
	{
		ClosePages();
		SmallPage1.style.display = '';
		SetPositionForNavigation(SmallPage1, RootTable, 157);
		SmallPage1Frame.src = "Samples1.htm";
		
		var NextPageLinkSmall1 = document.getElementById('NextPageLinkSmall1');
		
		NextPageLinkSmall1.href = "javascript:OpenPage('SAMPLES2');";
		NextPageLinkSmall1.innerHTML = "PAGE 2 >";
	}
	if(Page == 'SAMPLES2')
	{
		SmallPage2.style.display = '';
		SetPositionForNavigation(SmallPage2, RootTable, 187);
		SmallPage2Frame.src = "Samples2.htm";
		
		var NextPageLinkSmall2 = document.getElementById('NextPageLinkSmall2');
		
		NextPageLinkSmall2.href = "javascript:OpenPage('SAMPLES3');";
		NextPageLinkSmall2.innerHTML = "PAGE 3 >";
		
		var PrevPageLinkSmall2 = document.getElementById('PrevPageLinkSmall2');

		PrevPageLinkSmall2.href = "javascript:ClosePage('SmallPage2');";
		PrevPageLinkSmall2.innerHTML = "< PAGE 1";
	}
	if(Page == 'SAMPLES3')
	{
		SmallPage3.style.display = '';
		SetPositionForNavigation(SmallPage3, RootTable, 217);
		SmallPage3Frame.src = "Samples3.htm";
		
		var NextPageLinkSmall3 = document.getElementById('NextPageLinkSmall3');
		
		NextPageLinkSmall3.href = "javascript:OpenPage('SAMPLES4');";
		NextPageLinkSmall3.innerHTML = "PAGE 4 >";
		
		var PrevPageLinkSmall3 = document.getElementById('PrevPageLinkSmall3');

		PrevPageLinkSmall3.href = "javascript:ClosePage('SmallPage3');";
		PrevPageLinkSmall3.innerHTML = "< PAGE 2";
	}
	if(Page == 'SAMPLES4')
	{
		SmallPage4.style.display = '';
		SetPositionForNavigation(SmallPage4, RootTable, 247);
		SmallPage4Frame.src = "Samples4.htm";
		
		var NextPageLinkSmall4 = document.getElementById('NextPageLinkSmall4');
		
		NextPageLinkSmall4.href = "javascript:OpenPage('SAMPLES5');";
		NextPageLinkSmall4.innerHTML = "PAGE 5 >";
		
		var PrevPageLinkSmall4 = document.getElementById('PrevPageLinkSmall4');

		PrevPageLinkSmall4.href = "javascript:ClosePage('SmallPage4');";
		PrevPageLinkSmall4.innerHTML = "< PAGE 3";
	}
	if(Page == 'SAMPLES5')
	{
		SmallPage5.style.display = '';
		SetPositionForNavigation(SmallPage5, RootTable, 277);
		SmallPage5Frame.src = "Samples5.htm";
		
		var PrevPageLinkSmall5 = document.getElementById('PrevPageLinkSmall5');

		PrevPageLinkSmall5.href = "javascript:ClosePage('SmallPage5');";
		PrevPageLinkSmall5.innerHTML = "< PAGE 4";
	}
}

function SetPositionForNavigation(Page, RootTable, AdditionalX)
{
	if(RootTable.getBoundingClientRect)
	{
		Page.style.left = RootTable.getBoundingClientRect().left + AdditionalX + 'PX';
	}
	else
	{
		var SX = 0;
		var Element = RootTable;
		while (Element) 
		{
			SX += Element.offsetLeft;
			Element = Element.offsetParent;
		}
		Page.style.left = SX + AdditionalX + 'PX';
	}
}

function CleanUp()
{
		var NextPageLink1 = document.getElementById('NextPageLink1');
		var NextPageLink2 = document.getElementById('NextPageLink2');
		var PrevPageLink2 = document.getElementById('PrevPageLink2');
		var PrevPageLink3 = document.getElementById('PrevPageLink3');
		
		NextPageLink1.innerHTML = "";
		NextPageLink2.innerHTML = "";
		PrevPageLink2.innerHTML = "";
		PrevPageLink3.innerHTML = "";
		
		var NextPageLinkSmall1 = document.getElementById('NextPageLinkSmall1');
		var NextPageLinkSmall2 = document.getElementById('NextPageLinkSmall2');
		var NextPageLinkSmall3 = document.getElementById('NextPageLinkSmall3');
		var NextPageLinkSmall4 = document.getElementById('NextPageLinkSmall4');

		NextPageLinkSmall1.innerHTML = "";
		NextPageLinkSmall2.innerHTML = "";
		NextPageLinkSmall3.innerHTML = "";
		NextPageLinkSmall4.innerHTML = "";
		
		var PrevPageLinkSmall2 = document.getElementById('PrevPageLinkSmall2');
		var PrevPageLinkSmall3 = document.getElementById('PrevPageLinkSmall3');
		var PrevPageLinkSmall4 = document.getElementById('PrevPageLinkSmall4');
		var PrevPageLinkSmall5 = document.getElementById('PrevPageLinkSmall5');
		
		PrevPageLinkSmall2.innerHTML = "";
		PrevPageLinkSmall3.innerHTML = "";
		PrevPageLinkSmall4.innerHTML = "";
		PrevPageLinkSmall5.innerHTML = "";
}

function CloseOver(Image)
{
	Image.src = CloseRed.src;
}

function CloseOff(Image)
{
	Image.src = CloseGray.src;
}

function ClosePage(Page)
{
	var Page = document.getElementById(Page);
	
	Page.style.display = 'none';
}


function ClosePages()
{
	var LargePage1 = document.getElementById('LargePage1');
	
	var LargePage2 = document.getElementById('LargePage2');
	
	var LargePage3 = document.getElementById('LargePage3');
	
	var SmallPage1 = document.getElementById('SmallPage1');
	
	var SmallPage2 = document.getElementById('SmallPage2');
	
	var SmallPage3 = document.getElementById('SmallPage3');
	
	var SmallPage4 = document.getElementById('SmallPage4');
	
	var SmallPage5 = document.getElementById('SmallPage5');
	
	LargePage1.style.display = 'none';
	
	LargePage2.style.display = 'none';
	
	LargePage3.style.display = 'none';
	
	SmallPage1.style.display = 'none';
	
	SmallPage2.style.display = 'none';
	
	SmallPage3.style.display = 'none';
	
	SmallPage4.style.display = 'none';
	
	SmallPage5.style.display = 'none';
}


