var i=0;
var sspeed=3;
var stopSlider = false;

//slider's height
var sheight = 315;
var singletext = new Array();
var Nav = new Array();
//var NavText = "Selecteer een dart getal op het scorebord";
var FotoImg = new Array();
var FotoTekst = new Array();
var FotoPath = "/foto/";
var ReqFile;
var ToonFoto = "";


function init() {
	GetPage("foto.xml");
	GetPage("home.htm","L");
	GetPage("message.xml");
	msgSlider();
}


function msgSlider(){
	if (document.all){
		ieslider1.style.top=sheight;
		iemarquee(ieslider1);
	}
	else if (document.getElementById&&!document.all){
		document.getElementById('ieslider1').style.top=sheight;
		ns6marquee(document.getElementById('ieslider1'));
	}
}


function ns6marquee(whichdiv){
	ns6div=eval(whichdiv)
	if (parseInt(ns6div.style.top)>0&&parseInt(ns6div.style.top)<=sspeed){
		ns6div.style.top=0
		setTimeout("ns6marquee(ns6div)",100)
	}
	if (parseInt(ns6div.style.top)>=sheight*-1){
		ns6div.style.top=parseInt(ns6div.style.top)-sspeed
		setTimeout("ns6marquee(ns6div)",100)
	}
	else {
		ns6div.style.top=sheight
		ns6div.innerHTML=singletext[i]
		if (i==singletext.length-1) {
			i=0
		} else {
			i++
		}	
	}
}


function iemarquee(whichdiv){
	iediv=eval(whichdiv);
	if (iediv.style.pixelTop>0&&iediv.style.pixelTop<=sspeed){
		iediv.style.pixelTop=0
		setTimeout("iemarquee(iediv)",100)
	}
	if (iediv.style.pixelTop>=sheight*-1){
		iediv.style.pixelTop-=sspeed
		setTimeout("iemarquee(iediv)",100)
	}
	else{
		iediv.style.pixelTop=sheight
		iediv.innerHTML=singletext[i]
		if (i==singletext.length-1) {
			i=0
		} 
		else {
			i++
		}	
	}
}


function GetPage(GetURL,Pos) {
	PageReq=GetXmlHttpObject();
	if (PageReq==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	ReqFile = GetURL.split(".");
	PageReq.open("GET", GetURL, false);
	PageReq.send(null);
	//	Synchronous call 'false' in open request
	if (ReqFile[1] == "xml") {
		ParseResponseXML(PageReq);		
	} else {
		document.getElementById("spanLeft").innerHTML = PageReq.responseText;
	}
}


function ParseResponseXML(XMLResp) {
 	if( window.ActiveXObject ) {  
  	 	xml = new ActiveXObject( "MSXML2.DOMDocument" );
	   	xml.loadXML(XMLResp.responseText);
 	} else {
			xml = XMLResp.responseXML;
 	}
	switch (ReqFile[0])	{
		case "foto":
				var fotos = xml.getElementsByTagName("Image").length;
				ToonFoto = "<div align='center'><table class='tblFoto' border='0'><tr><td colspan='3'>Klik op een foto voor grotere afbeelding</td></tr><tr>";
				var tblCol = 1;
				var imgResize;
				for (n=0; n<fotos ;n++) {
					FotoImg[n]= new Image();
					FotoImg[n].src = FotoPath + xml.getElementsByTagName("Image")[n].childNodes[0].nodeValue;
					imgResize = 80/FotoImg[n].width;
					ImgW = Math.round(FotoImg[n].width*imgResize);
					ImgH = Math.round(FotoImg[n].height*imgResize);
					FotoTekst[n] = 	xml.getElementsByTagName("Tekst")[n].childNodes[0].nodeValue;
					ToonFoto = ToonFoto + "<td><span class='spanFoto' style='width:" + ImgW +"; height:"+ ImgH +";'>";
					ToonFoto = ToonFoto + "<img class='imgFoto' title='" + FotoTekst[n] + "' style='width:" + ImgW + "; height:" + ImgH + ";' src='" + FotoImg[n].src + "' onclick='imgLarge(" + n + ")'>";
					ToonFoto = ToonFoto + "</span></td>";
					if (tblCol == 5) {
						ToonFoto = ToonFoto + "</tr><tr>";
						tblCol = 0;
					}
					tblCol++;
				}
				for (p=tblCol; p<6; p++) {
					ToonFoto = ToonFoto + "<td>&nbsp;</td>";
					if (tblCol == 5) {
						ToonFoto = ToonFoto + "</tr><tr>";
					}
				}			
				ToonFoto = ToonFoto + "</tr></table></div>";
				document.getElementById("spanLeft").innerHTML = ToonFoto ;
			break
		case "message":
			var MsgCount = xml.getElementsByTagName("MsgText").length;
			for (m=0;m<MsgCount;m++) {
				singletext[m]= xml.getElementsByTagName("MsgText")[m].childNodes[0].nodeValue;	
			}
			break
		case "toernooienx":
			var TCount = xml.getElementsByTagName("Toernooi").length;
			var THtml = "<table class='tblPage'><tr><td><b>Toernooien</b><br><br>";
			if (TCount == 1) {
				THtml = THtml + "Op dit moment geen toernooien gepland.";
			} else {
				THtml = THtml + "Aantal geplande toernooien : " + TCount + "<br><br><hr><br>";
				for (l=1; l<TCount; l++) {
					THtml = THtml + "<b>Datum :</b> " + xml.getElementsByTagName("datum")[l].childNodes[0].nodeValue + "<br>";	
					THtml = THtml + "<b>Begin tijd :</b> " + xml.getElementsByTagName("begintijd")[l].childNodes[0].nodeValue + " uur<br><br>";						
					THtml = THtml + "<b>Locatie :</b> " + xml.getElementsByTagName("locatie")[l].childNodes[0].nodeValue + "<br>";	
					THtml = THtml + "<b>Adres :</b> " + xml.getElementsByTagName("adres")[l].childNodes[0].nodeValue + "<br>";	
					THtml = THtml + "<b>Plaats :</b> " + xml.getElementsByTagName("woonplaats")[l].childNodes[0].nodeValue + "<br><br>";	
					THtml = THtml + "Inschrijven <b>" + xml.getElementsByTagName("inschrijven")[l].childNodes[0].nodeValue + " uur</b> ";	
					THtml = THtml + "en het inschrijfgeld bedraagt <b>" + xml.getElementsByTagName("inschrijfgeld")[l].childNodes[0].nodeValue + "</b><br>";						
					THtml = THtml + "Er wordt speltype <b>'" + xml.getElementsByTagName("speltype")[l].childNodes[0].nodeValue + "'</b> gespeeld.<br><br>";
					THtml = THtml + "<b>Bijzonderheden :</b><br>" + xml.getElementsByTagName("bijzonderheden")[l].childNodes[0].nodeValue + ".<br>";					
					THtml = THtml + "<hr><br>";
				}
			}
			THtml = THtml + "<td></tr></table>";
			document.getElementById("spanLeft").innerHTML = THtml ;
			break
		default:
			alert("Er is een probleem met ophalen van gegevens.");
	}
}


function GetXmlHttpObject() { 
	var objXMLHttp=null;
	if (window.XMLHttpRequest) {
		objXMLHttp=new XMLHttpRequest();
	}	else if (window.ActiveXObject) {
		objXMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
	} else if (window.ActiveXObject) {
			objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	return objXMLHttp;
}


function chgOpacity(Opac) {
	document.getElementById("divScorebordIn").style.filter = 'alpha(Opacity=' + Opac + ')'; 
	document.getElementById("divScorebordIn").style.opacity = (Opac / 100); 
	if (Opac == 100 && !stopSlider) {
		sspeed=2;
	} else {
		sspeed=0;
	}
}


function imgLarge(nr) {
	var q=String.fromCharCode(34);
	var ToonPic = "<table class='tblFotoL' border=0 width=380><tr><th onclick='hideFoto();'>Foto venster sluiten [X]</th></tr>"
	ToonPic = ToonPic + "<tr><td>" + FotoTekst[nr] + "<br><font size=-2>(Klik foto om te bekijken op volledige grootte)</font></td></tr><tr><td>";
	var imgFull;
	if (FotoImg[nr].width <= 345) {
		imgFull = 1;
	} else {
		if ((440/FotoImg[nr].height) < (345/FotoImg[nr].width)) {
			imgFull = (440/FotoImg[nr].height);
		} else {
			imgFull = (345/FotoImg[nr].width);
		}
	}
	ImgWFull = Math.round(FotoImg[nr].width*imgFull);
	ImgHFull = Math.round(FotoImg[nr].height*imgFull);
	ToonPic = ToonPic + "<span class='spanFoto' style='width: " + ImgWFull +"; height: "+ ImgHFull +";'>";
	ToonPic = ToonPic + "<img class='imgFoto' onclick='window.open(" + q + FotoImg[nr].src + q + ");' src='" + FotoImg[nr].src + "' style='width:" + ImgWFull + "; height:" + ImgHFull + ";'>"
	ToonPic = ToonPic + "</span></td></tr></table>";
	document.getElementById("spanFotoL").innerHTML = ToonPic ;
	document.getElementById("spanFotoL").style.visibility = "visible";
}


function hideFoto() {
		document.getElementById("spanFotoL").innerHTML = "";
		document.getElementById("spanFotoL").style.visibility = "hidden";
}

function NavOver(OverNr) {
	var NavText = "NavText" + OverNr;
	document.getElementById(NavText).style.backgroundColor = "#0066ff";
	document.getElementById(NavText).style.color = "#ffffff";
	document.getElementById(OverNr).style.backgroundColor = "#D6CFC7";
}


function NavOut(OutNr) {
	var NavText = "NavText" + OutNr;
	document.getElementById(NavText).style.backgroundColor = "white";	
	document.getElementById(NavText).style.color = "#000000";
	document.getElementById(OutNr).style.backgroundColor = "white";
}