var currentTimeout;
var LIs_To_Hover = new Array();
var MapTimeout;
var Interval;

//variable is used to count up the number of images that are to be loaded in the two menus 
var ImageCount=0;


function imageReplaceHeaders()
{
	//replaceh1(document.getElementsByTagName('h1'));
	//replaceFirstLevelAInList(document.getElementsByTagAndClassName('a','level_1_a'));
	//replaceSecondLevelAInList(document.getElementsByTagAndClassName('a','level_2_a'));
	//replaceSecondLevelAInList(document.getElementsByTagAndClassName('li','on_the_board_title'));
}


function replaceh1(headings)
{
	if(headings)
	{
		for(var i=0; i < headings.length; i++)
		{
			var heading = headings[i];
			var tgt=heading;
			var profile=0;
			
			
			while(tgt.firstChild)
			{
				tgt=tgt.firstChild;
			}
			var txt=tgt.nodeValue.split(" ");

			//If the same element gets replaced twice, you get issues because the element won't have any inner text the second time around.
			if(txt)
			{

				var count=0;
				var output='';
				while(txt[count])
				{
					output += '<img border="0" src="/imreplace.php?text=' + escape(txt[count]) + '&p=' + profile + '">';

					count= count+1;
				}
				tgt.parentNode.innerHTML = output;

			}
		}
	}
}

//this this will assign the proper profiles to the top level navigation and also set up the mouseover and mouseout's for all of the images.  The if statement around the img.src = img.img[on/off]].src is to make sure it's only doing the replacement when you're hovered over that single images sourounding li.
function enableMenuImageRollovers()
{
	var container = document.getElementById('Nav');
	if (!container)
	{
	    return;
    }
	var lis = container.getElementsByTagName('li');
	for(x=0; x< lis.length; x++)
	{
		var li=lis[x];

		li.onmouseover=function() 
		{
			var imgs = this.getElementsByTagName('img');
			for(i=0; i < imgs.length; i++)
			{
				var img=imgs[i];
				if(img.parentNode.parentNode == this)
				{
					if(img.imgOn)
					{
						img.src=img.imgOn.src;
					}
				}
			}
		}

		li.onmouseout=function() 
		{
			var imgs = this.getElementsByTagName('img');
			for(i=0; i < imgs.length; i++)
			{
				var img=imgs[i];
				if(img.parentNode.parentNode == this)
				{
					if(img.imgOff)
					{
						img.src=img.imgOff.src;
					}
				}
			}
		}

	}

}


function enableMenu1ImageRollovers()
{
	var uls = document.getElementsByTagAndClassName('ul','Nav');
	for(var y=0; y < uls.length; y++)
	{
		var container = uls[y];
		if (!container)
		{
			return;
		}
		var lis = container.getElementsByTagName('li');
		for(x=0; x< lis.length; x++)
		{
			var imgs = lis[x].getElementsByTagName('img');
			for(i=0; i < imgs.length; i++)
			{
				var img=imgs[i];

				//this subtracts one for each image that is done loading
				img.onload=function()
				{
					ImageCount = ImageCount-1;
					//when the last image is loaded, the menus are centered
					if(ImageCount==0)
					{
						bindCenterMenus();
					}
				};


				var txt=img.src;
				if(img.parentNode.parentNode.className.indexOf("Selected") < 0)
				{
					var imgOn = new Image();
					var imgOff = new Image();
					imgOn.src=img.src.replace("p=1","p=2");
					imgOff.src=img.src.replace("p=2","p=1");
					
					img.imgOn = imgOn;
					img.imgOff = imgOff;
					
				}
			}
		}
	}
}



function enableMenu2ImageRollovers()
{
	var uls = document.getElementsByTagAndClassName('ul','SecondLevelNav');
	for(var y=0; y < uls.length; y++)
	{
		var container = uls[y];
		if (!container)
		{
			return;
		}
		var lis = container.getElementsByTagName('li');
		for(x=0; x< lis.length; x++)
		{
			var imgs = lis[x].getElementsByTagName('img');
			for(i=0; i < imgs.length; i++)
			{
				var img=imgs[i];

				//this subtracts one for each image that is done loading
				img.onload=function()
				{
					ImageCount = ImageCount-1;
					//when the last image is loaded, the menus are centered
					if(ImageCount==0)
					{
						bindCenterMenus();
					}
				};


				var txt=img.src;
				if(img.parentNode.parentNode.className.indexOf("Selected") < 0)
				{
					var imgOn = new Image();
					var imgOff = new Image();
					imgOn.src=img.src.replace("p=3","p=4");
					imgOff.src=img.src.replace("p=4","p=3");
					
					img.imgOn = imgOn;
					img.imgOff = imgOff;
					
				}
			}
		}
	}
}



function replaceSecondLevelAInList(headings)
{
	if(headings)
	{
		for(var i=0; i < headings.length; i++)
		{
			var heading = headings[i];
			var tgt=heading;
			var profile=3;

			while(tgt.firstChild)
			{
				tgt=tgt.firstChild;
			}
			var txt=tgt.nodeValue.split(" ");

			//If the same element gets replaced twice, you get issues because the element won't have any inner text the second time around.
			if(txt)
			{

				var count=0;
				var output='';
				while(txt[count])
				{
					output += '<img border="0" src="/imreplace.php?text=' + escape(txt[count]) + '&p=' + profile + '">';

					count= count+1;
					ImageCount = ImageCount+1;
				}
				tgt.parentNode.innerHTML = output;

			}
		}
	}
}


function replaceFirstLevelAInList(headings)
{
	if(headings)
	{
		for(var i=0; i < headings.length; i++)
		{
			var heading = headings[i];
			var tgt=heading;
			var profile=1;
			if (tgt.parentNode.className.indexOf("Selected") < 0)
			{
				profile=1;
			}
			else
			{
				profile=5;
			}
			
			while(tgt.firstChild)
			{
				tgt=tgt.firstChild;
			}
			var txt=tgt.nodeValue.split(" ");

			//If the same element gets replaced twice, you get issues because the element won't have any inner text the second time around.
			if(txt)
			{

				var count=0;
				var output='';
				while(txt[count])
				{
					output += '<img border="0" src="/imreplace.php?text=' + escape(txt[count]) + '&p=' + profile + '">';

					count= count+1;
					ImageCount = ImageCount+1;
				}
				tgt.parentNode.innerHTML = output;

			}
		}
	}
}



document.getElementsByTagAndClassName=function(tagName, className, parentElement)
{
	var items = new Array();
	var elems = (document.getElementById(parentElement) || document.body).getElementsByTagName(tagName);
	for(var i = 0; i < elems.length; i++)
	{
		var elem = elems[i];
		var classNames = elem.className.split(" ");
		for (var j = 0; j < classNames.length; j++)
		{
			if(classNames[j] == className)
			{
				items.push(elem);
			}
		}
	}
	return items;
};






function bindBehaviors()
{
  // quit if this function has already been called
  if (arguments.callee.done) return;

  // flag this function so we don't do the same thing twice
  arguments.callee.done = true;

//  setInterval("console.log(document.readyState)",500);


  //enableMenuImageRollovers();
  imageReplaceHeaders();
  //enableMenu1ImageRollovers();
  //enableMenu2ImageRollovers();
}


if (window.addEventListener)
{
  window.addEventListener('load', bindBehaviors, false);

}
else if (window.attachEvent)
{
  window.attachEvent('onload',bindBehaviors);

}