// ********************************
// swap image & switchclass       *
// ********************************
function switchclass(id, newclass){
	if(document.getElementById(id)){    //check the element exists and can be accessed
		document.getElementById(id).className = newclass
	}
}
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

// ********************************
// nav div utility routines       *
// ********************************
function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} // getStyleObject
function changeObjectVisibility(objectId, newVisibility) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
	styleObject.visibility = newVisibility;
	return true;
    } else {
	// we couldn't find the object, so we can't change its visibility
	return false;
    }
} // changeObjectVisibility
function moveObject(objectId, newXCoordinate, newYCoordinate) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
	styleObject.left = newXCoordinate;
	styleObject.top = newYCoordinate;
	return true;
    } else {
	// we couldn't find the object, so we can't very well move it
	return false;
    }
} // moveObject

// ********************************
// nav app-specific functions     *
// ********************************
var numMenus = 5;
var imgMenu1X  = path + "http://www.newlife4dc.org/images/aboutus-on-tan.gif";
var imgMenu2X  = path + "http://www.newlife4dc.org/images/ministries-on-tan.gif";
var imgMenu3X  = path + "http://www.newlife4dc.org/images/community-on-tan.gif";
var imgMenu4X  = path + "http://www.newlife4dc.org/images/missions-on-tan.gif";
var imgMenu5X  = path + "http://www.newlife4dc.org/images/multimedia-on-tan.gif";

var imgMenu1Y  = path + "http://www.newlife4dc.org/images/aboutus-off-tan.gif";
var imgMenu2Y  = path + "http://www.newlife4dc.org/images/ministries-off-tan.gif";
var imgMenu3Y  = path + "http://www.newlife4dc.org/images/community-off-tan.gif";
var imgMenu4Y  = path + "http://www.newlife4dc.org/images/missions-off-tan.gif";
var imgMenu5Y  = path + "http://www.newlife4dc.org/images/multimedia-off-tan.gif";
function showMenu(menuNumber, eventObj)	{
    hideAllMenus();
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible'))	{
		if(menuNumber == 1)			{ B = "2"; C = "3"; D = "4"; E = "5"; }
		else if(menuNumber == 2)	{ B = "1"; C = "3"; D = "4"; E = "5"; }
		else if(menuNumber == 3)	{ B = "1"; C = "2"; D = "4"; E = "5"; }
		else if(menuNumber == 4)	{ B = "1"; C = "2"; D = "3"; E = "5"; }
		else						{ B = "1"; C = "2"; D = "3"; E = "4"; }
		newimgA = eval('imgMenu' + menuNumber + 'X');
		newimgB = eval('imgMenu' + B + 'Y');
		newimgC = eval('imgMenu' + C + 'Y');
		newimgD = eval('imgMenu' + D + 'Y');
		newimgE = eval('imgMenu' + E + 'Y');
		MM_swapImage('imgMenu' + menuNumber,'',newimgA,'imgMenu' + B,'',newimgB,'imgMenu' + C,'',newimgC,'imgMenu' + D,'',newimgD,'imgMenu' + E,'',newimgE,4);
		eventObj.cancelBubble = true;
		return true;
	}
	else	{
		return false;
	}
}
function hideAllMenus() {
    for(counter = 1; counter <= numMenus; counter++)	{
		changeObjectVisibility('menu' + counter, 'hidden');
		MM_swapImgRestore();
    }
}
document.onclick = hideAllMenus;

// ********************************
// timout code                    *
// ********************************
var timerID = null;
var timecount = 550;

function stopTime() {
	clearTimeout(timerID);
}
function startTime() {
	timerID = setTimeout("hideAllMenus()", timecount);
} 

// ********************************
// center absolute divs           *
// ********************************
var d = document;
topload = 1
gck = (navigator.userAgent.indexOf("Gecko") != -1) ? 1 : 0;
wie = (navigator.userAgent.indexOf("MSIE") != -1) ? 1 : 0;
lOffSet = gck + wie;

window.onresize = setup;
window.onload = setup;

getLeft = function(el)	{
	for (var lx=0,ly=0;el!=null;lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
    return {x:lx,y:ly}
}
function setup()	{
	MM_preloadImages(imgMenu1X,imgMenu2X,imgMenu3X,imgMenu4X,imgMenu5X,imgMenu1Y,imgMenu2Y,imgMenu3Y,imgMenu4Y,imgMenu5Y);
	ol1Left = getLeft(d.getElementById("imgMenu1")).x;
	ol2Left = getLeft(d.getElementById("imgMenu2")).x;
	ol3Left = getLeft(d.getElementById("imgMenu3")).x;
	ol4Left = getLeft(d.getElementById("imgMenu4")).x;
	if(d.getElementById("menu1"))	{
		d.getElementById("menu1").style.left = (ol1Left+1) - lOffSet + "px";
		d.getElementById("menu2").style.left = (ol2Left+1) - lOffSet + "px";
		d.getElementById("menu3").style.left = (ol3Left+1) - lOffSet + "px";
		d.getElementById("menu4").style.left = (ol4Left+1) - lOffSet + "px";
	}
}