servRoot = "http://www.risedalegospelhall.org.uk/";

function openCampWindow(){
	window.open(servRoot+'camp_mini_site.html','Quinta Camp 2007','width=640,height=480,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=No')
}
function getAbsoluteLeft(oNode){


	if (oNode) {
		xPos = oNode.offsetLeft;
		var tempEl = oNode.offsetParent;
		while (tempEl != null) {
			xPos += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		}
		return xPos;
	}
}


function getAbsoluteTop(oNode) {

	if (oNode) {
		yPos = oNode.offsetTop;
		tempEl = oNode.offsetParent;
		while (tempEl != null) {
			yPos += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		}
		return yPos;
	}
}


function ButMouseOut(){

	var button = this.parent;

	button.overSub = false;
	button.hideSubMenu();


}

function hideSubMenu(){

	if (this.overSub == false){
		this.submenu.style.visibility = "hidden";
		this.button.src = this.outpic;
	}


}


function ButMouseOver(){

	var but = this.parent;
 	but.button.src = but.overpic
	//var x = but.subinfo.length;
	if ( but.buttonType == 1 ) {

		but.submenu.style.visibility = "visible";
		but.overSub=true;
		but.submenu.style.left = getAbsoluteLeft(but.button) + 120;
	        but.submenu.style.top = getAbsoluteTop(but.button);
	}
}

function appendButton(ToObj){


	if (this.buttonType == 0){

	var ButLink = document.createElement('a');
	ToObj.appendChild(ButLink);
	ButLink.href = this.sublinks;
	ButLink.appendChild(this.button);



	}
else if (this.buttonType == 1){
	ToObj.appendChild(this.button);

	   var Linebreak = document.createElement('br');
    	   ToObj.appendChild(Linebreak);
      }
}

function setUpImgSrc(imgSrc){

this.outpic = servRoot + imgSrc;
this.button.src = this.outpic;

if (this.button.complete == true){
//alert("button:"+this.button.id+" loaded")

}

}
function setDownImgSrc(imgSrc){

this.overpic = servRoot + imgSrc;
this.button.src = this.overpic;
if (this.button.complete == true){
//alert("button:"+this.button.id+" loaded")
}

}

// constructor

function ButtonObj(buttonType,info,links){

// setting up the button and its properties

	this.button = document.createElement('IMG');
	this.overpic = 'buttons/button3over.png';
	this.outpic = 'buttons/button3up.png';
	this.button.src = this.outpic;
	this.button.vspace = 1;
	this.button.id = "button1";
	this.button.className = "topmenu";
	this.setUpImgSrc = setUpImgSrc;
	this.setDownImgSrc = setDownImgSrc;
	this.buttonType = buttonType;

	//document.body.appendChild(this.button);


	this.button.style.visible = true;
	this.button.style.position = "relative";
	this.button.parent = this;
	if (buttonType == 1){
		this.subinfo = info;
		this.sublinks = links;
	}
	else if (buttonType == 0){
		if (links[0].indexOf("javascript")==0)
		{
			this.sublinks = links[0];
		}
		else
		{
			this.sublinks = servRoot+links[0];
		}
	}

// setting up event listeners for object.
	this.onmouseout = ButMouseOut;
	this.onmouseover = ButMouseOver;
	this.button.onmouseover = this.onmouseover;
	this.button.onmouseout = this.onmouseout

//setting up the submenu and its properties and children

	this.submenu = document.createElement('div');
	document.body.appendChild(this.submenu);
	this.submenu.style.position = "absolute";
	this.submenu.style.visible = false;
	this.submenu.style.className = "dropmenu";
	this.submenu.id = "submenu";
	this.submenu.parent = this;
	this.submenu.onmouseover = this.onmouseover;
	this.submenu.onmouseout = this.onmouseout;
	this.submenu.className = 'dropmenu';
	this.id = "parent";
	this.hideSubMenu = hideSubMenu;
	this.submenu.dropmen = document.createElement('ul')


	if ( this.buttonType == 1  ) {
	for ( k=0; k<this.subinfo.length; k++ ) {
			this.submenu.MenuMembers = new Array(this.subinfo.length);
			this.submenu.MenuMembers[k] = document.createElement('li');
			MenuLink = document.createElement('a')
			TextInner = document.createTextNode(this.subinfo[k])
			MenuLink.appendChild(TextInner);
			MenuLink.href= servRoot + this.sublinks[k];

			this.submenu.MenuMembers[k].appendChild(MenuLink);



			this.submenu.dropmen.appendChild(this.submenu.MenuMembers[k])


		}
	this.submenu.appendChild(this.submenu.dropmen);
	}

	this.submenu.style.visibility = "hidden"
	this.overSub=false;
	this.appendButton = appendButton;



}


function init(){



//document.getElementById("menu").style.cursor = "hand";

var But4Info = new Array();
var But4Links = new Array("index.html");
var But4 = new ButtonObj(0,But4Info,But4Links);
But4.appendButton(document.getElementById("menu"));
But4.setUpImgSrc("buttons/Home.png");
But4.setDownImgSrc("buttons/Home1.png");

document.getElementById("menu").style.cursor = "hand";
var But6Info = new Array();
var But6Links = new Array("beliefs.html");
var But6 = new ButtonObj(0,But6Info,But6Links);
But6.appendButton(document.getElementById("menu"));
But6.setUpImgSrc("buttons/button4up.png");
But6.setDownImgSrc("buttons/button4over.png");

var Linebreak = document.createElement('p');
var space = document.createElement('br');
Linebreak.appendChild(space);
document.getElementById("menu").appendChild(Linebreak);

var But1Info = new Array("Gospel Meeting", "Breaking of Bread", "For Youth", "Ministry Meeting", "Bible Reading");
var But1Links = new Array("gospelmeeting.html","breakingbread.html","foryouth.html","ministry.html","biblereading.html")
var But1 = new ButtonObj(1, But1Info, But1Links);
But1.setUpImgSrc("buttons/button1up.png");
But1.setDownImgSrc("buttons/button1over.png");

But1.appendButton(document.getElementById("menu"));

var But2Info = new Array("Bible Search", "Bible Reading Plan");
var But2Links = new Array("search.html","readingplan.html")
var But2 = new ButtonObj(1,But2Info, But2Links);
But2.appendButton(document.getElementById("menu"));
But2.setUpImgSrc("buttons/button2up.png");
But2.setDownImgSrc("buttons/button2over.png");

var But3Info = new Array("Directions","Contact Details","Photographs","History");
var But3Links = new Array("directions.html","contacts.html","picturegallery.php","history.html");
var But3 = new ButtonObj(1,But3Info,But3Links);
But3.appendButton(document.getElementById("menu"));
But3.setUpImgSrc("buttons/button3up.png");
But3.setDownImgSrc("buttons/button3over.png");

var Linebreak = document.createElement('p');
var space = document.createElement('br');
Linebreak.appendChild(space);
document.getElementById("menu").appendChild(Linebreak);

var But5Info = new Array();
var But5Links = new Array("links.html");
var But5 = new ButtonObj(0,But5Info,But5Links);
But5.appendButton(document.getElementById("menu"));
But5.setUpImgSrc("buttons/Links.png");
But5.setDownImgSrc("buttons/Links1.png");

var ssTextInfo = new Array();
var ssTextLinks = new Array("sundayschooltext.php");
var ssText = new ButtonObj(0,ssTextInfo,ssTextLinks);
ssText.appendButton(document.getElementById("menu"));
ssText.setDownImgSrc("buttons/sstextover.png");
ssText.setUpImgSrc("buttons/sstextup.png");

var Linebreak = document.createElement('p');
var space = document.createElement('br');
Linebreak.appendChild(space);
document.getElementById("menu").appendChild(Linebreak);

var But7Info = new Array();
var But7Links = new Array("littlefishes.html");
var But7 = new ButtonObj(0,But7Info,But7Links);
But7.appendButton(document.getElementById("menu"));
But7.setUpImgSrc("buttons/lilfishtitle.gif");
But7.setDownImgSrc("buttons/lilfishtitle.gif");

var But8Info = new Array();
var But8Links = new Array("javascript:openCampWindow()");
var But8 = new ButtonObj(0,But8Info,But8Links);
But8.appendButton(document.getElementById("menu"));
But8.setUpImgSrc("buttons/quintabutton.gif");
But8.setDownImgSrc("buttons/quintabutton.gif");

var But9Info = new Array();
var But9Links = new Array("littlefishescolouring.html");
var But9 = new ButtonObj(0,But9Info,But9Links);
But9.appendButton(document.getElementById("menu"));
But9.setUpImgSrc("buttons/lfcolpage.gif");
But9.setDownImgSrc("buttons/lfcolpage.gif");

var Linebreak = document.createElement('p');
var space = document.createElement('br');
Linebreak.appendChild(space);
document.getElementById("menu").appendChild(Linebreak);

var But10Info = new Array();
var But10Links = new Array("mboard/index.htm");
var But10 = new ButtonObj(0,But10Info,But10Links);
But10.appendButton(document.getElementById("menu"));
But10.setUpImgSrc("buttons/buttonupmboard.png");
But10.setDownImgSrc("buttons/buttonovermboard.png");

var Linebreak = document.createElement('p');
var space = document.createElement('br');
Linebreak.appendChild(space);
document.getElementById("menu").appendChild(Linebreak);


/*var BookingDiv = document.createElement('div');
BookingDiv.className = "DivButton";
var BookingLink = document.createElement('a');
TextInner = document.createTextNode("Click here to book places for the Teddybears Picnic")
BookingLink.appendChild(TextInner);
BookingLink.href= servRoot + "booking.html";
BookingDiv.appendChild(BookingLink);
document.getElementById("menu").appendChild(BookingDiv);*/

}