var menuBarArray = new Array();
menuBarArray[0] = "Home";
menuBarArray[1] = "Pet Behaviour";
menuBarArray[2] = "Dog Training";
menuBarArray[3] = "Resources";
menuBarArray[4] = "Seminars & Workshops";
/*menuBarArray[5] = "Articles";
menuBarArray[6] = "Links";*/

var menuStackArray_0 = new Array();
menuStackArray_0[0] = "News and Events~6";
menuStackArray_0[1] = "About Us~1";
menuStackArray_0[2] = "Contact Us~2";

var menuStackArray_1 = new Array();
menuStackArray_1[0] = "Behavioural disorders and therapy~5";
menuStackArray_1[1] = "Behaviour consultations~5";
menuStackArray_1[2] = "Pet bereavement consultations~5";

var menuStackArray_2 = new Array();
menuStackArray_2[0] = "Puppy classes~3";
menuStackArray_2[1] = "Clicker training~3";
//menuStackArray_2[2] = "Individual training~3";
menuStackArray_2[2] = "FAQ~3";

var menuStackArray_3 = new Array();
menuStackArray_3[0] = "Books~7";
//menuStackArray_3[1] = "Articles~7";
menuStackArray_3[1] = "Videos DVDs~7";
menuStackArray_3[2] = "Training aids and toys~7";

var menuStackArray_4 = new Array();
menuStackArray_4[0] = "For pet owners~4";
menuStackArray_4[1] = "For veterinary practices~4";
menuStackArray_4[2] = "About human-animal interaction~4";

var relContent = new Array();
relContent[0] = "Events.htm";
relContent[1] = "Philosophy.htm";
relContent[2] = "Find Us.htm";
relContent[3] = "Training.htm";
relContent[4] = "Training Schedule.htm";
relContent[5] = "Behaviour.htm";
relContent[6] = "Sidebar - Books.htm";
relContent[7] = "Sidebar - Resources.htm";


var menuBarSelObjId = "";
var menuStackSelObjId = "";

function resizeMe(obj,name){ 
	docHeight = name.document.body.scrollHeight;
	obj.style.height = docHeight + 'px';
}
function menuBarOn(obj) {
	if (obj.id!=menuBarSelObjId)
		obj.className = "menuBar_on";
}
function menuBarOff(obj) {
	if (obj.id!=menuBarSelObjId)
		obj.className = "menuBar_off";
}
function menuBarClick(obj,arrayId) {
	if (obj.id!=menuBarSelObjId){
		if (menuBarSelObjId!="")
			document.all.item(menuBarSelObjId).className = "menuBar_off";
		menuBarSelObjId = obj.id;
		obj.className = "menuBar_selected";
		buildMenuStack(arrayId);
	}
}
function menuStackOn(obj) {
	if (obj.id!=menuStackSelObjId)
		obj.className = "menuStack_on";
}
function menuStackOff(obj) {
	if (obj.id!=menuStackSelObjId)
		obj.className = "menuStack_off";
}
function menuStackClick(obj,rc) {
	if (obj.id!=menuStackSelObjId){
		if (menuStackSelObjId!="")
			document.all.item(menuStackSelObjId).className = "menuStack_off";
		menuStackSelObjId = obj.id;
		obj.className = "menuStack_selected";
		document.all.mainContent.src = "Content/" + obj.id + ".htm";
		document.all.relatedContent.src = "Content/" + relContent[rc];
	}
}

var menuBarContent;

function buildMenuBar(iArray){
	menuBarContent = "<table width='100%' height='100%' border='0' cellpadding='0' cellspacing='0' class='menuBar'><tr>";
	for (var i=0;i<iArray.length;i++){
		menuBarContent = menuBarContent
					+ "<td id='"
					+ iArray[i]
					+ "' class='menuBar_off' onmouseover='menuBarOn(this)' onmouseout='menuBarOff(this)'"
					+ " onclick='menuBarClick(this,menuStackArray_"
					+ i
					+ ")'>"
					+ iArray[i]
					+ "</td>";
	}
	menuBarContent = menuBarContent + "<td width='210'></td></tr></table>";
	document.all.menuBarRow.innerHTML = menuBarContent;
	document.all.item(iArray[0]).click();
}

var menuStackContent;
var splitter, firstItem;

function buildMenuStack(sArray){
	menuStackContent = "<table width='100%' height='100%' border='0' cellpadding='0' cellspacing='0' class='menuStack'>";
	for (var i=0;i<sArray.length;i++){
		splitter = sArray[i].split("~");
		if (i==0)
			firstItem = splitter[0];
		menuStackContent = menuStackContent
					+ "<tr><td id='"
					+ splitter[0]
					+ "' class='menuStack_off' onmouseover='menuStackOn(this)' onmouseout='menuStackOff(this)' onclick='menuStackClick(this,"
					+ splitter[1] 
					+ ")'>"
					+ splitter[0]
					+ "</td></tr>";
	}
	menuStackContent = menuStackContent + "<tr><td>&nbsp;</td></tr></table>";
	document.all.menuStackRow.innerHTML = menuStackContent;
	menuStackSelObjId = "";
	document.all.item(firstItem).click();
}


