// JavaScript Document
function showTriangle (id) {
		theDiv = document.getElementById('triangle');
		switch (id) {
			case 1:
			theDiv.style.top='154px';
			theDiv.style.left='215px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 2:
			theDiv.style.top='136px';
			theDiv.style.left='295px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 3:
			theDiv.style.top='102px';
			theDiv.style.left='367px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 4:
			theDiv.style.top='147px';
			theDiv.style.left='436px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 5:
			theDiv.style.top='99px';
			theDiv.style.left='510px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 6:
			theDiv.style.top='145px';
			theDiv.style.left='586px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 7:
			theDiv.style.top='127px';
			theDiv.style.left='672px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 8:
			theDiv.style.top='0';
			theDiv.style.left='753px';
			theDiv.innerHTML = '<img src="./images/triangle2.gif" />';
			break;
			case 9:
			theDiv.style.top='148px';
			theDiv.style.left='822px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
		}
	}
	
	function hideTriangle () {
	document.getElementById('triangle').innerHTML = '';
	}
	
	
	
	function homeShowTriangle (id) {
		theDiv = document.getElementById('triangle');
		switch (id) {
			case 1:
			theDiv.style.top='301px';
			theDiv.style.left='449px';
			theDiv.innerHTML = '<img src="./images/triangle3.gif" />';
			break;
			case 2:
			theDiv.style.top='412px';
			theDiv.style.left='459px';
			theDiv.innerHTML = '<img src="./images/triangle3.gif" />';
			break;
			case 3:
			theDiv.style.top='422px';
			theDiv.style.left='559px';
			theDiv.innerHTML = '<img src="./images/triangle3.gif" />';
			break;
			case 4:
			theDiv.style.top='528px';
			theDiv.style.left='626px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 5:
			theDiv.style.top='483px';
			theDiv.style.left='759px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 6:
			theDiv.style.top='366px';
			theDiv.style.left='774px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 7:
			theDiv.style.top='404px';
			theDiv.style.left='683px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 8:
			theDiv.style.top='337px';
			theDiv.style.left='590px';
			theDiv.innerHTML = '<img src="./images/triangle.gif" />';
			break;
			case 9:
			theDiv.style.top='134px';
			theDiv.style.left='559px';
			theDiv.innerHTML = '<img src="./images/triangle2.gif" />';
			break;
		}
	}