function lataa_kuvat(){

kuvat = new Array();

kuvat[0]="/kuvat/palvelut_1.gif";
kuvat[1]="/kuvat/palvelut_1_a.gif";

kuvat[2]="/kuvat/palvelut_2.gif";
kuvat[3]="/kuvat/palvelut_2_a.gif";

kuvat[4]="/kuvat/palvelut_3.gif";
kuvat[5]="/kuvat/palvelut_3_a.gif";

kuvat[6]="/kuvat/etusivu_a.gif";
kuvat[7]="/kuvat/palvelut_a.gif";
kuvat[8]="/kuvat/tarjouslaskenta_a.gif";
kuvat[9]="/kuvat/yhteystiedot_a.gif";
kuvat[10]="/kuvat/referenssit_a.gif";

for(i=0; kuvat[i] != null; i++){kuva = new Image(); kuva.src=kuvat[i];}

}

function valikointi(id, kuva){

document.getElementById(id).src="/kuvat/"+kuva+".gif";

}

function valikointi2(id, kuva){

document.getElementById(id).style.backgroundImage="url(/kuvat/"+kuva+".gif)";

}

function haeXoodi(id){

haettava_obj = document.getElementById(id);

if (haettava_obj.offsetParent) {
x_matka = haettava_obj.offsetLeft
while (haettava_obj = haettava_obj.offsetParent) {
x_matka += haettava_obj.offsetLeft
}}

return x_matka;

}

function haeYoodi(id){

haettava_obj = document.getElementById(id);

if (haettava_obj.offsetParent) {
y_matka = haettava_obj.offsetTop
while (haettava_obj = haettava_obj.offsetParent) {
y_matka += haettava_obj.offsetTop
}}

return y_matka;

}

var avattuna = 0;
var avattava = 0;
var piilotus = 0;
var aktiivinen = 0;

function naytavalikko(valikko, mihin, yla, vasen, aktivoitu) {

aktiivinen = aktivoitu;

if(avattuna != valikko){

if(avattuna != 0){piilota(); clearTimeout(piilotus);}

avattava = mihin;

avattuna = valikko;

valikointi("palvelut", "palvelut_a");

elementti=document.getElementById(valikko);

elementti.style.display="block";
elementti.style.top=haeYoodi(mihin)+yla+"px";
elementti.style.left=haeXoodi(mihin)+vasen+"px";

}else{clearTimeout(piilotus);}

}

function piilotavalikko(valikko) {

piilotus = setTimeout(piilota, 500);

}

function piilota() {

document.getElementById(avattuna).style.display="none";

if(aktiivinen == 0){valikointi("palvelut", "palvelut");}

avattuna = 0;

}