var i;
var screenWidth;
var screenHeight;

var pageImageURLs = new Array();
pageImageURLs[0] = "images\button1.jpg";
pageImageURLs[1] = "images\button2.jpg";
pageImageURLs[2] = "images\button3.jpg";
pageImageURLs[3] = "images\button4.jpg";
pageImageURLs[4] = "images\button5.jpg";
pageImageURLs[5] = "images\button6.jpg";
pageImageURLs[6] = "images\button7.jpg";
pageImageURLs[7] = "images\button8.jpg";
pageImageURLs[8] = "images\button9.jpg";
pageImageURLs[9] = "images\button10.jpg";
pageImageURLs[10] = "images\button11.jpg";
pageImageURLs[11] = "images\button12.jpg";
pageImageURLs[12] = "images\button13.jpg";
pageImageURLs[13] = "images\button14.jpg";
pageImageURLs[14] = "images\button15.jpg";
pageImageURLs[15] = "images\button16.jpg";
pageImageURLs[16] = "images\buttonTabs.jpg";
pageImageURLs[17] = "images\buttonTabsBackground.jpg";
pageImageURLs[18] = "images\buttonSelected.jpg";
pageImageURLs[19] = "images\blueDot.jpg";
pageImageURLs[20] = "images\curve.png";
pageImageURLs[21] = "images\footer.jpg";
pageImageURLs[22] = "images\footerRuler.jpg";
pageImageURLs[23] = "images\pageMargin.jpg";
pageImageURLs[24] = "images\titleBottom.jpg";
pageImageURLs[25] = "images\titleGraphic.jpg";
pageImageURLs[26] = "images\titleLeft.jpg";
pageImageURLs[27] = "images\titleRight.jpg";
pageImageURLs[28] = "images\titleTop.jpg";
pageImageURLs[29] = "images\verticalRuler.gif";
pageImageURLs[30] = "images\egrCert.jpg";
pageImageURLs[31] = "images\mainWatermark.jpg";
pageImageURLs[32] = "images\electricityMeterWatermark.jpg";
pageImageURLs[33] = "images\hydrometer\hydrometerWatermark.jpg";
pageImageURLs[34] = "images\mte\mteWatermark.jpg";
pageImageURLs[35] = "images\pageMarginAndImages.jpg";
pageImageURLs[36] = "images\pageMarginSubmenu.jpg";

var electricityImageURLs = new Array();
electricityImageURLs[0] = "images\dzg\DVH3113.jpg";
electricityImageURLs[1] = "images\dzg\DVS3110.jpg";
electricityImageURLs[2] = "images\dzg\MDVH3106.jpg";
electricityImageURLs[3] = "images\dzg\WH6165.jpg";
electricityImageURLs[4] = "images\easymeter\DDS71short.jpg";
electricityImageURLs[5] = "images\easymeter\Q1MR.jpg";
electricityImageURLs[6] = "images\emh\ITZR.jpg";
electricityImageURLs[7] = "images\emh\LZQJ-E.jpg";
electricityImageURLs[8] = "images\emh\LZQJ-P.jpg";
electricityImageURLs[9] = "images\emh\LZQJ-S.jpg";
electricityImageURLs[10] = "images\emh\SEZ.jpg";
electricityImageURLs[11] = "images\emh\summator.jpg";

var testingImageURLs = new Array();
testingImageURLs[0] = "images\mte\ACCESSORIES.jpg";
testingImageURLs[1] = "images\mte\C_1_2.jpg";
testingImageURLs[2] = "images\mte\CALPORT_300.jpg";
testingImageURLs[3] = "images\mte\CALSOFT.jpg";
testingImageURLs[4] = "images\mte\CALSOURCE_100.jpg";
testingImageURLs[5] = "images\mte\CALSOURCE_200.jpg";
testingImageURLs[6] = "images\mte\CHECKSOURCE_2_3.jpg";
testingImageURLs[7] = "images\mte\K2006.jpg";
testingImageURLs[8] = "images\mte\MTE_E_20_20.jpg";
testingImageURLs[9] = "images\mte\mteWatermark.jpg";
testingImageURLs[10] = "images\mte\PRS_400_3.jpg";
testingImageURLs[11] = "images\mte\PSM_2_1.jpg";
testingImageURLs[12] = "images\mte\PTS_2_3_C.jpg";
testingImageURLs[13] = "images\mte\PTS_3_3_C.jpg";
testingImageURLs[14] = "images\mte\PTS_400_3.jpg";
testingImageURLs[15] = "images\mte\PTT_2_1.jpg";
testingImageURLs[16] = "images\mte\PWS_2_3_PLUS.jpg";

var domesticWaterImageURLs = new Array();
domesticWaterImageURLs[0] = "images\hydrometer\101-103s.jpg";
domesticWaterImageURLs[1] = "images\hydrometer\124-127s.jpg";
domesticWaterImageURLs[2] = "images\hydrometer\104-105s.jpg";
domesticWaterImageURLs[3] = "images\hydrometer\116-117s.jpg";
domesticWaterImageURLs[4] = "images\hydrometer\116s.jpg";
domesticWaterImageURLs[5] = "images\hydrometer\141-142s.jpg";

var bulkWaterImageURLs = new Array();
bulkWaterImageURLs[0] = "images\hydrometer\222s.jpg";
bulkWaterImageURLs[1] = "images\hydrometer\228s.jpg";
bulkWaterImageURLs[2] = "images\hydrometer\226s.jpg";
bulkWaterImageURLs[3] = "images\hydrometer\233s.jpg";
bulkWaterImageURLs[4] = "images\hydrometer\234s.jpg";
bulkWaterImageURLs[5] = "images\hydrometer\225s.jpg";
bulkWaterImageURLs[6] = "images\hydrometer\130s.jpg";

var contactWaterImageURLs = new Array();
contactWaterImageURLs[0] = "images\hydrometer\402s.jpg";
contactWaterImageURLs[1] = "images\hydrometer\420-421-422-425s.jpg";
contactWaterImageURLs[2] = "images\hydrometer\423s.jpg";
contactWaterImageURLs[3] = "images\hydrometer\433s.jpg";

var dayNames = new Array();
dayNames[0] = "Sunday";
dayNames[1] = "Monday";
dayNames[2] = "Tuesday";
dayNames[3] = "Wednesday";
dayNames[4] = "Thursday";
dayNames[5] = "Friday";
dayNames[6] = "Saturday";

var monthNames = new Array();
monthNames[0] = "January";
monthNames[1] = "February";
monthNames[2] = "March";
monthNames[3] = "April";
monthNames[4] = "May";
monthNames[5] = "June";
monthNames[6] = "July";
monthNames[7] = "August";
monthNames[8] = "September";
monthNames[9] = "October";
monthNames[10] = "November";
monthNames[11] = "December";

if (navigator.appName.indexOf('Netscape') != -1) {
	document.write('<link href="netscape.css" rel="stylesheet" type="text/css">');
} else {
	document.write('<link href="explorer.css" rel="stylesheet" type="text/css">');
}

if (document.images) {

	var im = new Array();

	for (i = 0 ; i < pageImageURLs.length ; i++) {
		im[i] = new Image();
		im[i].src = pageImageURLs[i];
		window.status = "Loading.... " + pageImageURLs[i];
	}
	
	window.status = "";
}

function buildPage() {

	var timeObj;
	var menuObj;

	var today = new Date();

	timeObj = findDOM("dateTime", 0);
	timeObj.innerHTML = "<div>" + dateString(today) + "</div>";

	sizeScreen();

	toggleMenu(0, '', 0, 'menu1', 7, 'show')
}

function sizeScreen() {

	var layoutObj;

	if (findLivePageWidth() > 842) {
		screenWidth = findLivePageWidth();
	} else {
		screenWidth = 842;
	}

	if (findLivePageHeight() > 570) {
		screenHeight = findLivePageHeight();
	} else {
		screenHeight = 570;
	}

	layoutObj = findDOM("layout", 0);
	layoutObj.style.top = (screenHeight/2) - 285;
	layoutObj.style.left = (screenWidth/2) - 421;
	layoutObj.style.visibility = "visible";

	window.status = "";
}

function initialisePage() {

	if (parent.location.href == self.location.href) {
		window.location.href = "index.html";
	}
}

function dateString(theDate) {

	var theDay = dayNames[theDate.getDay()];
	var theMonth = monthNames[theDate.getMonth()];
	var theYear = theDate.getFullYear();

	return theDay + ", " + theDate.getDate() + " " + theMonth + ", " + theYear;
}

function toggleButton(buttonName, buttonImage) {

	var buttonObj;

	buttonObj = findDOM(buttonName, 0);
	buttonObj.src = buttonImage;
}

function raiseButtonShield(state) {

	var shieldStyleObj;

	shieldStyleObj = findDOM("buttonShield", 1);

	if (state == "raise") {
		shieldStyleObj.zIndex = 4;
	} else {
		shieldStyleObj.zIndex = 1;
	}
}

function toggleMenu(nextButton, currentMenu, currMaxButton, nextMenu, nextMaxButton, state) {

	var currentMenuStyleObj;
	var nextMenuStyleObj;
	var timer;
	
	if (state == "hide") {
		if (nextButton < currMaxButton) {
			currMenuStyleObj = findDOM(currentMenu + "Link" + nextButton, 1);
			currMenuStyleObj.filter = "alpha(opacity = 66)";
			currMenuStyleObj.MozOpacity = 0.66;
			currMenuStyleObj.opacity = 0.66;
		}

		if (((nextButton - 1) >= 0) && ((nextButton - 1) < currMaxButton)) {
			currMenuStyleObj = findDOM(currentMenu + "Link" + (nextButton - 1), 1);
			currMenuStyleObj.filter = "alpha(opacity = 33)";
			currMenuStyleObj.MozOpacity = 0.33;
			currMenuStyleObj.opacity = 0.33;
		}

		if (((nextButton - 2) >= 0) && ((nextButton - 2) < currMaxButton)) {
			currMenuStyleObj = findDOM(currentMenu + "Link" + (nextButton - 2), 1);
			currMenuStyleObj.filter = "alpha(opacity = 0)";
			currMenuStyleObj.MozOpacity = 0;
			currMenuStyleObj.opacity = 0;
			currMenuStyleObj.visibility = "hidden";

		} else {
			if ((nextButton - 2) >= (currMaxButton - 1)) {
				state = "show";
				nextButton = -1;
				currMenuStyleObj = findDOM(currentMenu, 1);
				nextMenuStyleObj = findDOM(nextMenu, 1);
			}
		}

	} else {

		if (nextButton < nextMaxButton) {
			nextMenuStyleObj = findDOM(nextMenu + "Link" + nextButton, 1);
			nextMenuStyleObj.filter = "alpha(opacity = 33)";
			nextMenuStyleObj.MozOpacity = 0.33;
			nextMenuStyleObj.opacity = 0.33;
			nextMenuStyleObj.visibility = "visible";
		}

		if (((nextButton - 1) >= 0) && ((nextButton - 1) < nextMaxButton)) {
			nextMenuStyleObj = findDOM(nextMenu + "Link" + (nextButton - 1), 1);
			nextMenuStyleObj.filter = "alpha(opacity = 66)";
			nextMenuStyleObj.MozOpacity = 0.66;
			nextMenuStyleObj.opacity = 0.66;
		}

		if (((nextButton - 2) >= 0) && ((nextButton - 2) < nextMaxButton)) {
			nextMenuStyleObj = findDOM(nextMenu + "Link" + (nextButton - 2), 1);
			nextMenuStyleObj.filter = "alpha(opacity = 100)";
			nextMenuStyleObj.MozOpacity = 1;
			nextMenuStyleObj.opacity = 1;
		}
	}

	if ((state == "hide" && nextButton  < (currMaxButton + 2)) || (state == "show" && nextButton  < (nextMaxButton + 2))) {
		clearTimeout(timer);
		nextButton = nextButton + 1;
		timer = setTimeout("toggleMenu(" + nextButton + ", '" + currentMenu + "', " + currMaxButton + ", '" + nextMenu + "', " + nextMaxButton + ", '" + state + "')", 70);
	}
}

function preloadElectricityMeters() {

	var electricityImg = new Array();

	for (i = 0 ; i < electricityImageURLs.length ; i++) {
		electricityImg[i] = new Image();
		electricityImg[i].src = electricityImageURLs[i];
		window.status = "Loading.... " + electricityImageURLs[i];
	}
	
	window.status = "";
}

function preloadTestingMeters() {

	var testingImg = new Array();

	for (i = 0 ; i < testingImageURLs.length ; i++) {
		testingImg[i] = new Image();
		testingImg[i].src = testingImageURLs[i];
		window.status = "Loading.... " + testingImageURLs[i];
	}
	
	window.status = "";
}

function preloadWaterMeters() {

	var domesticImg = new Array();
	var bulkImg = new Array();
	var contactImg = new Array();

	for (i = 0 ; i < domesticWaterImageURLs.length ; i++) {
		domesticImg[i] = new Image();
		domesticImg[i].src = domesticWaterImageURLs[i];
		window.status = "Loading.... " + domesticWaterImageURLs[i];
	}

	for (i = 0 ; i < bulkWaterImageURLs.length ; i++) {
		bulkImg[i] = new Image();
		bulkImg[i].src = bulkWaterImageURLs[i];
		window.status = "Loading.... " + bulkWaterImageURLs[i];
	}

	for (i = 0 ; i < contactWaterImageURLs.length ; i++) {
		contactImg[i] = new Image();
		contactImg[i].src = contactWaterImageURLs[i];
		window.status = "Loading.... " + contactWaterImageURLs[i];
	}
	
	window.status = "";
}