var ON = "visible";
var OFF = "hidden";

// Use this function for onload-ing functions.
function initializer() 
{
	if(navigator.userAgent.indexOf("MSIE")!=-1)
	{
		if(navigator.userAgent.indexOf("Mac") == -1)
		{
			setMenus();
			var mainContent = document.getElementById("mainContent");
			if(mainContent.style.height < 501)
				mainContent.style.height = 500;

		}
		else
		{
			var myLogo = document.getElementById("logo");
			var mySubLogo = document.getElementById("sublogo");
			myLogo.style.textAlign = "left";
			mySubLogo.style.textAlign="left";
		}
	}

	//setMenus();	
	var myURL = document.location;
	myURL = myURL.toString();
	if(myURL.indexOf("photographs") != -1 && (myURL.indexOf("mining") != -1 || myURL.indexOf("deportation") != -1))
		makeImageAlert();

}

function setMenus()
{
	var navRoot = document.getElementById("nav");
	for (var i=0; i<navRoot.childNodes.length; i++) 
	{
		var node = navRoot.childNodes[i];
		if (node.nodeName=="LI" && node.className != "noMenu") 
		{
			node.onmouseover=function() 
			{
				this.childNodes[2].style.display = "block";
				this.className+=" over";
				//display: block
			}
			node.onmouseout=function() 
			{
				this.childNodes[2].style.display = "none";
				this.className=this.className.replace(" over", "");
			}
		}
	}
}

/********************** THE FOLLOWING JS IS FOR THE PHOTOGRAPH PAGES **********************/

var myImages = new Array();
var imgString = "";
var oldContent = new Array();
var counter=0;
var contentCounter = -1;

function makeImageAlert()
{
	myImages = document.getElementsByTagName("img");
	for(var a = 0; a < myImages.length; a++)
	{
		if(myImages[a].getAttribute("src").indexOf('spacer') == -1 && myImages[a].getAttribute("src").indexOf('miners_circle2') == -1)
		{
			imgString = imgString +"<td><img height=60px src=\"" + myImages[a].getAttribute("src") + "\" alt=\"" + myImages[a].getAttribute("alt") + "\" onclick=\"doALittleDance(this," + counter + ")\"></td>";
			counter++;
			if(counter%9 == 0)
				imgString = imgString + "</tr><tr>";
			//if(myImages[a].getAttribute("alt").indexOf("bigger") != -1)
				myImages[a].onclick = function() {doALittleDance(this);}
		}
	}

	var scrollingMenu = document.getElementById("tempDiv");
	scrollingMenu.style.marginBottom = "20px"
	scrollingMenu.style.width = "100%";

	var pageMenu = "";
	var myURL = document.location;
	myURL = myURL.toString();
	if(myURL.indexOf("mining") != -1)
		pageMenu = "<p style=\"font-weight:bold\"><span class=\"highlight6\">&nbsp;&nbsp;Mining Images&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"deportation.html\">Deportation Images</a>&nbsp;&nbsp;</p>";
	else
		pageMenu = "<p style=\"font-weight:bold\">&nbsp;&nbsp;<a href=\"mining.html\">Mining Images</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"highlight6\">&nbsp;&nbsp;Deportation Images&nbsp;&nbsp;</span></p>";
	
	scrollingMenu.innerHTML = pageMenu + "<p>Click on the images below for a larger view and description.</p><table><tr>"+ imgString +"</tr></table>";
	var tempContent = document.getElementById("placeHolder").innerHTML;

	var char1 = "<";
	var char2 = ">";
	var char3 = "/";
	var splitString = "\n";
	tempContent = tempContent.split(splitString);
	
	for(var b = 0; b < tempContent.length; b++)
	{
		var contentToLower = tempContent[b].toLowerCase();
		if(contentToLower.indexOf("<hr") != -1)
			contentCounter++;
		else
		{
			if(oldContent[contentCounter] == "" || oldContent[contentCounter] == null)
				oldContent[contentCounter] = tempContent[b].replace('ges/th',"ges/");
			else
				oldContent[contentCounter] = oldContent[contentCounter] + tempContent[b].replace('ges/th',"ges/");
		}
	}
	document.getElementById("placeHolder").innerHTML = "<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>";
	document.getElementById("tempDiv").style.borderBottom = "1px solid gray";
}

function doALittleDance(myPic,contentIndex)
{
	var mySrc = myPic.getAttribute('src');
	mySrc = mySrc.substring(2);
	var myWidth = myPic.getAttribute('width');
	var myHeight = myPic.getAttribute('height');
	//myWidth *= 2;
	//myHeight *= 2;

	myWidth = "";
	myHeight = "";
	document.getElementById("placeHolder").innerHTML = oldContent[contentIndex];
}