// JavaScript Document
	var page = 0;	//the submenu you want to open initially	
	var images = ['one','two','three','four'];	//current arrow	
	var i = page-1;	
	
	//the main function, call to the effect object
	function init(){
		var stretchers = document.getElementsByClassName('stretcher'); //div that stretches
		var toggles = document.getElementsByClassName('display'); //h3s where I click on
		//accordion effect
		var myAccordion = new fx.Accordion(
			toggles, stretchers, {opacity: false, duration: 400}
		);
		
		//hash function		
		function checkHash(){
			var found = false;
			toggles.each(function(h3, i){
				if (window.location.href.indexOf(h3.title) > 0) {
					myAccordion.showThisHideOpen(stretchers[i]);
					found = true;
				}
			});
			return found;
		}		
		if (!checkHash()) myAccordion.showThisHideOpen(stretchers[page]);
		
	}
	
	//image swap function		
	function changeImg(){
		for(n = 0;n < 5;n++){
			document.images[n].src = 'images2/arrow_off.gif';
			if(n==i){
				document.images[i].src = 'images2/arrow_on.gif';
			}
		}
	}
	
	//AJAX stuff
	function getData(dataSource){	
		var XMLHttpRequestObject = false;	
		
		if (window.XMLHttpRequest){
			XMLHttpRequestObject = new XMLHttpRequest();
		}else if (window.ActiveXObject){
			XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
		}
	
		if(XMLHttpRequestObject){
			var obj = document.getElementById("t");
			XMLHttpRequestObject.open("GET",dataSource);			
			XMLHttpRequestObject.onreadystatechange = function(){
				if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){
					obj.innerHTML = XMLHttpRequestObject.responseText;
				}
			}
			XMLHttpRequestObject.send(null);
		}
	}
	
	var skin = 0;
	
	function getSkins(){
		var mozillaFlag= false;
		var XMLHttpRequestObject = false;
		
		if (window.XMLHttpRequest){
			XMLHttpRequestObject = new XMLHttpRequest();
			XMLHttpRequestObject.overrideMimeType("text/xml");
			mozillaFlag = true;
		}else if (window.ActiveXObject){
			XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
		}
		
		if(XMLHttpRequestObject){
			XMLHttpRequestObject.open("GET","skins.xml",true);			
			XMLHttpRequestObject.onreadystatechange = function(){
				if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200){
					var xmlDocument = XMLHttpRequestObject.responseXML;
					if(mozillaFlag){
						removeWhitespace(xmlDocument);
					}
					displaySkins(xmlDocument);
				}
			}
			XMLHttpRequestObject.send(null);
		}
	}
	
	function displaySkins(xmldoc){
		var sectionsNode;
		var sections = new Array();
		var bgs = new Array();
		var headers = new Array();
		var gradients = new Array();
		var sides = new Array();
		sectionsNode = xmldoc.documentElement;
		for(j=0;j<sectionsNode.childNodes.length;j++){
			bgs[j] = sectionsNode.childNodes[j].childNodes[0].firstChild.nodeValue;
			headers[j] = sectionsNode.childNodes[j].childNodes[1].firstChild.nodeValue;
			gradients[j] = sectionsNode.childNodes[j].childNodes[2].firstChild.nodeValue;
			sides[j] = sectionsNode.childNodes[j].childNodes[3].firstChild.nodeValue;
		}
		//document.getElementById("targetDiv3").innerHTML = "heres stuff: "+bgs[skin]+' '+headers[skin]+' '+gradients[skin]+' '+sides[skin];
		document.body.style.backgroundColor = bgs[skin];
		document.getElementById("mainholder").style.backgroundImage = gradients[skin];
		document.getElementById("rightimg").innerHTML = "<img src="+sides[skin]+" alt='Lemberg Childrens Center Inc.' />";
		document.getElementById("header").innerHTML = "<object type='application/x-shockwave-flash' data='upload_image2.swf' width='700' height='185'  title='Lemberg Childrenss Center Inc.'><param name='wmode' value='transparent' /><param name='movie' value='upload_image2.swf' /><param name='quality' value='high' /><param name='FlashVars' value="+headers[skin]+" /></object>"
	}
	
	function loadSkin(number){
		if(number != skin){
			skin = number;
			getSkins();
		}
	}
	
	function removeWhitespace(xml){
		var loopIndex;
		
		for(loopIndex = 0; loopIndex < xml.childNodes.length; loopIndex++){
			var currentNode = xml.childNodes[loopIndex];
			if(currentNode.nodeType == 1){
				removeWhitespace(currentNode);
			}
			if(((/^\s+$/.test(currentNode.nodeValue)))&&(currentNode.nodeType == 3)){
				xml.removeChild(xml.childNodes[loopIndex--]);
			}
		}
	}
	
	var div1ID = "";
	var div2ID = "";
	var prev1ID = "";
	var prev2ID = "";
	var first = true;
	function setActive(div1ID, div2ID){
		if(prev1ID != div1ID && prev1ID != ""){
			document.getElementById(prev1ID).style.color = "";
		}	
		if(prev2ID != div2ID && prev2ID != ""){
			document.getElementById(prev2ID).style.color = "";
		}
		document.getElementById(div1ID).style.color = "#ffffff";
		document.getElementById(div2ID).style.color = "#ffffff";
		prev1ID = div1ID;
		prev2ID = div2ID;
		if(first){
			document.getElementById("id1").style.color = "#ffffff";
			first = false;
		}
	}
	
	function makeSmaller(){
		document.getElementById("t").style.fontSize = "1.1em";
		document.getElementById("t").style.lineHeight = "1.4em";
	}
	function makeBigger(){
		document.getElementById("t").style.fontSize = "1.35em";
		document.getElementById("t").style.lineHeight = "1.5em";
	}