/*--------------------------NUORET ALKAA-------------------------------------*/
/**
 * nuoret 
 * @param {type} param 
 */
function nuoret (){
	getNews(); //tulostetaan ylätaulukko aluksi täyteen uutisia
	
	//News-navigaattorin toiminnallisuus
	var news = document.getElementById("nuoret_nav_news");
	lisaaKuuntelija(news, YlaToNews);
	
	//Mikä nuortenilta?-navigaation toiminnallisuus
	var nilta = document.getElementById("nuoret_nav_nilta");
	//lisaaKuuntelija(nilta, preventDef);
	lisaaKuuntelija(nilta, YlaToNilta);
	
	//Linkit-navigaattorin toiminnallisuus
	var linkit = document.getElementById("nuoret_nav_linkit");
	lisaaKuuntelija(linkit, avaaLinkit);
}

/**
 * lisaa_ryhmat
 * @param {type} transport
 */
 function lisaa_newsit(transport) {
 var td_old = document.getElementById("news");
 lahete = transport;
 	if (document.importNode) {
        var uutinen = document.importNode(transport.responseXML.documentElement, true);
        td_old.appendChild(uutinen);
        console.log(transport.responseXML.value);
        
        return;
    }
    //Typerä IE-vaihtoehto (paska selain!!) 
    new Insertion.Bottom(td_old, transport.responseText);
 }

/**
 * getNews 
 */
 function getNews() {
 	 new Ajax.Request('getNews.php', {
      method: 'get',
      //parameters: Form.Element.serialize($('oppilaitosryhma')),
      onSuccess: lisaa_newsit,
      onFailure: virhe
     }); 

     muutaNuortenOtsikot("news", "linkit", "galtsu", "nilta");
 }

/**
 * YlaToNews 
 * @param {type} param 
 */
 function YlaToNews() {
    // Poistetaan vanha teksti eli newsit
    var td = document.getElementById("news");
    while (td.firstChild) td.removeChild(td.firstChild);

    getNews();
 }

function getNilta() {
    muutaNuortenOtsikot("nilta", "linkit", "galtsu", "news");
	
	var td = document.getElementById("news");
    var p1 = document.createElement("p");
    p1.appendChild(document.createTextNode('Naurua, iloa, hyvää seuraa, tekemistä, kyyneleitä, ylistystä,' +
            ' sanaa, rakkautta, Jumalan Hengen läsnäoloa ja kosketusta. Lyhyesti:' +
            'Elämää. Nuortenillat eivät ole mikään erillinen juttu, jolla ei ole ' +
            'mitään tekemistä oikean elämän tai arjen kanssa. Ne ovat hetkiä,' +
            ' joissa mennään täysin nuorten ehdoilla, mutta myös täydellä voluumilla kohti' +
            ' Jumalaa ja Hänen armoaan. Jumala elää vielä tänäkin päivänä. Ja ' +
            'että Hänen kasvot on suunnattu juuri sinun ja minun ' +
            'ongelmiimme ja elämänvaiheisiimme. Hän ei halaja mitään niin ' +
            'paljon kuin viettää aikaa sinun kanssasi ja kuulla mitä sinulle kuuluu.'));
    var p2 = document.createElement("p");
    p2.appendChild(document.createTextNode('Nuorilla tarkoitetaan yläkouluikäisiä ja siitä ' +
            'ylöspäin, mutta raja on veteen piirretty. Mukaan voi tulla, kun siltä ' +
            'tuntuu. Ja parhaimman kuvan illoista saakin tulemalla rohkeasti paikan päälle. Se ' +
            'ei sido mihinkään, mutta antaa mielettömän paljon :)'));
    td.appendChild(p1);
    td.appendChild(p2);
}

/**
 * YlaToNilta 
 * @param {type} param 
 */
 function YlaToNilta() {
    // Poistetaan vanha teksti eli newsit
    var td = document.getElementById("news");
    while (td.firstChild) td.removeChild(td.firstChild);
    
    getNilta();
 }

/**
 * avaaLinkit
 * @param {type} event 
 */
 function avaaLinkit(event) {
   var ul = document.getElementById("linkki_lista"); 
   if (ul.style.display == "block") {
    ul.style.display = "none";
   } else {
    ul.style.display = "block";
    muutaNuortenOtsikot("linkit", "nilta", "galtsu", "news");
   }
}

function muutaNuortenOtsikot(valittu, muut1, muut2, muut3) {
    //muutetaan valittu-otsikko siniseksi sen merkiksi että sillä sivulla ollaan
    //ja muut nollataan
    var otsikko_valittu = document.getElementById("nuoret_nav_"+valittu);
    otsikko_valittu.setAttribute("class", "valittu");
    var otsikko_muut1 = document.getElementById("nuoret_nav_"+muut1);
    otsikko_muut1.setAttribute("class", "");
    var otsikko_muut2 = document.getElementById("nuoret_nav_"+muut2);
    otsikko_muut2.setAttribute("class", "");
    var otsikko_muut3 = document.getElementById("nuoret_nav_"+muut3);
    otsikko_muut3.setAttribute("class", "");
}
/*--------------------------NUORET LOPPUU-------------------------------------*/
/*--------------------------LAPSET LOPPUU-------------------------------------*/

function lapset (){
	//getLapsetIntro();
	getPyhis();
	
	//Jippii-navigaattorin toiminnallisuus
	var jippii = document.getElementById("lapset_nav_jippii");
	lisaaKuuntelija(jippii, YlaToJippii);
	
	//Vauvamuskari-navigaation toiminnallisuus
	//var vmuskari = document.getElementById("lapset_nav_vmuskari");
	//lisaaKuuntelija(vmuskari, YlaToVMuskari);
	
	//Pyhäkoulu-navigaattorin toiminnallisuus
	var pyhis = document.getElementById("lapset_nav_pyhis");
	lisaaKuuntelija(pyhis, YlaToPyhis);
	
    //Leirit-navigaattorin toiminnallisuus
	var leirit = document.getElementById("lapset_nav_leirit");
	lisaaKuuntelija(leirit, YlaToLeirit);
}

/**
 * lisaaKuuntelija
 * @param {type} nappula 
 */
 function lisaaKuuntelija(nappula, toiminto) {
 	if (nappula.addEventListener){
      nappula.addEventListener('click', toiminto, false); 
    } else if (nappula.attachEvent){
      nappula.attachEvent('onclick', toiminto);
    }
 }


function preventDef(event) {
    event.preventDefault();
}

function getLapsetIntro() {
	var td_old = document.getElementById("news"); 
    var table = document.createElement("table");
    var tr1 = document.createElement("tr");
    var td = document.createElement("td");
    td.appendChild(document.createTextNode(''));
    tr1.appendChild(td);
    table.appendChild(tr1);
    table.setAttribute("class", "lapset_taul");
    td_old.appendChild(table);

	
	console.log("Onnea! Olet tosi nörtti! :-)")
}

/**
 * getNews 
 */
 function getJippii() {
    muutaLastenOtsikkoLinkki("jippii", "pyhis", "leirit");

	var td = document.getElementById("news");
	var h1 = document.createElement("h1");
    h1.appendChild(document.createTextNode('JUMALAN KYNTTILÄT'));

    var p1 = document.createElement("p");
    p1.appendChild(document.createTextNode('Jippii-kuorossa toistakymmentä monenikäistä lasta laulaa iloisia, ' +
            'mukaansatempaisevia ja evankelioivia lauluja rakastavasta Jumalasta.' +
            'Harjoitukset pidetään torstaisin Rukoushuoneella klo. 18-19 ja mukaan saa tulla kaikenikäiset' +
            'lapset. Toki tarkemmat harjoitusajat kannattaa vielä tarkistaa Kunnallissanomista. Jippii-kuoro' +
            'keikkailee silloin tällöin milloin missäkin.'));
	var img = document.createElement("img");
	img.setAttribute("src", "omat_kuvat/jippii.jpg");
    var p2 = document.createElement("p");
    p2.appendChild(document.createTextNode('TULE MUKAAN SINÄKIN - TAIVAAN ISÄN HOMMIIN!!'));
    td.appendChild(h1);
    td.appendChild(p1);
	td.appendChild(img);
    td.appendChild(p2);

 /*    
    var img = document.createElement("img"); //liitetään mukaan kuva
    img.setAttribute("src", "");
    td2.appendChild(img); 
    table.appendChild(tr2);*/
 }
 
 /**
 * YlaToNews 
 * @param {type} param 
 */
 function YlaToJippii() {
    // Poistetaan vanha teksti eli newsit
    var td = document.getElementById("news");
    while (td.firstChild) td.removeChild(td.firstChild);
    
    getJippii();
 }
 
 /**
 * ajax_virhe
 * @param {type} transport 
 */
 function virhe(transport) {
    console.log("virhe");
    alert("virhe");
    //console.log(transport.statusText);
 }

function muutaLastenOtsikkoLinkki(valittu, muut1, muut2){
    //muutetaan valittu-otsikko siniseksi sen merkiksi että sillä sivulla ollaan
    //ja muut nollataan
    var otsikko_valittu = document.getElementById("lapset_nav_"+valittu);
    otsikko_valittu.setAttribute("class", "valittu");
    var otsikko_muut1 = document.getElementById("lapset_nav_" + muut1);
    otsikko_muut1.setAttribute("class", "");
    var otsikko_muut2 = document.getElementById("lapset_nav_" + muut2);
    otsikko_muut2.setAttribute("class", "");
}


/**
 * getVMuskari 
 */
 function getPyhis() {
    muutaLastenOtsikkoLinkki("pyhis", "jippii", "leirit");
 	
	var td = document.getElementById("news");
	var h1 = document.createElement("h1");
    h1.appendChild(document.createTextNode('IHANAA YHDESSÄÖLOA JA TAIVAAN ISÄN JUTTUJA LAPSILLE'));

    var p1 = document.createElement("p");
    p1.appendChild(document.createTextNode('Pyhäkoulu kokoontuu sunnuntaisin klo 11:30 Rukoushuoneen yläkerrassa.' +
            'Lapset on jaettu kahteen ryhmään iän perusteella: 3-7 vuotiaat ja 8-13 vuotiaat omassa ryhmässään' +
            'Yleisesti pyhäkoulussa lauletaan lauluja Taivaan Isästä, kuunnellaan kertomuksia Raamatusta,' +
            'leikitään, askarrellaan, rukoillaan, vietetään mukavaa aikaa yhdessä. Pienten ryhmässä' +
            'leikitään ja lauletaan enemmän, isompien ryhmässä taas on jo hieman enemmän pohdiskelua ja' +
            'Raamatun lukemista. Vapaaehtoisia opettajia ja avustajia on mukana toiminnassa kymmenkunta ja lisääkin saa tulla.'));
    var p2 = document.createElement("p");
    p2.appendChild(document.createTextNode('KAIKKI OVAT TERVETULLEITA PYHÄKOULUUMME!'));
    td.appendChild(h1);
    td.appendChild(p1);
    td.appendChild(p2);
	/* 	WANHA WERSIO - EI TOIMI IE:LL€
    var td_old = document.getElementById("news");
    var table = document.createElement("table");
    table.setAttribute("class", "lapset_taul");
    var tr1 = document.createElement("tr");
    var th = document.createElement("th");
    th.appendChild(document.createTextNode(''));
    tr1.appendChild(th);
    table.appendChild(tr1);
    
    var tr2 = document.createElement("tr");
    var td2 = document.createElement("td");
    var p = document.createElement("p");
    p.appendChild(document.createTextNode(''));
    td2.appendChild(p);
    tr2.appendChild(td2);
    table.appendChild(tr2);
    
    var tr3 = document.createElement("tr");
    var td3 = document.createElement("td");
    //td2.setAttribute("class", "jippiiOts");
    td3.appendChild(document.createTextNode(''));
    tr3.appendChild(td3);
    table.appendChild(tr3);
    
    td_old.appendChild(table);
	*/
 }

/**
 * YlaToVMuskari 
 * @param {type} param 
 */
 function YlaToPyhis() {
 	// Poistetaan vanha teksti eli newsit
    var td = document.getElementById("news");
    while (td.firstChild) td.removeChild(td.firstChild);
    
    getPyhis();
 }

/**
 * getLeirit 
 */
 function getLeirit() {
    muutaLastenOtsikkoLinkki("leirit", "pyhis", "jippii"); 	
 	
		var td = document.getElementById("news");
	var h1 = document.createElement("h1");
    h1.appendChild(document.createTextNode('LASTENLEIRIT'));

    var p1 = document.createElement("p");
    p1.appendChild(document.createTextNode('Kesällä järjestetään kaksi leiriä: 7-12-vuotiaille sekä ' +
            'yläkouluikäisille. Leirit järjestetään seurakunnan leirikeskuksessa Kesäkodilla. Leirit koostuvat' +
            'peleistä, leikeistä, raamiksista, lauluista, sketseistä ja muista mukavan leirielämän toiminnasta.'));
//    var p2 = document.createElement("p");
//    p2.appendChild(document.createTextNode('TULE MUKAAN SINÄKIN - TAIVAAN ISÄN HOMMIIN!!'));
    td.appendChild(h1);
    td.appendChild(p1);
//    td.appendChild(p2);
}

/**
 * YlaToLeirit 
 * @param {type} param 
 */
 function YlaToLeirit() {
 	// Poistetaan vanha teksti eli newsit
    var td = document.getElementById("news");
    while (td.firstChild) td.removeChild(td.firstChild);
    
    getLeirit();
 }
/*--------------------------LAPSET LOPPUU-------------------------------------*/