// PÄÄVÄRIT
var tumma = "rgb(107,121,10)";
var tummateksti = "rgb(47,54,5)";
var tumma2 = "rgb(130,149,11)";
//var vaalea = "rgb(175,202,13)";
var vaalea = "rgb(176,202,13)";
var vaaleateksti = "rgb(213,246,8)";
var vaalein = "rgb(193,220,0)";
//var vaalein = "rgb(193,217,59)";
//var keskivari = "rgb(238,210,188)";
var keskivari = "rgb(132,126,66)";
var viivavari = "rgb(130,149,11)";
//var linkit = "rgb(104,45,255)";
var linkit = "rgb(18,10,172)";
var harmaa = "rgb(208,208,208)";

var paalinkit = "rgb(93,46,5)";
var paalinkitpaalla = "rgb(192,192,192)";
var valkoinen = "rgb(255,255,255)";
var musta = "rgb(0,0,0)";

var ryhmatapahtumavari = vaalea;//"rgb(179,224,88);"; // Kalenterissa
var tap3 = "rgb(204,103,14);";
var tap2 = "rgb(14,133,204);";
var tap1 = "rgb(204,14,17);";
var omatapahtumavari = tumma;//"rgb(224,210,88);"; // Kalenterissa myös
var tapahtumalinkkivari = "rgb(54,92,12)";

// SEURAAVAT TYYLIMÄÄRITTELYJEN MUUTTUJIA
var fontit = "font-family: verdana, tahoma, arial;";
var input_login_koko = "font-size: 11px;";
var pieni_koko = "font-size: 10px;";
var lainaus_koko = "font-size: 12px;";
var perus_koko = "font-size: 13px;";
var h1_koko = "font-size: 22px;";
var h2_koko = "font-size: 18px;";
var h3_koko = "font-size: 16px;";
var yleisotsikko_koko = "font-size: 11px;";
var iso_koko = "font-size: 16px;";
var jatti_koko = "font-size: 30px;";
var paalinkki_koko = "font-size: 13px;";
var valikkolinkki_koko = "font-size: 14px;";

var bold = "font-weight: bold;";
var normaalifontinpaksuus = "font-weight: normal;";
var italic = "font-style: italic;";
var ei_mitaan = "text-decoration: none;";
var alleviivaus = "text-decoration: underline;";

var tummateksti_vari = "color: " + tummateksti + ";";
var vaaleateksti_vari = "color: " + vaaleateksti + ";";
var tumma_vari = "color: " + tumma + ";";
var harmaa_vari = "color: " + harmaa + ";";
var vaalea_vari = "color: " + vaalea + ";";
var keski_vari = "color: " + keskivari + ";";
var musta_vari = "color: black;";
var punainen_vari = "color: red;";
var vihrea_vari = "color: green;";
var linkki_vari = "color: " + linkit + ";";
var paalinkki_vari = "color: " + paalinkit + ";";
var paalinkkipaalla_vari = "color: " + paalinkitpaalla + ";";
var valko_vari = "color: " + valkoinen  +";";

var ylamainos_tausta = "background: rgb(47,54,5);";
var tumma_tausta = "background: " + tumma + ";";
var tumma2_tausta = "background: " + tumma2 + ";";
var vaalea_tausta = "background: " + vaalea + ";";
var vaalein_tausta = "background: " + vaalein + ";";
var keski_tausta = "background: " + keskivari + ";";
var valko_tausta = "background: " + valkoinen + ";";
var musta_tausta = "background: " + musta + ";";
var harmaa_tausta = "background: " + harmaa + ";";
var omatapahtumavari_tausta = "background: " + omatapahtumavari + ";";
var ryhmatapahtumavari_tausta = "background: " + ryhmatapahtumavari + ";";
//var viivavari_tausta = "background: " + viivavari + ";";
var viivavari_tausta = "background-image: rgb(132,151,11);";
//url(fig/style2/linkkiviiva_vaaka1x1.png);";

var linkkivari_tausta = "background: " + linkit + ";";
var kalenterioma_tausta = "background: " + omatapahtumavari + ";";

var reuna_vari = "border-color: " + tumma + ";";      
var vaalea_reuna_vari = "border-color: " + vaalea + ";";      
var reuna_leveys = "border-width: 1px;";
var reuna_tyyli = "border-style: solid;";//ridge;";
var kursori_form = "cursor: default;";

// SEURAAVASSA JÄRJESTYKSEN ON OLTAVA JUURI TUO, JOS HALUAA SEN TOIMIVAN
var kursori_linkki = "cursor: pointer;cursor: hand;";

// TYYLIMÄÄRITTELYT

document.write("<style type=\"text/css\">");

document.write("html, form, table {"); 
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

document.write("body {"); 
//document.write("background-image: url(fig/style2/vaakatausta.png);");
//document.write("background-repeat: repeat-x;");
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

document.write("body.none {"); 
document.write(valko_tausta);
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

document.write("body.popup {"); 
document.write(vaalea_tausta);
document.write("margin: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

document.write(".PaaYlaTausta {"); 
document.write("background-image: url(fig/style2/vaakatausta.png);");
document.write("background-repeat: repeat-x;");
document.write("}");

document.write("p {"); 
document.write("margin-top: 10px;");
document.write("margin-bottom: 0px;");
document.write("padding: 0px;");
document.write(fontit);
document.write(musta_vari);
document.write(perus_koko);
document.write("}");

// LISTA
document.write("ul {");
document.write("list-style-image: url(fig/style2/li_nuoli_pieni.png);");
//document.write("padding-left: 16px;");
document.write("}");

// LOGOKUVA TAUSTALLA
document.write(".logokuva {");
document.write(keski_tausta);
//document.write("background-image: url(fig/logo.png);");
document.write("background-repeat: no-repeat;");
document.write("background-position: top left;");
document.write("}");

// KELLUVAT ALALINKKIVALIKOT
document.write(".alaalalinkkiON {");
document.write(vaaleateksti_vari);
//rgbimage(vaalein_tausta);
document.write(tumma_tausta);
document.write(yleisotsikko_koko);
//document.write(ei_mitaan);
document.write(alleviivaus);
document.write(kursori_linkki);
document.write("}");
// JA SAMA POIS
document.write(".alaalalinkkiOFF {");
document.write(tummateksti_vari);
document.write(vaalea_tausta);
document.write(yleisotsikko_koko);
document.write(ei_mitaan);
document.write("}");

// PÄÄLINKKIPANEELIPÄÄLLÄ
document.write(".alalinkkiON {");
document.write(tummateksti_vari);
//rgbimage(vaalein_tausta);
document.write(vaalein_tausta);
document.write(yleisotsikko_koko);
//document.write(ei_mitaan);
document.write(alleviivaus);
document.write(kursori_linkki);
document.write("}");
// JA SAMA POIS
document.write(".alalinkkiOFF {");
document.write(valko_vari);
document.write(yleisotsikko_koko);
document.write(ei_mitaan);
document.write("}");
// JA JOS OLLAAN TÄLLÄ SIVULLA
document.write(".alalinkkiOFFNOW {");
//document.write(valko_vari);
document.write(tummateksti_vari);
//rgbimage(vaalea_tausta);
document.write(vaalea_tausta);
document.write(yleisotsikko_koko);
document.write(ei_mitaan);
document.write("}");
// PÄÄLINKKI AKTIIVINEN, EI OLE NYT KÄYTÖSSÄ
document.write(".paalinkkiON {");
document.write(valko_vari);
//rgbimage(keski_tausta);
document.write(keski_tausta);
document.write(yleisotsikko_koko);
//document.write(ei_mitaan);
document.write(alleviivaus);
document.write(kursori_linkki);
document.write("}");

// JA SAMA POIS JOS OLLAAN SIVULLA
document.write(".linkkiOFFNOW {");
document.write(tumma_tausta);
//rgbimage(tumma_vari);
document.write(paalinkki_koko);
document.write(ei_mitaan);
document.write(bold);
document.write("}");
// JA NÄISSÄ OLEVAT VÄLIT
document.write(".linkkivali {");
document.write("margin-left:15px; margin-right:15px;");
document.write("}");

// PIILOTETTU LINKKITASO PIILOSSA
document.write(".linkkitasoOFF {");
document.write("position: absolute;");
document.write("visibility: hidden;");
document.write("}");
// JA SAMA NÄKYVISSÄ
document.write(".linkkitasoON {");
document.write("position: absolute;");
document.write("visibility: visible;");
document.write(keski_vari);
document.write("border-width: 0px;");
document.write("border-style: solid;");
document.write("z-index: 100;");
//rgbimage(vaalea_tausta);
document.write(vaalea_tausta);
document.write("}");

// INFOTASO

document.write(".info {");
document.write(vaalea_tausta);
document.write("border: 1px solid;");
document.write(reuna_vari);
document.write("padding: 10px;");
document.write("margin-top: 10px;");
document.write("margin-bottom: 20px;");
document.write("}");

// ONNISTUI JA VIRHE
document.write(".onnistui {");
document.write(vaalein_tausta);
document.write(tummateksti_vari); 
document.write("border: 1px solid;");
document.write(reuna_vari);
document.write("padding: 10px;");
document.write("margin-top: 10px;");
document.write("margin-bottom: 20px;");
document.write("}");
document.write(".virhe {");
document.write(vaalein_tausta);
document.write("color: rgb(250,40,40);"); 
document.write("border: 1px solid;");
document.write(reuna_vari);
document.write("padding: 10px;");
document.write("margin-top: 10px;");
document.write("margin-bottom: 20px;");
document.write("}");

// KOKOJA
// PIENI KOKO
document.write(".pieni {"); 
document.write(pieni_koko);
document.write("}");

// OTSIKOT
document.write("h1 {");
document.write("border-bottom: 5px groove;"); 
document.write(fontit);
document.write(tummateksti_vari);
document.write(h1_koko);
document.write(bold);
document.write("}");

document.write("h2 {"); 
document.write("border-bottom: 5px groove;");
document.write(fontit);
document.write(vaalea_vari);
document.write(h2_koko);
document.write(bold);
document.write("}");

document.write("h3 {"); 
document.write("border-bottom: 3px groove;");
document.write(fontit);
document.write(vaalea_vari);
document.write(h3_koko);
document.write(bold);
document.write("}");

document.write(".kerhonimiteksti {"); 
document.write(fontit);
document.write(tummateksti_vari);
document.write(iso_koko);
document.write(bold);
document.write("}");

// INPUT KENTÄT
document.write("input, textarea, select{");
document.write(fontit);
document.write(perus_koko);
rgbimage(vaalea_tausta);
document.write(reuna_vari);
document.write(reuna_leveys);
document.write(reuna_tyyli);
//document.write(kursori_form);
document.write("}");

document.write("input.submit {");
document.write(fontit);
document.write(perus_koko);
document.write(vaalea_tausta);
document.write(reuna_vari);
document.write(reuna_leveys);
document.write(reuna_tyyli);
//document.write(kursori_form);
document.write("}");

document.write("input.submit:hover {");
document.write(tumma_tausta);
document.write(valko_vari);
document.write(kursori_linkki);
document.write("}");

// LINKIT
document.write("a {");
document.write(fontit);
document.write(linkki_vari);
document.write("}");

document.write("a:link, a:active, a:visited {"); 
document.write(ei_mitaan);
document.write("}");

document.write("a:hover {"); 
document.write(alleviivaus);
document.write("}");

// PÄÄLUOKKIA ESITTÄVÄT LINKIT
document.write("a.linkkiPAA {");
document.write(yleisotsikko_koko);
//document.write(bold);
document.write(fontit);
document.write(valko_vari);
document.write("}");

document.write("a.linkkiPAA:link, a.linkkiPAA:active, a.linkkiPAA:visited {"); 
//document.write(bold);
document.write(ei_mitaan);
document.write(tummateksti_vari);
document.write("}");

document.write("a.linkkiPAA:hover {"); 
//document.write(bold);
document.write(tummateksti_vari);
document.write(alleviivaus);
document.write("}");

// VALKOINEN LINKKI
document.write("a.linkkiVALK {");
document.write(fontit);
document.write(valko_vari);
document.write("}");
document.write("a.linkkiVALK:link, a.linkkiVALK:active, a.linkkiVALK:visited {"); 
document.write(ei_mitaan);
document.write("}");
document.write("a.linkkiVALK:hover {"); 
document.write(alleviivaus);
document.write("}");

// VALKOINEN LINKKI ILMAN ALLEVIIVAUSTA
document.write("a.linkkiVALKBULK {");
document.write(fontit);
document.write(valko_vari);
document.write("}");
document.write("a.linkkiVALK:link, a.linkkiVALK:active, a.linkkiVALK:visited, a.linkkiVALKBULK:hover {"); 
document.write(ei_mitaan);
document.write("}");

// TUMMAN TEKSTIN LINKKI
document.write("a.linkkiTUMMA {");
document.write(fontit);
document.write(tummateksti_vari);
document.write("}");
document.write("a.linkkiTUMMA:link, a.linkkiTUMMA:active, a.linkkiTUMMA:visited {"); 
document.write(ei_mitaan);
document.write("}");
document.write("a.linkkiTUMMA:hover {"); 
document.write(alleviivaus);
document.write("}");


// PÄÄLUOKKIA ESITTÄVÄT LINKIT SILLOIN KUN OLLAAN PÄÄLUOKAN SIVULLA
document.write("a.linkkiPAANOW {");
document.write(yleisotsikko_koko);
//document.write(bold);
document.write(fontit);
document.write(tummateksti_vari);
document.write("}");

document.write("a.linkkiPAANOW:link, a.linkkiPAANOW:active, a.linkkiPAANOW:visited {"); 
//document.write(bold);
document.write(ei_mitaan);
document.write("}");

document.write("a.linkkiPAANOW:hover {"); 
//document.write(bold);
document.write(alleviivaus);
document.write("}");

document.write("a.sormi {");
document.write(kursori_linkki);
document.write("}");

// TASO, JOTA KÄYTETÄÄN LISÄINFON NÄYTTÄMISEEN JA RYHMIEN NÄYTTÄMISEEN KYLLÄMÄÄRÄSSÄ
document.write(".taso {");
document.write("position: absolute;");
document.write("z-index: 100;");
document.write("visibility: hidden;");
document.write(vaalea_tausta);
document.write(reuna_vari);
document.write(reuna_tyyli);
document.write(reuna_leveys);
//document.write(tumma_vari);
document.write("width: 200px;");
document.write("padding: 0px;");
document.write("}");

document.write(".taso600 {");
document.write("position: absolute;");
document.write("visibility: hidden;");
document.write(vaalea_tausta);
document.write(reuna_vari);
document.write(reuna_tyyli);
document.write(reuna_leveys);
//document.write(tumma_vari);
document.write("width: 600px;");
document.write("padding: 0px;");
document.write("}");

// KESKUSTELUFOORUMILLA
document.write(".lainaus {");
document.write("margin-left: 40px;");
document.write("padding: 3px;");
document.write(lainaus_koko);
document.write(italic);
document.write(reuna_vari);
document.write(reuna_leveys);
document.write(reuna_tyyli);
document.write(valko_tausta);
document.write("}");

// NORMAALIVALKOINEN OTSIKKo
document.write(".valkoots {");
document.write(valko_vari);
document.write(yleisotsikko_koko);
document.write("}");

// KÄSIPÄÄLLÄ OTSIKKO
document.write(".kasipaalla {");
document.write(kursori_linkki);
document.write("}");

// TAPAHTUMIEN VÄRIT
document.write(".ryhmatap {");
//document.write(valko_vari);
document.write(tummateksti_vari);
document.write(ryhmatapahtumavari_tausta);
document.write(ei_mitaan);
document.write("}");

document.write(".tap1bg {");
document.write(valko_vari);
document.write("background: " + tap1);
document.write(ei_mitaan);
document.write("}");

document.write(".tap2bg {");
document.write(valko_vari);
document.write("background: " + tap2);
document.write(ei_mitaan);
document.write("}");

document.write(".tap3bg {");
document.write(valko_vari);
document.write("background: " + tap3);
document.write(ei_mitaan);
document.write("}");

document.write(".omatap {");
document.write(valko_vari);
document.write(omatapahtumavari_tausta);
document.write("}");

document.write(".activetap {");
document.write(tummateksti_vari);
document.write(vaalein_tausta);
document.write(kursori_linkki);
document.write(alleviivaus);
document.write("}");

document.write(".activetapNULL {");
document.write(tummateksti_vari);
document.write(vaalein_tausta);
document.write(alleviivaus);
document.write("}");

document.write(".LisaaTapActive {");
document.write(tummateksti_vari);
document.write(vaalein_tausta);
document.write(kursori_linkki);
document.write("}");

document.write(".LisaaTapPassive {");
document.write(tummateksti_vari);
document.write(valko_tausta);
document.write(kursori_linkki);
document.write("}");

document.write(".viivavaribg {");
rgbimage(viivavari_tausta);
document.write("}");


// TAUSTAVARIT
taustat = new  Array('.tummabg','.vaaleabg','.valkobg','.keskibg',
		     '.harmaabg','.kalenteriomabg','.vaaleinbg',
		     '.tumma2bg','.ylamainos');
taustavarit = new Array(tumma_tausta,vaalea_tausta,valko_tausta,keski_tausta,
			harmaa_tausta,kalenterioma_tausta,vaalein_tausta,
			tumma2_tausta,ylamainos_tausta);

for (k=0 ; k<taustat.length ; k++){
  document.write(taustat[k] + "{"); 
  document.write(taustavarit[k]);  
  // VAIHTOEHTOINEN TAPA KIERTÄÄ WEBSAFE VÄREJÄ
  //rgbimage(taustavarit[k]);
  document.write("}");
}

document.write("</style>");


// ANTAA 3-ARRAYN rgb VÄREINÄ tehtynä RGB STRINGISTÄ
function annargb(vari){
  loppu = vari.split("(");
  alku = loppu[1].split(")");
  rgb = alku[0].split(",");
  return rgb;
}

function rgbimage(vari){
  rgb = annargb(vari);
  document.write("background-image: url(pikseli.php?R=" +
		 rgb[0] + "&G=" + rgb[1] + "&B=" + rgb[2] + ");");  
}