var HS_piilotusviive;
var HS_nayttamisviive;
var HS_nakyvaValikko = "";
var HS_jokuValikkoOnAuki = false;
var HS_keskibannerin_nayttamisviive;

// Navin napit
var kuvienUrlinAlku = "/static/kuvat/navi/";
var kuvienUrlinAlku2 = "/static/kuvat/navi/valikot/";
var kuvat = new Array();

// selaintunnistus
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();


//kuvat['kaikkivalikko'] = new Image();
//kuvat['tietokoneetvalikko'] = new Image();
//kuvat['urheiluvalikko'] = new Image();
//kuvat['olohuonevalikko'] = new Image();
//kuvat['mukana_kulkevatvalikko'] = new Image();
//kuvat['pelaaminenvalikko'] = new Image();
//kuvat['kirjatvalikko'] = new Image();
kuvat['loginvalikko'] = new Image();
kuvat['loginvalikkotyhja'] = new Image();
kuvat['loginvalikkolisa'] = new Image();

if (onkoIe6()) {
//	kuvat['kaikkivalikko'].src = kuvienUrlinAlku + 'kaikki_vaalea.gif';
//	kuvat['tietokoneetvalikko'].src = kuvienUrlinAlku + 'tietokoneet_vaalea.gif';
//	kuvat['urheiluvalikko'].src = kuvienUrlinAlku + 'urheilu_vaalea.gif';
//	kuvat['olohuonevalikko'].src = kuvienUrlinAlku + 'olohuone_vaalea.gif';
//	kuvat['mukana_kulkevatvalikko'].src = kuvienUrlinAlku + 'mukanaKulkevat_vaalea.gif';
//	kuvat['pelaaminenvalikko'].src = kuvienUrlinAlku + 'pelaaminen_vaalea.gif';
//	kuvat['kirjatvalikko'].src = kuvienUrlinAlku + 'kirjat_vaalea.gif';
	kuvat['loginvalikko'].src = kuvienUrlinAlku + 'kirjaudu_vaalea.gif';
	kuvat['loginvalikkotyhja'].src = kuvienUrlinAlku + 'kirjaudu_vaalea_tyhja.gif';
	kuvat['loginvalikkolisa'].src = kuvienUrlinAlku + 'tab_vaalea_oikea.gif';
}
else {
//	kuvat['kaikkivalikko'].src = kuvienUrlinAlku + 'kaikki_vaalea.png';
//	kuvat['tietokoneetvalikko'].src = kuvienUrlinAlku + 'tietokoneet_vaalea.png';
//	kuvat['urheiluvalikko'].src = kuvienUrlinAlku + 'urheilu_vaalea.png';
//	kuvat['olohuonevalikko'].src = kuvienUrlinAlku + 'olohuone_vaalea.png';
//	kuvat['mukana_kulkevatvalikko'].src = kuvienUrlinAlku + 'mukanaKulkevat_vaalea.png';
//	kuvat['pelaaminenvalikko'].src = kuvienUrlinAlku + 'pelaaminen_vaalea.png';
//	kuvat['kirjatvalikko'].src = kuvienUrlinAlku + 'kirjat_vaalea.png';
	kuvat['loginvalikko'].src = kuvienUrlinAlku + 'kirjaudu_vaalea.png';
	kuvat['loginvalikkotyhja'].src = kuvienUrlinAlku + 'kirjaudu_vaalea_tyhja.png';
	kuvat['loginvalikkolisa'].src = kuvienUrlinAlku + 'tab_vaalea_oikea.png';
}

//kuvat['kaikkivalikko_tumma'] = new Image();
//kuvat['tietokoneetvalikko_tumma'] = new Image();
//kuvat['urheiluvalikko_tumma'] = new Image();
//kuvat['olohuonevalikko_tumma'] = new Image();
//kuvat['mukana_kulkevatvalikko_tumma'] = new Image();
//kuvat['pelaaminenvalikko_tumma'] = new Image();
//kuvat['kirjatvalikko_tumma'] = new Image();
kuvat['loginvalikko_tumma'] = new Image();
kuvat['loginvalikkotyhja_tumma'] = new Image();
kuvat['loginvalikkolisa_tumma'] = new Image();

if (onkoIe6()) {
//	kuvat['kaikkivalikko_tumma'].src = kuvienUrlinAlku + 'kaikki_tumma.gif';
//	kuvat['tietokoneetvalikko_tumma'].src = kuvienUrlinAlku + 'tietokoneet_tumma.gif';
//	kuvat['urheiluvalikko_tumma'].src = kuvienUrlinAlku + 'urheilu_tumma.gif';
//	kuvat['olohuonevalikko_tumma'].src = kuvienUrlinAlku + 'olohuone_tumma.gif';
//	kuvat['mukana_kulkevatvalikko_tumma'].src = kuvienUrlinAlku + 'mukanaKulkevat_tumma.gif';
//	kuvat['pelaaminenvalikko_tumma'].src = kuvienUrlinAlku + 'pelaaminen_tumma.gif';
//	kuvat['kirjatvalikko_tumma'].src = kuvienUrlinAlku + 'kirjat_tumma.gif';
	kuvat['loginvalikko_tumma'].src = kuvienUrlinAlku + 'kirjaudu_tumma.gif';
	kuvat['loginvalikkotyhja_tumma'].src = kuvienUrlinAlku + 'kirjaudu_tumma_tyhja.gif';
	kuvat['loginvalikkolisa_tumma'].src = kuvienUrlinAlku + 'tab_tumma_oikea.gif';
}
else {
//	kuvat['kaikkivalikko_tumma'].src = kuvienUrlinAlku + 'kaikki_tumma.png';
//	kuvat['tietokoneetvalikko_tumma'].src = kuvienUrlinAlku + 'tietokoneet_tumma.png';
//	kuvat['urheiluvalikko_tumma'].src = kuvienUrlinAlku + 'urheilu_tumma.png';
//	kuvat['olohuonevalikko_tumma'].src = kuvienUrlinAlku + 'olohuone_tumma.png';
//	kuvat['mukana_kulkevatvalikko_tumma'].src = kuvienUrlinAlku + 'mukanaKulkevat_tumma.png';
//	kuvat['pelaaminenvalikko_tumma'].src = kuvienUrlinAlku + 'pelaaminen_tumma.png';
//	kuvat['kirjatvalikko_tumma'].src = kuvienUrlinAlku + 'kirjat_tumma.png';
	kuvat['loginvalikko_tumma'].src = kuvienUrlinAlku + 'kirjaudu_tumma.png';
	kuvat['loginvalikkotyhja_tumma'].src = kuvienUrlinAlku + 'kirjaudu_tumma_tyhja.png';
	kuvat['loginvalikkolisa_tumma'].src = kuvienUrlinAlku + 'tab_tumma_oikea.png';
}

function onkoIe6() {
  
  if (BrowserDetect.browser == "Explorer" &&
      BrowserDetect.version < 7)
	  return 1;
  return 0;
}


// ------------------------------------------------------ NAYTAVALIKKO-FUNKTIO
function HS_naytaValikko(valikko) {

  var viive = 500;
  if (HS_nakyvaValikko != valikko) {
    HS_piilotaValikko(HS_nakyvaValikko);
  }
  clearTimeout(HS_piilotusviive);
  
  if (HS_jokuValikkoOnAuki) viive = 0;
  HS_nayttamisviive = setTimeout("HS_naytaOikeasti('"+valikko+"')", viive);
}

// ------------------------------------- NAYTATAIPIILOTATERVETULOLOGIN-FUNKTIO
function naytaTaiPiilotaTervetuloLogin() {
  var tereOlio = haeOlio("navilogin_tervetuloa");

  if (tereOlio != null) {
    naytaTaiPiilotaLoginValikko('loginvalikkotyhja');
    HS_nayttamisviive =
      setTimeout("naytaTaiPiilotaLoginValikko('loginvalikkotyhja')", 10000);
  }
}

// --------------------------------------- NAYTATAIPIILOTALOGINVALIKKO-FUNKTIO
function naytaTaiPiilotaLoginValikko(valikko) {
  var valikkoolio = HS_haeOlio('loginvalikko');
  var kirjautuneenNimi = HS_haeOlio('kayttajanmuotoilu');
    
  if (valikkoolio.style.display == 'block') {
    clearTimeout(HS_nayttamisviive);
    HS_piilotaOikeasti(valikko);
    if (kirjautuneenNimi != null) {
      kirjautuneenNimi.style.fontSize = '';
      kirjautuneenNimi.style.color = '';
    }
  } else {
    if (kirjautuneenNimi != null) {
      kirjautuneenNimi.style.fontSize = '10px';
      kirjautuneenNimi.style.color = 'white';
    }
    
    HS_naytaOikeasti(valikko);
  }
}

// ----------------------------------------------------- PIILOTAMAINOS-FUNKTIO
function piilotaMainos() {
  var mainos = haeOlio("oikeanlaidanEnsimmainenBanneri");
  if (mainos != null) {
    mainos.style.visibility = "hidden";
    mainos.style.height = "350px";
  }
}

// ------------------------------------------------------- NAYTAMAINOS-FUNKTIO
function naytaMainos() {
  var mainos = haeOlio("oikeanlaidanEnsimmainenBanneri");
  if (mainos != null) {
    mainos.style.visibility = "visible";
    mainos.style.height = "";
  }
}

// ----------------------------------------------------- NAYTAOIKEASTI-FUNKTIO
function HS_naytaOikeasti(valikko) {

  var tyhja = false;
  if (valikko == 'loginvalikkotyhja') {
    valikko = 'loginvalikko';
    tyhja = true;
  }

  var olio = HS_haeOlio(valikko);
  var ylintaso = HS_haeOlio("ylintaso" + valikko);
  if (olio != null) {
    olio.style.display = 'block';
    if (ylintaso != null)
      ylintaso.className = 'tiputusvalikko_vasen_yla vt2';
  }
  clearTimeout(HS_piilotusviive);
  HS_nakyvaValikko = valikko;
  
  piilotaKeskibanneri(valikko);
  
  if (valikko == 'loginvalikko') {
    piilotaMainos();
    HS_haeOlio(valikko + 'lisakuva').src = kuvat[valikko + 'lisa_tumma'].src;
    if (tyhja)
      HS_haeOlio(valikko + 'kuva').src = kuvat[valikko + 'tyhja_tumma'].src;
    else
      HS_haeOlio(valikko + 'kuva').src = kuvat[valikko + '_tumma'].src;
  } 

  muutaNapinTila(valikko, true);
  
  HS_jokuValikkoOnAuki = true;
}

// ---------------------------------------------------- PIILOTAVALIKKO-FUNKTIO
function HS_piilotaValikko(valikko) {
  clearTimeout(HS_nayttamisviive);
  HS_piilotusviive = setTimeout("HS_piilotaOikeasti('"+valikko+"')", 0);
}

// --------------------------------------------------- PIILOTAOIKEASTI-FUNKTIO
function HS_piilotaOikeasti(valikko) {
  
  HS_keskibannerin_nayttamisviive =
    setTimeout("naytaKeskibanneri('"+valikko+"')", 100);

  var tyhja = false;
  if (valikko == 'loginvalikkotyhja') {
    valikko = 'loginvalikko';
    tyhja = true;
  }

  var olio = HS_haeOlio(valikko);
  var ylintaso = HS_haeOlio("ylintaso" + valikko);
  if (olio != null) {
    olio.style.display = 'none';
    if (ylintaso != null)
      ylintaso.className = 'leveys vt2';
  }
  
  if (valikko == 'loginvalikko') {
    naytaMainos();
    HS_haeOlio(valikko + 'lisakuva').src = kuvat[valikko + 'lisa'].src;
    if (tyhja)
      HS_haeOlio(valikko + 'kuva').src = kuvat[valikko + 'tyhja'].src;
    else
      HS_haeOlio(valikko + 'kuva').src = kuvat[valikko].src;
  }  

  muutaNapinTila(valikko, false);
  
  HS_jokuValikkoOnAuki = false;
}

// ------------------------------------------------- NAYTAKESKIBANNERI-FUNKTIO
function naytaKeskibanneri(valikko) {
  var keskibansku = haeOlio("alabanneri");
  if (keskibansku != null && keskibansku.style.visibility != "visible") {
    keskibansku.style.visibility = "visible";
  }
}

// ----------------------------------------------- PIILOTAKESKIBANNERI-FUNKTIO
function piilotaKeskibanneri(valikko) {
  var keskibansku = haeOlio("alabanneri");
  var valikonLoppu = haeOlio(valikko + "_l");
  if (keskibansku != null && valikonLoppu != null) {
    if (elementinSuhteellinenSijaintiY(keskibansku) <
        (elementinSuhteellinenSijaintiY(valikonLoppu) - 16)) {
      keskibansku.style.visibility = "hidden";
      clearTimeout(HS_keskibannerin_nayttamisviive);
    }
  }
}

// ------------------------------------------------------ NAYTAVALIKKO-FUNKTIO
function muutaNapinTila(valikko, onValittu) {

  var otsikkotaulukko = haeOlio(valikko + "_otsikko");

  if (otsikkotaulukko != null) {

    var kuvat = otsikkotaulukko.getElementsByTagName("img"); // 2 kpl
    var solut = otsikkotaulukko.getElementsByTagName("td"); // 3 kpl

    if (kuvat != null && kuvat.length == 2 &&
        solut != null && solut.length == 3) {

      var valittuKuva = onValittu ? "tumma" : "vaalea";
      var valittuSolu = onValittu ? "_valittu" : "";

      if (onkoIe6()) {
        kuvat[0].src = kuvienUrlinAlku2 + "vasen_" + valittuKuva + ".gif";
        kuvat[1].src = kuvienUrlinAlku2 + "oikea_" + valittuKuva + ".gif";
      }
      else {
        kuvat[0].src = kuvienUrlinAlku2 + "vasen_" + valittuKuva + ".png";
        kuvat[1].src = kuvienUrlinAlku2 + "oikea_" + valittuKuva + ".png";
      }
      solut[1].className = "navi_sisalto" + valittuSolu;
    }
  }
}