if (document.getElementById) {
	window.onload = init;
}

function init() {
	// preload images for rollovers
	if (document.images) {
		//nav images
		nav1Hover = new Image();
		nav1Hover.src = "images/nav1on.gif";
		nav2Hover = new Image();
		nav2Hover.src = "images/nav2on.gif";
		nav3Hover = new Image();
		nav3Hover.src = "images/nav3on.gif";
		nav4Hover = new Image();
		nav4Hover.src = "images/nav4on.gif";
		nav5Hover = new Image();
		nav5Hover.src = "images/nav5on.gif";
		nav6Hover = new Image();
		nav6Hover.src = "images/nav6on.gif";
		nav7Hover = new Image();
		nav7Hover.src = "images/nav7on.gif";
		nav8Hover = new Image();
		nav8Hover.src = "images/nav8on.gif";
		nav9Hover = new Image();
		nav9Hover.src = "images/nav9on.gif";
		nav10Hover = new Image();
		nav10Hover.src = "images/nav10on.gif";
		nav11Hover = new Image();
		nav11Hover.src = "images/nav11on.gif";
		nav12Hover = new Image();
		nav12Hover.src = "images/nav12on.gif";
		nav13Hover = new Image();
		nav13Hover.src = "images/nav13on.gif";		
		
		nav1Off = new Image();
		nav1Off.src = "images/nav1off.gif";
		nav2Off = new Image();
		nav2Off.src = "images/nav2off.gif";
		nav3Off = new Image();
		nav3Off.src = "images/nav3off.gif";
		nav4Off = new Image();
		nav4Off.src = "images/nav4off.gif";
		nav5Off = new Image();
		nav5Off.src = "images/nav5off.gif";
		nav6Off = new Image();
		nav6Off.src = "images/nav6off.gif";
		nav7Off = new Image();
		nav7Off.src = "images/nav7off.gif";
		nav8Off = new Image();
		nav8Off.src = "images/nav8off.gif";
		nav9Off = new Image();
		nav9Off.src = "images/nav9off.gif";
		nav10Off = new Image();
		nav10Off.src = "images/nav10off.gif";
		nav11Off = new Image();
		nav11Off.src = "images/nav11off.gif";
		nav12Off = new Image();
		nav12Off.src = "images/nav12off.gif";
		nav13Off = new Image();
		nav13Off.src = "images/nav13off.gif";
		
		//Map images
		map0Image = new Image();
		map0Image.src = "images/map0.gif";
		map1Image = new Image();
		map1Image.src = "images/map1.gif";
		map2Image = new Image();
		map2Image.src = "images/map2.gif";
		map3Image = new Image();
		map3Image.src = "images/map3.gif";
		map4Image = new Image();
		map4Image.src = "images/map4.gif";
		map5Image = new Image();
		map5Image.src = "images/map5.gif";
		map6Image = new Image();
		map6Image.src = "images/map6.gif";
		map7Image = new Image();
		map7Image.src = "images/map7.gif";
		map8Image = new Image();
		map8Image.src = "images/map8.gif";
		map9Image = new Image();
		map9Image.src = "images/map9.gif";
		map10Image = new Image();
		map10Image.src = "images/map10.gif";
		map11Image = new Image();
		map11Image.src = "images/map11.gif";
		map12Image = new Image();
		map12Image.src = "images/map12.gif";
		map13Image = new Image();
		map13Image.src = "images/map13.gif";
	}
	
	//get images within the navigation and attach mouseon and mouseoff events for the rollovers
	var navigation = document.getElementById('nav').getElementsByTagName('IMG');

	for (i=0;i<navigation.length;i++) {
		if (navigation[i].id != 'active') {
			navigation[i].onmouseover = imageOn;
			navigation[i].onmouseout = imageOff;
		}
	}
	
	//map rollovers
	if (document.getElementById('interactiveMap')) {
		var mapAreas = document.getElementById('imageMap').getElementsByTagName('AREA');
		for (i=0;i<mapAreas.length;i++) {
			mapAreas[i].onmouseover = mapOn;
			//mapAreas[i].onmouseout = mapOff;
		}
		//build dropdown?
		//add onchange event to dropdown
		updateMap();
		document.getElementById('mapDropDown').onchange = updateMap;
	}
}

function imageOn() {
	this.src = eval(this.id+'Hover.src');
}

function imageOff() {
	this.src = eval(this.id+'Off.src');
}

function getElementsByClassName(node, classname) {
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}

// Social Bookmarking urls
function socialBookMark (site) {
	//del.icio.us
	var urlDelicious = 'http://del.icio.us/post?url=' + window.location + '&title=' + document.title;
	
	//Digg
	var urlDigg = 'http://digg.com/submit?url=' + window.location + '&title='+ document.title;
	
	switch(site) {
		case 'delicious':
		window.location = urlDelicious;
		break;
		
		case 'digg':
		window.location = urlDigg;
		break;
		
	}
}


//----------------------------------------------- Map stuff ---------------------------------------------------------
var currentItem = 1;

function updateMap() {
	//for dropdown list
	document.getElementById('mapBackground').src = eval(document.getElementById('mapDropDown').options[document.getElementById('mapDropDown').selectedIndex].value + 'Image.src');
	updateMapInfo(document.getElementById('mapDropDown').options[document.getElementById('mapDropDown').selectedIndex].value);
}

//switching images for the map
function mapOn() {
	//switch the image src for the map
	document.getElementById('mapBackground').src = eval(this.id + 'Image.src');
	updateDropDown(this.id);
}

function mapOff() {
	//switch the image src for the map
	document.getElementById('mapBackground').src = map0Image.src;
}

function updateDropDown(id) {
	//alert(id);
	var index = id.substr(3,id.length);
	var dropDown = document.getElementById('mapDropDown');
	dropDown.options[index].selected = true;
	updateMapInfo(id);
}

function updateMapInfo(item) {
	document.getElementById('regionInfo'+currentItem).style.display = 'none';
	var index = item.substr(3,item.length);
	if (index != 0) {
		document.getElementById('regionInfo'+index).style.display = 'block';
		currentItem = index;
	}
}