// JavaScript Document
window.onload = function () {

	if ($('henkilot')) loadPersons();
}

function loadPersons() {

	$('henkilot_kuva').style.backgroundImage = "url('/images/ihmiset.jpg')";

	var i = Math.floor(Math.random() * numberOfPersons + 1);

	person($('person'+i));

}

function person(obj) {

	numberOfPersons = 5;
	for (var i = 1; i <= numberOfPersons; i++) {
		if (!$('person'+i)) continue;
		$('person'+i).className = "henkilotiedot";
	}

	$(obj).className = "henkilotiedot_selected";

	var offSet = (obj.id.substr(6,2) - 1) * -300;
	$('henkilot_kuva').style.backgroundPosition = offSet + 'px 0px';
}
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 buildPinnat() {

   closePinnat();
   $$('.content')[0].show();
   
    $$('.content img').each(function(s){
      
        s.up(0).id = s.src.substring(s.src.lastIndexOf('/')+1).gsub('.jpg','');
    });

    $$('#thumbnails a').each(function(s, index) {
            
        s.observe('mouseover', function() {
            closePinnat();
            pintaid = this.down(0).src.substring(this.down(0).src.lastIndexOf('/')+1).gsub('_pieni.jpg','');
            
           // alert(pintaid);
            $(pintaid).show();
            
        });
    });
    
}

function closePinnat() {
    $$('.content img').each(function(s){
      s.up(0).hide();
         });
}