var NUMSECTIONS = 4;
var SECTION1NUMSUBSECTIONS = 0;
var SECTION2NUMSUBSECTIONS = 11;
var SECTION3NUMSUBSECTIONS = 0;
var SECTION4NUMSUBSECTIONS = 0;

function preLoading()
{
	if (document.images)
	{
		section1ButtonImg 	= new Image(200, 31);
		section1ButtonImgOver	= new Image(200, 31);

		section2ButtonImg 	= new Image(200, 31);
		section2ButtonImgOver	= new Image(200, 31);

		section3ButtonImg 	= new Image(200, 31);
		section3ButtonImgOver	= new Image(200, 31);

		section4ButtonImg 	= new Image(200, 31);
		section4ButtonImgOver	= new Image(200, 31);

		section1ButtonImg.src 		= 'images/section1Button.gif';
		section1ButtonImgOver.src 	= 'images/section1ButtonOver.gif';

		section2ButtonImg.src 		= 'images/section2Button.gif';
		section2ButtonImgOver.src 	= 'images/section2ButtonOver.gif';

		section3ButtonImg.src 		= 'images/section3Button.gif';
		section3ButtonImgOver.src 	= 'images/section3ButtonOver.gif';

		section4ButtonImg.src 		= 'images/section4Button.gif';
		section4ButtonImgOver.src 	= 'images/section4ButtonOver.gif';
	}
}

function footerPosition(id)
{
	// Place the footer at the end of the page
	element = document.getElementById('section' + id + 'Container');
	var dist = element.offsetHeight + 155;
	document.getElementById('footer').style.top = (dist + 'px');
	dist = element.offsetHeight + 185;
	document.getElementById('outerframe').style.height = (dist + 'px');		
}

function sectionButtonOver(id)
{
	elementName = 'sectionButton' + id + 'SubTitle';
	element = document.getElementById(elementName);
	element.className = 'classButtonSubTitleOver';

	elementName = 'sectionButton' + id + 'Title';
	element = document.getElementById(elementName);
	//element.className = 'classButtonTitleOver';

	elementName = 'section' + id + 'Button';
	element = document.getElementById(elementName);
	element.style.backgroundImage = 'url(' + eval('section' + id + 'ButtonImgOver.src') + ')';
	element.style.backgroundColor = '#EFEFEF';	
}

function sectionButtonOut(id)
{
	elementName = 'sectionButton' + id + 'SubTitle';
	element = document.getElementById(elementName);
	element.className = 'classButtonSubTitle';

	elementName = 'sectionButton' + id + 'Title';
	element = document.getElementById(elementName);
	//element.className = 'classButtonTitle';

	elementName = 'section' + id + 'Button';
	element = document.getElementById(elementName);
	element.style.backgroundImage = 'url(' + eval('section' + id + 'ButtonImg.src') + ')';
	element.style.backgroundColor = '#FFFFFF';
}

function subSectionButtonOver(sectionId, subSectionId)
{
	elementName = 'subSection.' + sectionId + '.' + subSectionId + '.subTitle';
	element = document.getElementById(elementName);
	element.className = 'classContentSubTitleOver';
}

function subSectionButtonOut(sectionId, subSectionId)
{
	elementName = 'subSection.' + sectionId + '.' + subSectionId + '.subTitle';
	element = document.getElementById(elementName);
	element.className = 'classContentSubTitle';
}

function showSection(id)
{
	//Hide all the section Layers
	for (i = 1; i < (NUMSECTIONS + 1); i++)
	{
		elementName = 'section' + i + 'Content';
		element = document.getElementById(elementName);
		element.style.visibility = 'hidden';
	}


	// Hide all the container Layers
	for (i = 1; i < (NUMSECTIONS + 1); i++)
	{
		elementName = 'section' + i + 'Container';
		element = document.getElementById(elementName);
		element.style.visibility = 'hidden';
	}

	//Hide all the subSectionLayers
	for(i = 1; i < (NUMSECTIONS + 1); i++)
	{
		numSubSections = eval('SECTION' + i + 'NUMSUBSECTIONS');
		for (j = 1; j < (numSubSections + 1); j++)
		{
			elementName = 'section' + i + 'SubSection' + j + 'Content';
			element = document.getElementById(elementName);
			element.style.visibility = 'hidden';
		}
	}
	document.getElementById('section' + id + 'Container').style.visibility = 'visible';
	document.getElementById('section' + id + 'Content').style.visibility = 'visible';
}

function showSubSection(sectionId, subSectionId)
{
	//Hide the section Layer
	document.getElementById('section' + sectionId + 'Content').style.visibility = 'hidden';

	// Hide all the subsection Layers
	var numSubSections = eval('SECTION' + sectionId + 'NUMSUBSECTIONS');
	for (i = 1; i < (numSubSections + 1); i++)
	{
		elementName = 'section' + sectionId + 'SubSection' + i + 'Content';
		element = document.getElementById(elementName);
		element.style.visibility = 'hidden';
	}
	
	// Show the sectionContainer
	document.getElementById('section' + sectionId + 'Container').style.visibility = 'visible';

	// Show the subSection
	document.getElementById('section' + sectionId + 'SubSection' + subSectionId + 'Content').style.visibility = 'visible';
}

function goToSection(id)
{
	// Show the layer
	showSection(id);

	// Place the footer at the end of the page
	element = document.getElementById('section' + id + 'Container');
	var dist = element.offsetHeight + 155;
	document.getElementById('footer').style.top = (dist + 'px');
	dist = element.offsetHeight + 185;
	document.getElementById('outerframe').style.height = (dist + 'px');	
}

function goToSubSection(sectionId, subSectionId)
{
	// Show only the subsection
	showSubSection(sectionId, subSectionId);

	// Place the footer at the end of the page
	element = document.getElementById('section' + sectionId + 'Container');
	var dist = element.offsetHeight + 155;
	document.getElementById('footer').style.top = (dist + 'px');
	dist = element.offsetHeight + 185;
	document.getElementById('outerframe').style.height = (dist + 'px');	
}

function sectionButtonClick(id)
{
	goToSection(id);
}


function subSectionButtonClick(sectionId, subSectionId)
{
	goToSubSection(sectionId, subSectionId);
}

function checkEmailValid(field)
{
    return field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.cat)|(\.biz)|(\.info)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi);
}