if (document.images) {
  var home = new Image();
  home.src = "images/home-on.png";
  var about = new Image();
  about.src = "images/about-us-on.png";
  var products = new Image();
  products.src = "images/products-on.png";
  var resources = new Image();
  resources.src = "images/resources-on.png";
  var advertising = new Image();
  advertising.src = "images/advertising-on.png";
  var account = new Image();
  account.src = "images/account-on.png";
  var contact = new Image();
  contact.src = "images/contact-us-on.png";
}

function randomImage() {
  var randomNumber = Math.floor(Math.random() * 2) + 1;
  document.writeln("<img src='images/do-you-work-with-youth-" + randomNumber + ".jpg' alt='Do you work with youth?' />");
}

var disappearDelay = 0;
var enableAnchorLink = 0;
var hideMenuOnclick = 1;
var offId;

var IE5 = document.all;
var NS6 = document.getElementById && !document.all;

function getPosOffSet(what, offsettype) {
  var totaloffset = (offsettype == "left") ? what.offsetLeft : what.offsetTop;
  var parentEl = what.offsetParent;
  while (parentEl != null) {
    totaloffset = (offsettype == "left") ? totaloffset + parentEl.offsetLeft : totaloffset + parentEl.offsetTop;
    parentEl = parentEl.offsetParent;
  }
  return totaloffset;
}

function showHide(obj, e, visible, hidden) {
  if (IE5 || NS6) {
    dropMenuObj.style.left = dropMenuObj.style.top = -500;
    if (e.type == "click" && obj.visibility == hidden || e.type == "mouseover") {
      obj.visibility = visible;
      document.getElementById(offId).style.backgroundImage = 'url(images/' + offId + '-on.png)';
    } else if (e.type == "click") {
      obj.visibility = hidden;
    }
  }
}

function IECompatTest() {
  return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}

function clearBrowserEdge(obj, whichEdge) {
  var edgeOffSet = 0;
  if (whichEdge == "rightEdge") {
    var windowEdge = IE5 && !window.opera ? IECompatTest().scrollLeft + IECompatTest().clientWidth - 15 : window.pageXOffSet + window.innerWidth - 15;
    dropMenuObj.contentMeasure = dropMenuObj.offsetWidth;
    if (windowEdge - dropMenuObj.x < dropMenuObj.contentMeasure) {
      edgeOffSet = dropMenuObj.contentMeasure - obj.offsetWidth;
    }
  } else {
    var topEdge = IE5 && !window.opera ? IECompatTest().scrollTop : window.pageYOffSet;
    var windowEdge = IE5 && !window.opera? IECompatTest().scrollTop + IECompatTest().clientHeight - 15 : window.pageYOffSet + window.innerHeight - 18;
    dropMenuObj.contentMeasure = dropMenuObj.offsetHeight;
    if (windowEdge - dropMenuObj.y < dropMenuObj.contentMeasure) {
      edgeOffSet = dropMenuObj.contentMeasure + obj.offsetHeight;
      if ((dropMenuObj.y - topEdge) < dropMenuObj.contentMeasure) {
        edgeOffSet = dropMenuObj.y + obj.offsetHeight - topEdge;
      }
    }
  }
  return edgeOffSet;
}

function dropDownMenu(obj, e, id, dropMenuId) {
  clearAll(id);
  offId = id;
  if (window.event) {
    event.cancelBubble = true;
  } else if (e.stopPropagation) {
    e.stopPropagation();
  }
  if (typeof dropMenuObj != "undefined") {
    dropMenuObj.style.visibility = "hidden";
    clearHideMenu();
  }
  if (IE5 || NS6) {
    obj.onmouseout = delayHideMenu;
    dropMenuObj = document.getElementById(dropMenuId);
  }
  if (hideMenuOnclick) dropMenuObj.onclick = function() {
    dropMenuObj.style.visibility = "hidden";
  }
  dropMenuObj.onmouseover = clearHideMenu;
  dropMenuObj.onmouseout = IE5 ? function() {
    dynamicHide(event);
  }
  : function(event) {
    dynamicHide(event);
  }
  showHide(dropMenuObj.style, e, "visible", "hidden");
  dropMenuObj.x = getPosOffSet(obj, "left");
  dropMenuObj.y = getPosOffSet(obj, "top");
  dropMenuObj.style.left = dropMenuObj.x - clearBrowserEdge(obj, "rightEdge") + "px";
  dropMenuObj.style.top = dropMenuObj.y - clearBrowserEdge(obj, "bottomEdge") + obj.offsetHeight + "px";
  return clickReturnValue();
}

function clickReturnValue() {
  if ((IE5 || NS6) && !enableAnchorLink) {
    return false;
  } else {
    return true;
  }
}

function containsNS6(a, b) {
  while (b.parentNode) {
    if ((b = b.parentNode) == a) {
      return true;
    } else {
      return false;
    }
  }
}

function dynamicHide(e) {
  if (IE5 && !dropMenuObj.contains(e.toElement)) {
    delayHideMenu();
  } else if (NS6 && e.currentTarget != e.relatedTarget && !containsNS6(e.currentTarget, e.relatedTarget)) {
    delayHideMenu();
  }
}

function delayHideMenu() {
	if (typeof dropMenuObj != 'undefined')
 	 delayHide = setTimeout("dropMenuObj.style.visibility = 'hidden'; document.getElementById(offId).style.backgroundImage = 'url(images/' + offId + '-off.png)';", disappearDelay);
}

function clearHideMenu() {
  if (typeof delayHide != "undefined") {
    clearTimeout(delayHide);
  }
}

function clearAll(id) {
  if (id == "about-us") {
    document.getElementById('products').style.backgroundImage = 'url(images/products-off.png)';
    document.getElementById('resources').style.backgroundImage = 'url(images/resources-off.png)';
    document.getElementById('advertising').style.backgroundImage = 'url(images/advertising-off.png)';
    document.getElementById('account').style.backgroundImage = 'url(images/account-off.png)';
  } else if (id == "products") {
    document.getElementById('about-us').style.backgroundImage = 'url(images/about-us-off.png)';
    document.getElementById('resources').style.backgroundImage = 'url(images/resources-off.png)';
    document.getElementById('advertising').style.backgroundImage = 'url(images/advertising-off.png)';
    document.getElementById('account').style.backgroundImage = 'url(images/account-off.png)';
  } else if (id == "resources") {
    document.getElementById('about-us').style.backgroundImage = 'url(images/about-us-off.png)';
    document.getElementById('products').style.backgroundImage = 'url(images/products-off.png)';
    document.getElementById('advertising').style.backgroundImage = 'url(images/advertising-off.png)';
    document.getElementById('account').style.backgroundImage = 'url(images/account-off.png)';
  } else if (id == "advertising") {
    document.getElementById('about-us').style.backgroundImage = 'url(images/about-us-off.png)';
    document.getElementById('products').style.backgroundImage = 'url(images/products-off.png)';
    document.getElementById('resources').style.backgroundImage = 'url(images/resources-off.png)';
    document.getElementById('account').style.backgroundImage = 'url(images/account-off.png)';
  } else if (id == "account") {
    document.getElementById('about-us').style.backgroundImage = 'url(images/about-us-off.png)';
    document.getElementById('products').style.backgroundImage = 'url(images/products-off.png)';
    document.getElementById('resources').style.backgroundImage = 'url(images/resources-off.png)';
    document.getElementById('advertising').style.backgroundImage = 'url(images/advertising-off.png)';
  }
}

function validateEmail(field)
{
	var emailAddr = document.getElementById(field).value;

	if (isValidEmail(emailAddr))
		return true;
	else
	{
		alert('Email address is not valid, please fix.');
		return false;
	}
}

function isValidEmail(email)
{
	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))
		return true;
	else
		return false;
}

function openWindow(url, name, height, width)
{
	window.open(url, name, 'height=' + height + ',width=' + width + ',scrollbars=yes');
}

function addToFavorites(title, url) {	
  if (window.sidebar) { // firefox
     window.sidebar.addPanel(title, url, "");
  } else if (document.all) { // IE
     window.external.AddFavorite(url, title);
  } else if (window.opera && window.print) { // opera
     var elem = document.createElement('a');
     elem.setAttribute('href',url);
     elem.setAttribute('title',title);
     elem.setAttribute('rel','sidebar');
     elem.click();
  }
}

function switchPage(page, pages, link)
{
		for (i = 1; i <= pages; i++)
		{
			if (page == i) 
			{
				document.getElementById('pages_' + i).style.display = 'inline';
				plink = document.getElementById('link_' + i);		
				plink.className = 'article-page-selected';
				plink.onclick="";
			}
			else
			{
				document.getElementById('pages_' + i).style.display = 'none';
				plink = document.getElementById('link_' + i);
				plink.className = 'article-page-deselected';
				plink.index = i;  //we cant just place i in the function, this is a workaround
				plink.onclick = function() {switchPage(this.index, pages, link)};
			}
		}
		
		document.location = link + '#page';
}
	
function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}
	
function toggle(id) {
	
	element = document.getElementById(id);
	
	if (element.style.display == 'block')
		element.style.display = 'none';
	else
		element.style.display = 'block';
}