var linkinVari = '#dedede';

var linkinKorostus = '#aaaaff';  // '#ddddff'

var juurenVari = '#dedede';
var juurenKorostus = '#aaaaff';


var vLkm = 4;           // valikoiden lukumäärä

var vPit = [0,6,2,2];   // valikoiden pituudet

var valittu = -1;

// Kirjoittamisvaivoja vähentävä apufunktio

function elem(id) {
  return document.getElementById(id);

}



function mene(v,uri) {
  katkeValikko(v);
  if (uri != undefined) location.href = uri;

}


function naytaValikko(v) {
  elem('juuri'+v).style.backgroundColor = juurenKorostus;
  for (var i=0; i<vPit[v]; i++) {
    var linkki = elem('linkki'+v+i);
    linkki.style.backgroundColor = linkinVari;
    linkki.style.visibility = 'visible';
  }
  if (valittu>=0) {
    elem('linkki'+v+valittu).style.backgroundColor = linkinKorostus;
  }

}


function katkeValikko(v) {
  for (var i=0; i<vPit[v]; i++) {
    var linkki = elem('linkki'+v+i);
    linkki.style.visibility = 'hidden';
  }
  valittu = -1;
  elem('juuri'+v).style.backgroundColor = juurenVari;
}


function korosta(v,i) {
  valittu = i;
  naytaValikko(v);

}



function poistaKorostus(v) {
  for (var j=0; j<vPit[v]; j++) {
    var linkki = elem('linkki'+v+j);
    linkki.style.backgroundColor = linkinVari;
    linkki.style.visibility = 'hidden';
  }
  valittu = -1;
  elem('juuri'+v).style.backgroundColor = juurenVari;

}