//javascript functions for loading randomized images
var frontPageImageArray = new Array('0','1', '2');
var topBackOriginal;

//code to pick a random image to show on the front page
var url = getRandomPic();


//We want to make swapping out images as painless as possible,
//so loading from an XML file seems to be the winning compromise.
//Need functions to read XML nodes into an array.
function sendRequest(doc)
{
	if(xmlobj != null && xmlobject.readyState != 0 && xmlobj.readyState != 4){
		xmlobj.abort();
	}
	try{
		xmlobj = new XMLHttpRequest();
	}
	catch(e){
			try{
					xmlobj=new ActiveXObject('Microsoft.XMLHTTP');
			}
			catch(e){
				xmlobj=null;
				return false;
			}
	}
	xmlobj.onreadystatechange=stateChecker;
	xmlobj.open('GET', doc, true)
}

function stateChecker(){
	if(xmlobj.readyState==4){
		if(xmlobj.status == 200){
				createDataContainer();
				data=xmlobj.responseXML.getElementsByTagName('image');
				displayData()
		}
		else{
			alert('Failed to get response : ' + xmlobj.statusText);
		}
	}
}

function getRandomPic()
{
	index = Math.floor(Math.random() * frontPageImageArray.length);
	var url = "images/inset" + frontPageImageArray[index] + ".jpg";
	return url;
}

function getRandomHeader()
{
	index = Math.floor(Math.random() * headerArray.length);
	var hurl = "images/headerbgs/" + headerArray[index] + ".png";
	document.getElementById("search").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ hurl + "', sizingMethod='crop');";
	document.getElementById("search").style.background = hurl;
	return hurl;
}

//Mouseover functions for the navigation bars
function sideBackChange(el, focus)
{
	if(focus == 'true')
	{
		sideBackOriginal = el.style.background;
		el.style.background = '#FF0000';
	}
	else
	{
			el.style.background = sideBackOriginal;
	}
}

function mapChange(id)
{
    if(id == 0)
        document.getElementById('right-mc-map').innerHTML = "<img src=\"images\\mapflat.jpg\" style=\"width: 250px; height: 258px;\">";
    else
    document.getElementById('right-mc-map').innerHTML = "<img src=\"images\\"+id+".jpg\"  style=\"width: 250px; height: 258px;\">";
}

function modalWin() {
window.showModalDialog("images/theroux.jpg");
}