/* ===== Body onload function ===== */
function body_onload() {
    if ( typeof( window.addEventListener ) != "undefined" ) {
	    window.addEventListener("load", body_onload, false);
    } else if ( typeof( window.attachEvent ) != "undefined" ) {
	    window.attachEvent("onload", body_onload);
    } else {
	    MyFunction();
    }
}

/* ===== Start Common Site Tools ===== */
function getRootUrl() {
    pathlen = location.href.indexOf('.org/');
    return location.href.substring(0, pathlen + 5);
}

function basePageUrl() {
    var pathlen = location.href.indexOf('.aspx');

    // Make sure that we're not on the homepage
    if (pathlen == -1)
        return location.href;
    else
        return location.href.substring(0, pathlen + 5);
}

function pageQueryString() {
    var qs = $("__printPage__");
    var url = '';

    if (qs == null)
        return "";
    else
        return qs.value;
}           

function bookmarkPage() { 
    var url;
    var qs = pageQueryString();
    
    if (qs == "")
        url = basePageUrl()
    else
        url = basePageUrl() + "?" + qs;

	if (window.sidebar) // Mozilla Firefox Bookmark
		window.sidebar.addPanel(document.title, url,"");
	else if (window.external)  // IE Favorite
		window.external.AddFavorite(url, document.title); 
	else if(window.opera && window.print) // Opera Hotlist
		return true; 
} 
	
	
function printPage() {
    var qs = pageQueryString();
    var url;
    
    if (qs == "")
        url = basePageUrl() + '?elca_printpage=1';
    else
        url = basePageUrl() + "?elca_printpage=1&" + qs;
    
    newWindow = window.open(url, '','');
	/*
	// Fires the print dialog window within a browser
	if(window.attachEvent) {
		newWindow.attachEvent('onload',function Print(){
			newWindow.print()
			});
		}
	*/	
}

function emailPage() {
    var qs = pageQueryString();
    var loc = getRootUrl() + "ELCA/Email-a-Page.aspx?SCItemID=" + SCItemID;
    
    if (qs == "")
        window.location = loc;
    else
        window.location = loc + "&" + qs;
}

/* MailTo's 2nd parameter: SUBJECT is optional */
function MailTo(Recipient) {
	var qs = pageQueryString();
	var loc = getRootUrl() + "ELCA/MailTo.aspx?SCItemID=" + SCItemID + "&To=" + Recipient;

	if (typeof (arguments[1]) != "undefined") {
		loc = loc + "&Subj=" + encodeURIComponent(arguments[1]);
	}

	if (qs == "")
		window.location = loc;
	else
		window.location = loc + "&" + qs;
}
/* ===== End Common Site Tools ===== */

/* ===== Start Navigation ===== */

var onID = "";
var hiID = "";
var globalNav;
var globalNavItems;

//function hideSubNavs() {

//    // Turn off all subnavs
//    $("sHome").style.display="none";
//    $("sWho").style.display="none";
//    $("sWhat").style.display="none";
//    $("sAction").style.display="none";
//    $("sGrowing").style.display="none";
//	}

//function showSubNav(id) {

//	hideSubNavs();

//    thisSubNav = id.substring(1);
//    hiID = 'g'+thisSubNav;
//    // Turn off all global nav states, except current on state. Ensures current top level item always stays "lit"
//    var globalNav = $('globalNavItems');
//    var globalNavItems = globalNav.childElements();
//    globalNavItems.each(function(item) {
//        thisID = item.identify();
//        if(thisID != onID) {
//            item.removeClassName('hi');
//            }
//        });

//    // Turn highlighted nav and subnav on
//    $(hiID).addClassName('hi');
//    thisSubNav = thisSubNav.toLowerCase();
//    $(id).style.display="block";
//    }


//function defaultNavState() {
//    // Reverts to page's default global nav and subnav state
//    globalNavItems.each(function(item) {
//        if(item.hasClassName('on')) {
//            onID = item.identify();
//            subNavID = "s"+ onID.substring(1);
//            showSubNav(subNavID);
//            }
//        });
//        
//	if(onID == "") {
//		// No top level navigation is "on" so mimic nav state of home page
//		showSubNav("sHome");
//		}
//    }

//function initGlobalNav() {
//	if($('globalAnnounce')) {  // Check to see if there IS a global announcement
//		cookieGA = getCookie('hideELCAGA'); // Check for hideELCAGA cookie. If true, don't display globalAnnounce div.
//		if(cookieGA != "1") {
//			$('globalAnnounce').style.display="block";
//			}
//		}
//		
//    globalNavItems = $('globalNavItems').childElements();
//    defaultNavState();
//    
//    
//    globalNavItems.each(function(item) {
//		
//		navText = item.down();
//        // mouseover event to trigger the call to showSubNav()
//        Event.observe(navText,'mouseover',function() {
//            thisID = item.identify();
//            thisSubNav = thisID.substring(1);
//            thisSubNav = thisSubNav.toLowerCase();
//            subNavID = "s"+ thisID.substring(1);
//            showSubNav(subNavID);
//            }.bind(item));
//    
//        // mouseout event to remove highlight state from top nav if item is not current on-state
//        
//        Event.observe(navText,'mouseout',function() {
//            thisID = item.identify();
//            if(onID != thisID && hiID != thisID) {
//                $(thisID).removeClassName('hi');
//                }
//            }.bind(item));
//        });

//    // Reset global and subnav to default page state when user mouses over other areas
//    resetZone = new Array();
//    resetZone[0] = "globalSiteHeader";
//    resetZone[1] = "globalContent";

//    resetZone.each(function(zone) {
//        if($(zone)) {
//            Event.observe($(zone),'mouseover',function() {
//                defaultNavState();
//                });
//            }
//        });
//    }

//Event.observe(window,'load',initGlobalNav);

/* ===== End Navigation ===== */



/* ===== Start Spotlight Tabs ===== */
var slTabs;
var slContent;
var totTabs;
var currTab = 0;
var nextTab = 0;
var slPE;
var ctrlTab = "pause";
var slCycle = 0;
var slDelay = 8; // default delay in seconds

// Initialize the Spotlight Tabs
function initSpotlight() {
    slTabs = $('slTabs').childElements();
    slContent = $('slContent').childElements();
    totTabs = slTabs.length;
    
    // Turn off cycling if only one tab.
    if(totTabs < 2) {
    	slCycle = 0;
    	}
    if(slCycle == 1) {
        // Add play/pause button to tabs if cycle is on
        $('slPlayPause').insert('<a href="javascript:ctrlSpotlight();"><img src="/Design/SiteImages/Structure/btn_play.gif" border="0" alt="Play/Pause" id="slToggle" /></a>');
        }
    
    ctrlSpotlight();
    }

// Handles user click on a tab
function clickSpotlight(tab) {
    if(slPE) {
        slPE.stop();
        ctrlTab = "pause";
        $('slToggle').setAttribute('src','/Design/SiteImages/Structure/btn_play.gif');
        }
    showSpotlight(tab);
    }

// Displays current tab
function showSpotlight(tab) {
    slTabs.each(function(t) {
        t.removeClassName('on');
        });
    
    slTabs[tab].addClassName('on');
    
    slContent.each(function(c) {
        c.removeClassName('on');
        });
    slContent[tab].addClassName('on');
    currTab = tab;
    nextTab = currTab+1;
    if(nextTab == totTabs) {
        nextTab = 0;
        }
    }

// Toggles play/pause
function ctrlSpotlight() {
    // Self-running set of tabs cycle through
    if(slCycle == 1) { 
        if (ctrlTab == "pause") { 
            ctrlTab = "play"; 
            $('slToggle').setAttribute('src','/Design/SiteImages/Structure/btn_pause.gif');
            } 
        else { 
            ctrlTab = "pause"; 
            $('slToggle').setAttribute('src','/Design/SiteImages/Structure/btn_play.gif');
            }
    
        if(ctrlTab == "pause") {
            slPE.stop();
            }
        else {
            showSpotlight(nextTab);
            slPE = new PeriodicalExecuter(function() {
                showSpotlight(nextTab);
                }, slDelay);
            }
        }
        
    // Just initialize first tab
    else {
        showSpotlight(nextTab);
        }
    }

/* ===== End Spotlight Tabs ===== */

/* ===== Start Image Slideshow ===== */

var ssNum;
var ssPrev;
var ssNext;
var ssTot;
var ssPhotos;
var ssPath = "/"; // Optional media library path, otherwise each photo should include full path

// Pre-load images
if(typeof ssPhotos != "undefined") {
	for(p=0;p<ssPhotos.length;p++) {
		newPhoto = "photo"+p;
		newPhoto = new Image();
		newPhoto.src = ssPath+ssPhotos[p];
		}
	}

function ssPrevcb() {
    // Callback function for previous button
    ssShow(ssPrev);
    }

function ssNextcb() {
    // Callback function for next button
    ssShow(ssNext);
    }

function ssCurr(ssNum) {
    ssNum = parseInt(ssNum);
    ssPrev = ssNum-1;
    ssNext = ssNum+1;

    if(ssPrev < 0) {
        ssPrev = ssTot-1;
        }
    if(ssNext > ssTot-1) {
        ssNext = 0;
        }

    $('ssLgImg').setAttribute('src',ssPath+ssPhotos[ssNum]);
    $('ssCaption').replace('<span id="ssCaption">'+ssCaptions[ssNum]+'</span>');
    new Effect.Appear('ssLgImg',{to: 1.0, from: 0.1, duration: 1.2});
    $('dispSSCurr').replace("<span id='dispSSCurr'> | Image "+(ssNum+1)+" of "+ ssTot +" | </span>");
    }

function ssShow(ssNum) {
	if(!ssNum) {
		ssNum = 0;
		}
    $('ssWrap').style.display="block";
    ssCurr(ssNum);
    }
    
function ssHide() {
    new Effect.Fade('ssWrap',{to:0.0, from: 1.0, duration: 1.2});
    }    

function ssPrevImg() {
	new Effect.Fade('ssLgImg',{to:0.1, from: 1.0, duration: 1.2, afterFinish: ssPrevcb});
    }    
    
function ssNextImg() {
	new Effect.Fade('ssLgImg',{to:0.1, from: 1.0, duration: 1.2, afterFinish: ssNextcb});
    }

/* ===== End Image Slideshow ===== */

/* ===== Start Re-position Header Graphics ===== */
// For 3 column and 2 column with left-hand navigation, re-position the header graphic image
//function moveContentHeader() {
//    var main3Col = $('globalWrap').down('#main3Col');
//    var main2ColNav = $('globalWrap').down('#main2ColNav');
//    // If a main3Col or main2ColNav layout
//    if(main3Col != undefined || main2ColNav != undefined) {
//		// Find the header image and re-position
//        if(typeof $$('div.contentHeader img') == "object") {
//        	hdrImage = $$('div.contentHeader img');
//        	hdrImage[0].style.padding="0 0 0 25px";
//        	}
//        }
//    }
//Event.observe(window,'load',moveContentHeader);
/* ===== End Re-position Header Graphics ===== */

/* ===== Start Highlight Boxes ===== */
/*

/*
createElement function found at http://simon.incutio.com/archive/2003/06/15/javascriptWithXML
*/

function createElement(element) {
    if (typeof document.createElementNS != 'undefined') {
        return document.createElementNS('http://www.w3.org/1999/xhtml', element);
    }
    if (typeof document.createElement != 'undefined') {
        return document.createElement(element);
    }
    return false;
}

function insertTop(obj) {
    // Create the two div elements needed for the top of the box
    d=createElement("div");
    d.className="bt"; // The outer div needs a class name
    d2=createElement("div");
    d.appendChild(d2);
    obj.insertBefore(d,obj.firstChild);
}

function insertBottom(obj) {
    // Create the two div elements needed for the bottom of the box
    d=createElement("div");
    d.className="bb"; // The outer div needs a class name
    d2=createElement("div");
    d.appendChild(d2);
    obj.appendChild(d);
}

function wrapHLBox(d) {
    var thediv, outer, i1, i2;
    // Save the original outer div for later
        thediv = d;
    //     Create a new div, give it the original div's class attribute, and replace 'boxWrap' with 'cb'
        outer = createElement('div');
        outer.className = thediv.className;
        outer.className = thediv.className.replace('boxWrap', 'cb');
    // Change the original div's class name and replace it with the new div
        thediv.className = 'i3';
        thediv.parentNode.replaceChild(outer, thediv);
    // Create two new div elements and insert them into the outermost div
        i1 = createElement('div');
        i1.className = 'i1';
        outer.appendChild(i1);
        i2 = createElement('div');
        i2.className = 'i2';
        i1.appendChild(i2);
    // Insert the original div
        i2.appendChild(thediv);
    // Insert the top and bottom divs
        insertTop(outer);
        insertBottom(outer);
    }

function wrapWhiteBox(d) {
    var thediv, outer, i1, i2;
    // Save the original outer div for later
        thediv = d;
    //     Create a new div, give it the original div's class attribute, and replace 'boxWrap' with 'cb'
        outer = createElement('div');
        outer.className = thediv.className;
        outer.className = thediv.className.replace('boxWhite', 'wcb');
    // Change the original div's class name and replace it with the new div
        thediv.className = 'i3';
        thediv.parentNode.replaceChild(outer, thediv);
    // Create two new div elements and insert them into the outermost div
        i1 = createElement('div');
        i1.className = 'i1';
        outer.appendChild(i1);
        i2 = createElement('div');
        i2.className = 'i2';
        i1.appendChild(i2);
    // Insert the original div
        i2.appendChild(thediv);
    // Insert the top and bottom divs
        insertTop(outer);
        insertBottom(outer);
    }

function initBoxWrap() {
    var boxHL = $$('div.boxWrap');
    var boxWH = $$('div.boxWhite');
    
    // Loop through the found div elements    
    boxHL.each(function(d) {
        wrapHLBox(d);
        });
        
    boxWH.each(function(d) {
        wrapWhiteBox(d);
        });    
    }


Event.observe(window,'load',initBoxWrap);

/* ===== End Highlight Boxes ====== */

/* ===== Start Video Pop Up ====== */
var vpWin = "";

function popVideo(file,id,ttl) {
	vpWin = window.open('/Design/Javascript/pop_video.htm?file='+file+'&id='+id+'&ttl='+ttl,'videoPop','width=573,height=510,left=100,top=40,personal=no,toolbar=no,menubar=no,scrollbars=no,location=no,status=yes,resizable=no,directories=no');
	
	}

/* ===== End Video Pop Up ====== */

/* ===== Start E-Card Pop Up ====== */
var ecWin = "";

function writeCard(ttl,img,msg) {
	ecWin = window.open('/Design/Javascript/pop_ecard.htm?ttl='+ttl+'&img='+img+'&msg='+msg,'ecardPop','width=827,height=510,left=100,top=40,personal=no,toolbar=no,menubar=no,scrollbars=no,location=no,status=yes,resizable=yes,directories=no');
	
	}

/* ===== End E-Card Pop Up ====== */

/* ===== Start Get/Set Cookie Functions ===== */
function getCookie(c_name) {
	if (document.cookie.length>0) {
		c_start=document.cookie.indexOf(c_name + "=");
		if (c_start!=-1) { 
			c_start=c_start + c_name.length+1; 
			c_end=document.cookie.indexOf(";",c_start);
			if (c_end==-1) {
				c_end=document.cookie.length; 
				}
			return unescape(document.cookie.substring(c_start,c_end));
			} 
		}
	return "";
	}

function setCookie(c_name,value,expiredays) {
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString()+";path=/");
	}

/* ===== End Get/Set Cookie Functions ===== */

/* ===== Start Hide Global Announce ====== */

function hideGlobalAnnounce() {
	setCookie('hideELCAGA','1',1);
	$('globalAnnounce').style.display = "none";
	}

/* ===== End Hide Global Announce ======  */