// JavaScript Document

function mainMenu() {
	btnImg1 = new Image();
	btnImg1_over = new Image();
	btnImg1.src = "/images/img_2.jpg";
	btnImg1_over.src = "/images/img_2_over.jpg";
	btnImg2 = new Image();
	btnImg2_over = new Image();
	btnImg2.src = "/images/img_3.jpg";
	btnImg2_over.src = "/images/img_3_over.jpg";
}

function buildMenu() {
	if (document.getElementById('menu')) {
		mItems = new Array();
		mItems = document.getElementById('menu').getElementsByTagName('a');
		
		for (var i = 0; i < mItems.length; i++) {	
			if (mItems[i].className != "selected") {
				mItems[i].childNodes[0].outImg = new Image();
				mItems[i].childNodes[0].outImg.src = mItems[i].childNodes[0].src;
				mItems[i].childNodes[0].overImg = new Image();
				mItems[i].childNodes[0].overImg.src = mItems[i].childNodes[0].outImg.src.replace(/.jpg/,"_over.jpg");
		
				mItems[i].onmouseover = function () {this.childNodes[0].src = this.childNodes[0].overImg.src; };
				mItems[i].onmouseout = function () {this.childNodes[0].src = this.childNodes[0].outImg.src; };
			}
		}
	}
}

function buildThumbs() {
	if (!document.getElementById('thumbnails')) return false;
	
	var thumbnails = document.getElementById('thumbnails').getElementsByTagName('a');
	
	for (var i = 0; i < thumbnails.length; i++) {
		var refId = 'ref' + (i+1);
		
		thumbnails[i].id = refId;
		thumbnails[i].href = "javascript:void(0)";
		thumbnails[i].onmouseover = function () { closeReference(); document.getElementById(this.id+'c').style.display='block'; };
	}
	
	for (var i = 2; i <= thumbnails.length; i++) {
		document.getElementById('ref'+i+'c').style.display='none';	
	}
}

function closeReference() {
	for (i = 1;;i++) {
		if (document.getElementById('ref'+i)) document.getElementById('ref'+i+'c').style.display='none';
		else break;
	}
}

function btn1_over() {
	document.getElementById('btn1').childNodes[0].src = btnImg1_over.src;
	document.getElementById('img1').style.backgroundPosition='-349px 0px';
}
function btn1_out() {
	document.getElementById('btn1').childNodes[0].src = btnImg1.src; 
	document.getElementById('img1').style.backgroundPosition='0px 0px';
}
function btn2_over() {
	document.getElementById('btn2').childNodes[0].src = btnImg2_over.src;
	document.getElementById('img2').style.backgroundPosition='-352px 0px';
}
function btn2_out() {
	document.getElementById('btn2').childNodes[0].src = btnImg2.src; 
	document.getElementById('img2').style.backgroundPosition='0px 0px';
}

function loadPersons() {
	var personIDs = new Array("ossi","erkki","jouni","heidi","toni","klaus","niko");
		
	if (!document.getElementById('contacts')) return;
	if (!document.getElementById('contact_img')) return;
	
	for (i=0; i<personIDs.length; i++) {
		var person = document.getElementById(personIDs[i]);	
		person.onmouseover = function () {showPerson(this.id);}
		person.onmouseout = function () {showPerson("none");}
	}
}

function showPerson(personID) {
	var num = 0;
	var imageWidth = 352;
	document.getElementById('contact_img').className="contact_img";
	
	switch(personID) {
		case "none":
			num = 0;
			break;
		case "ossi":
			num = 1;
			break;
		case "erkki":
			num = 6;
			break;
		case "jouni":
			num = 3;
			break;
		case "heidi":
			num = 2;
			break;
		case "toni":
			num = 4;
			break;
		case "klaus":
			num = 5;
			break;
		case "niko":
			num = 7;
			break;
	}
	
	var x = (num-1)*imageWidth*-1;
	
	document.getElementById('contact_img').style.backgroundPosition = x+"px 0px";
	
	return x;
}