// JavaScript Document
 var soulightsWidth = 901;
 var soulightsHeight = 700;
 var currentPage = "menuitem-home";
 var currentToolbarPage = "";
 var bAboutVisible = false;
 var dy = 10;
 var dx = 10;
 var interval = 15;
 
 var bHeaderOpen = true; 
 var hIntID = 0;
 var hIntID = 0;
 var objHeader = null;
 var hdrHeight = null;
 var objUpDownDiv;
 var objUpDownAnchor = null;
 var objArrowUpDown;
 
 function moveHeader() {
  //  alert("moveHeader");
    objArrowUpDown = document.getElementById("arrowUpDown");
 	objUpDownDiv = document.getElementById("header-updown");
	objUpDownAnchor = document.getElementById("updownAnchor");
 	objHeader = document.getElementById("header");
 //   alert("moveHeader, objHeader=" + objHeader);
	hdrHeight = objHeader.offsetHeight - 1;
 	if (bHeaderOpen == true) {
	  bHeaderOpen = false;
	  hIntID = setInterval("closeHeader()", interval);
	} else {
	  bHeaderOpen = true;
      hIntID = setInterval("openHeader()", interval);
	}	
 }
 
  function openHeader() {
   objHeader.style.visibility = "visible";
   var newTop = objHeader.offsetTop + dy;
   if( newTop < 0 ) {
      objHeader.style.top = newTop + "px"; 
   } else {
   	  clearInterval(hIntID); 
      objHeader.style.top = "0px"; 
	  objArrowUpDown.src = "images/uparrow.gif";
	  objUpDownAnchor.title = "Hide Header";
   }
 }
 function closeHeader() {
   var newTop = objHeader.offsetTop - dy;
   if( Math.abs(newTop) < hdrHeight ) {
      objHeader.style.top = newTop + "px"; 
   } else {
   	  clearInterval(hIntID); 
      objHeader.style.top = (hdrHeight * -1) + "px"; 
    //  objHeader.style.visibility = "hidden";
      objUpDownDiv.style.visibility = "visible";
	  objArrowUpDown.src = "images/dnarrow.gif";
	  objUpDownAnchor.title = "Show Header";
   }
 }
 
 var bMenuOpen = true;
 var mIntID = 0;
 var objMenu = null;
 var menuWidth = null;
 var menuWidthOpen = null;
 var objRightLeftDiv = null;
 var objInOutAnchor = null;
 var objArrowLeftRt;
 

 function moveMenu() {
    objArrowLeftRt = document.getElementById("arrowLeftRight");
 	objRightLeftDiv = document.getElementById("menu-inout");
	objInOutAnchor = document.getElementById("inoutAnchor");
 	objMenu = document.getElementById("menu");
	menuWidth = objMenu.offsetWidth - 1;
 	if (bMenuOpen == true) {
	  bMenuOpen = false;
	  menuWidthOpen = objMenu.offsetWidth;
	  mIntID = setInterval("closeMenu()", interval);
	} else {
	  bMenuOpen = true;
      mIntID = setInterval("openMenu()", interval);
	}	
 }
 
  function openMenu() {
   objMenu.style.visibility = "visible";
   var newLeft = objMenu.offsetLeft + dx;
   if( newLeft < 0 ) {
      objMenu.style.left = newLeft + "px"; 
   } else {
   	  clearInterval(mIntID); 
      objMenu.style.left = "0px"; 
	  objArrowLeftRt.src = "images/ltarrow.gif";
	  objInOutAnchor.title = "Hide Menu";
   }
 }
 function closeMenu() {
   var newLeft = objMenu.offsetLeft - dx;
   if( Math.abs(newLeft) < menuWidth ) {
      objMenu.style.left = newLeft + "px"; 
   } else {
   	  clearInterval(mIntID); 
      objMenu.style.left = (menuWidth * -1) + "px"; 
      objMenu.style.visibility = "hidden";
	  objArrowLeftRt.src = "images/rtarrow.gif";
	  objInOutAnchor.title = "Show Menu";
   }
 }
 
 function doMenuHome(prefix) {
  if("menuitem-home" == currentPage)
   return;
//  alert("doMenuHome");
  setButtonOut(currentPage);
  setButtonSelected("menuitem-home");
  currentPage = "menuitem-home";
  getContent(prefix + "marqueeText");
  bHeaderOpen = false; 
  moveHeader();
 }
  
 function doMenuSlides(prefix) {
   if("menuitem-slides"  == currentPage)
   return;
//  alert("doMenuSlides");
  setButtonOut(currentPage);
  setButtonSelected("menuitem-slides");
  currentPage = "menuitem-slides";
  getContent(prefix + "slideshowText");
  bHeaderOpen = true; 
  moveHeader();
 }
  
 function doMenuVideo(prefix) {
  if("menuitem-video" == currentPage)
   return;
//  alert("doMenuVideo");
  setButtonOut(currentPage);
  setButtonSelected("menuitem-video");
  currentPage = "menuitem-video";
  getContent(prefix + "videoText");
  bHeaderOpen = true; 
  moveHeader();
 }
   
 function doMenuIntro(prefix) {
  if( "menuitem-intro" == currentPage)
   return;
  setButtonOut(currentPage);
  setButtonSelected("menuitem-intro");
  currentPage = "menuitem-intro";
  getContent(prefix + "introText");
  bHeaderOpen = false; 
  moveHeader();
 }
   
 function doMouseOver(linkID) {
//  alert("doMouseOver");
 if(linkID == currentPage)
   return;
 setButtonOver(linkID);
}
function doMouseOut(linkID) {
 if(linkID == currentPage)
   return;
 // alert("doMouseOut");
 setButtonOut(linkID);
}

function setButtonOver(linkID) {
 var obj = document.getElementById(linkID); 
 obj.style.backgroundColor = "#ff0000";
 obj.style.color = "#ffd800";
 obj.style.borderWidth = "3px";
 obj.style.borderStyle = "inset";
 obj.style.borderColor = "#ffd800";
}

function setButtonOut(linkID) {
 var obj = document.getElementById(linkID); 
 obj.style.backgroundColor = "#fc66ff";
 obj.style.color = "#330033";
 obj.style.borderWidth = "2px";
 obj.style.borderStyle = "groove";
 obj.style.borderColor = "330033"; 
}

function setButtonSelected(linkID) {
 var obj = document.getElementById(linkID); 
 obj.style.backgroundColor = "#330033";
 obj.style.color = "#ffd800";
 obj.style.borderWidth = "3px";
 obj.style.borderStyle = "inset";;
 obj.style.borderColor = "#fdd00a";
}

function getContent(contentText) {
//   alert("getContent, contentText/divID: " + contentText + "/" + divID);
  var obj = document.getElementById("content"); 
  obj.innerHTML = "";
   
  var url = this.location;
 // alert( "getContent, url: " + url);
  var contentUrl;
  s = new String(url);
  if (s.indexOf("www.") == -1 )
   contentUrl = "http://soulights.com/" + contentText + ".html";
  else
   contentUrl = "http://www.soulights.com/" + contentText + ".html";
   var oReq;
   try {
	   oReq = new ActiveXObject("Microsoft.XMLHTTP");
   } catch(e) {oReq = false;}
   if (!oReq) {
      oReq = new XMLHttpRequest;
   }	 
   oReq.onreadystatechange = function() {
     if (oReq.readyState != 4) {
	  return;
     }
 //   alert("Request Returned: " + oReq.responseText);
     obj.innerHTML = oReq.responseText;
   }
   try {
     oReq.open ("GET", contentUrl);
	 oReq.send(null);
   } 
   catch(e)	{ alert(e); } 
} 
  
function doButtonOut(linkID) {
 //alert("doButtonOut, linkID: " + linkID); 
 if(linkID == currentToolbarPage)
   return;
 var obj = document.getElementById(linkID); 
 var outUrl = "images/toolbarBtnUP.gif";
 obj.style.backgroundImage = "url(" + outUrl + ")";
 obj.style.color = "#ccffff";
}  

function doButtonOver(linkID) {
 if(linkID == currentToolbarPage)
   return;
 var obj = document.getElementById(linkID); 
 var overUrl = "images/toolbarBtnOVER.gif";
//  alert("doButtonOver, overUrl: " + overUrl); 
 obj.style.backgroundImage = "url(" + overUrl + ")";
 obj.style.color = "#000000";
}  

function doButtonDown(name) {
 var url = name + ".html"; 
 var linkID = name + "-button";
// alert("doButtonDown, url: " + url);
 if(linkID == currentToolbarPage)
   return;
 setToolbarButtonSelected(linkID);
 this.location=url;
}
  
function setToolbarButtonSelected(linkID) {
 var obj = document.getElementById(linkID); 
 // alert("setButtonSelected, linkID/obj:" + linkID + "/" + obj);

 currentToolbarPage = linkID;
 var downUrl = "images/toolbarBtnDOWN.gif";
//  alert("setButtonSelected, downUrl: " + downUrl);
 obj.style.backgroundImage = "url(" + downUrl + ")";
 obj.style.color = "#ffd800";
}

// This function repositions soulights in resized windows, and at startup
// It centers the "container" div on both x and y axes as necessary
function doResize() {
  var windowWidth = 0, windowHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    windowWidth = window.innerWidth;
    windowHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    windowWidth = document.documentElement.clientWidth;
    windowHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    windowWidth = document.body.clientWidth;
    windowHeight = document.body.clientHeight;
  }
  // center the container in the window if the window is larger
  var newTop = -1, newLeft = -1;
  if (windowWidth > soulightsWidth) {
    newLeft = (windowWidth - soulightsWidth) / 2;
  } else {
    newLeft = 0;
  }
  if (windowHeight > soulightsHeight) {
    newTop = (windowHeight - soulightsHeight) / 2;
  } else {
    newTop = 0;
  }
  var obj = document.getElementById("container"); 
  if (newTop > -1) {
    obj.style.top = (newTop) + "px"; 
  }
  if (newLeft > -1) {
    obj.style.left = (newLeft) + "px"; 
  }

 //window.alert( 'Width = ' + windowWidth );
 // window.alert( 'Height = ' + windowHeight );
}


function doOnload(bkgndUrl,selectedID) {
   doResize();
   var obj = document.getElementById("content");
  obj.style.backgroundImage = "url(" + bkgndUrl + ")";
  if (selectedID !="") {
    setToolbarButtonSelected(selectedID);
  } else {
    return;
  }
}