function popUp(URL) {
	day = new Date();
	id = day.getTime();
		
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=573,height=129,left = 200,top = 200');");
}




function showtabon(txt){
	elem = document.getElementById("playertab");
	elem.style.display = "block";
	document.getElementById("tabtxt").innerHTML = txt;
}

function showtaboff(txt){
	elem = document.getElementById("playertab");
	elem.style.display = "none";
}


function login(){
	document.getElementById("overlaysite").style.display =	"block";
}


var element = "1";
function setelement(){
	document.getElementById("keuze"+element).className = "keuze";
	document.getElementById("modkeuze"+element).style.display = "none";
	element++;
		if(element == '5'){
			element = "1";
		}
	document.getElementById("keuze"+element).className = "keuzeon";
	document.getElementById("modkeuze"+element).style.display = "block";
}

var startloop = "0";
function loop(){
	if(startloop == '1'){
		setelement();
		setTimeout ("loop()", '3000');
	}
}


function toonsubmenu(vari){

	trigger = document.getElementById("menu"+vari);
	document.getElementById(vari).style.top = "181px";
	document.getElementById(vari).style.left = menulinks(trigger)+20;
	document.getElementById(vari).style.display = "block";
	
}


function sluitsubmenu(vari){
	document.getElementById(vari).style.display = "none";
}


function menulinks(item) {
	if (item.offsetParent){
		return item.offsetLeft + menulinks(item.offsetParent);
	}
	else{
		return item.offsetLeft;
	}
}
  
function menutop(item) {
	if (item.offsetParent){
		return item.offsetLeft + menutop(item.offsetParent);
	}
	else{
		return item.offsetLeft;
	} 
}

var gsvar = "nwclip";
function clipkeuze(keuze){
	document.getElementById(gsvar).style.display = "none";
	document.getElementById(keuze).style.display = "block";
	gsvar = keuze;
}




function startnoa(){
	setTimeout ("loadnoa()", '4000');
}

function loadnoa(){
	makeRequest("/xml/noa/", "queue/2","noa");
}

function startplayernoa(){
	makeRequest("/xml/noa/", "queue/2","noaplayer");
}



function placenoa(){
   if (http_request.readyState == 4) {
        if (http_request.status == 200) {
		timestamp = Number(new Date());
		document.getElementById('noanext').innerHTML = ""; //reset
		
			var xmldoc = http_request.responseXML;
			var tasks = xmldoc.getElementsByTagName('song');
    			l = tasks.length;

					for(i = 0; i < l; i++){
					
						var nodes = tasks[i].childNodes;
						var a = tasks[i].childNodes[0].firstChild.nodeValue;
						var t = tasks[i].childNodes[1].firstChild.nodeValue;
						var ts = tasks[i].childNodes[2].firstChild.nodeValue;
						var foto = tasks[i].childNodes[3].firstChild.nodeValue;

					
						if(i == 0){ //actuele plaat
						if(t.length > 20){
							var t =  t.substr(0,20)+"...";
						}
						if(a.length > 20){
							var a =  a.substr(0,20)+"...";
						}						
							document.getElementById('noajetzt').innerHTML = ""+t+"<br/>"+a; //sorry voor het duits ;)
							
							//fotozetten
							document.getElementById('noapic').src = foto;
							
						}
						else{ //straks
						if(t.length > 17){
							var t =  t.substr(0,17)+"...";
						}
						if(a.length > 17){
							var a =  a.substr(0,17)+"...";
						}						
							var listitem = "<table cellpadding=\"4\" cellspacing=\"0\" border=\"0\" class=\"txt\"><tr><td valign=\"top\"><div class=\"time\">"+ts+"</div></td><td><b>"+t+"</b><br/>"+a+"</td></tr></table>";
							document.getElementById('noanext').innerHTML = document.getElementById('noanext').innerHTML+listitem;	
							
						}

	
					}		

				startnoa();
				

        } else {
            alert('There was a problem with the request.');
        }
     }
}

var functienoa = "1";

function placenoaplayer(){
   if (http_request.readyState == 4) {
        if (http_request.status == 200) {

		timestamp = Number(new Date());
		document.getElementById('nextnoa').innerHTML = ""; //reset
		
			var xmldoc = http_request.responseXML;
			var tasks = xmldoc.getElementsByTagName('song');
    			l = tasks.length;


				
					for(i = 0; i < l; i++){
						var nodes = tasks[i].childNodes;
						var a = tasks[i].childNodes[0].firstChild.nodeValue;
						var t = tasks[i].childNodes[1].firstChild.nodeValue;
						var ts = tasks[i].childNodes[2].firstChild.nodeValue;
						var foto = tasks[i].childNodes[3].firstChild.nodeValue;


							if(i == 0 && functienoa == '1'){ //actuele plaat
								document.getElementById('nextnoa').innerHTML = "<B>NU:</B> "+a+" - "+t;	

							}
							else if(i == 1 && functienoa == '0'){
								document.getElementById('nextnoa').innerHTML = "<B>STRAKS:</B> "+a+" - "+t;	
								
							}
						
					}
					
					
					if(functienoa == "1"){					
						functienoa = "0";
					}
					else{
						functienoa = "1";
					}
				
				setTimeout ("startplayernoa()", '3000');

        } else {
            alert('There was a problem with the request.');
        }
     }
}




function onloader(){
	loop(); //start fotoheader
	loadnoa(); 
}



var http_request = false;
var timestamp = Number(new Date());
function makeRequest(url, parameters,soort) {
  http_request = false;
  timestamp = Number(new Date());
  if (window.XMLHttpRequest) { // Mozilla, Safari,...
	 http_request = new XMLHttpRequest();
	 if (http_request.overrideMimeType) {
		http_request.overrideMimeType('text/xml');
	 }
  } else if (window.ActiveXObject) { // IE
	 try {
		http_request = new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) {
		try {
		   http_request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {}
	 }
  }
  if (!http_request) {
	 alert('Cannot create XMLHTTP instance');
	 return false;
  }
  if(soort == 'artiest'){
	http_request.onreadystatechange = showlist;
  }
  else if(soort == 'songs'){
	http_request.onreadystatechange = showsonglist;
  }
  else if(soort == 'songaanvragen'){
	http_request.onreadystatechange = songaanvragen;
  }  
  else if(soort == 'noa'){
	http_request.onreadystatechange = placenoa;
  }    
   else if(soort == 'noaplayer'){
	http_request.onreadystatechange = placenoaplayer;
  }   
  http_request.open('GET', url + parameters+"?="+timestamp, true);
 // http_request.open('GET', url + parameters, true);
  http_request.send(null);
}


/*aanvragen*/
function downrequest(invoer){
	if(invoer.length > 2){
		makeRequest('/xml/verzoekplaat/', invoer,'artiest');
	}
}


function showlist(){
   if (http_request.readyState == 4) {
        if (http_request.status == 200) {

		var xmldoc = http_request.responseXML;
			var tasks = xmldoc.getElementsByTagName('artiest');
			var tolist = "";
    			l = tasks.length;
				document.getElementById('list').innerHTML = "";	
				
					
					for(i = 0; i < l; i++){
						listnaam = "<LI><a href=\"#\" onclick=\"loadsongs('"+tasks[i].childNodes[0].firstChild.nodeValue+"');\">"+tasks[i].childNodes[0].firstChild.nodeValue+"</a></LI>";
						tolist = tolist+listnaam;
					}
				if(tasks.length == '0'){
					tolist = "Er kon met deze invoer geen artiest gevonden worden";
				}

			document.getElementById('list').innerHTML = "<B>Overzicht artiesten</B><BR><BR>"+tolist;



        } else {
            alert('There was a problem with the request.');
        }
     }

}



function showsonglist(){
   if (http_request.readyState == 4) {
        if (http_request.status == 200) {
		
		
			var xmldoc = http_request.responseXML;
			var tasks = xmldoc.getElementsByTagName('song');
    			l = tasks.length;
				document.getElementById('list').innerHTML = "";	
					for(i = 0; i < l; i++){
					
						var nodes = tasks[i].childNodes;
						var a = tasks[i].childNodes[0].firstChild.nodeValue;
						var t = tasks[i].childNodes[1].firstChild.nodeValue;
						var s = tasks[i].childNodes[2].firstChild.nodeValue;
						
						
						if(i == 0){
							document.getElementById('list').innerHTML = "<B>Muziek van '"+a+"'</B><BR><BR>";
						}

						listitem = "<LI><a href=\"#\" onclick=\"aanvragen('"+s+"');\">"+t+"</a></LI>";
						document.getElementById('list').innerHTML = document.getElementById('list').innerHTML+listitem;		
					}		
				document.getElementById('list').innerHTML = document.getElementById('list').innerHTML+"";	


        } else {
            alert('There was a problem with the request.');
        }
     }

}



function songaanvragen(){
   if (http_request.readyState == 4) {
        if (http_request.status == 200) {
		
		
			var xmldoc = http_request.responseXML;
			var tasks = xmldoc.getElementsByTagName('songinfo');
    			l = tasks.length;
					for(i = 0; i < l; i++){
					
					
						var nodes = tasks[i].childNodes;
						
						var a = tasks[i].childNodes[0].firstChild.nodeValue;
						var t = tasks[i].childNodes[1].firstChild.nodeValue;
						var s = tasks[i].childNodes[2].firstChild.nodeValue;
						var statuscode = tasks[i].childNodes[3].firstChild.nodeValue;
						var statustxt = tasks[i].childNodes[4].firstChild.nodeValue;
						
						if(statuscode == '0'){ //plaat mag aangevraagd worden
							var listitem = "<B>Plaat aanvragen</B><BR><BR><form action='/xml/verzoekplaat/vraagaan/"+s+"/verwerk/"+ipadres+"/' method='POST' target='saveframe'><table><TR><TD valign='top'>Verzoeknummer:</TD><TD>"+a+"<BR>"+t+"<BR><input type='hidden' id='songid' name='songid' value='"+s+"'></TD></TR><TR><TD>Je naam</TD><TD><input type='text' id='naam' name='naam'></TD></TR><TR><TD valign=top>Ik vraag deze plaat aan, omdat...</TD><TD><textarea id='waarom' name='waarom' cols=28 rows=10></textarea></TD></TR><TR><TD></TD><TD><input type='submit' value='aanvragen'></TD></TR></table></form><iframe src=\"/xml/verzoekplaat/vraagaan/"+s+"/verwerk\" id=\"saveframe\" name=\"saveframe\" width=1 height=1>";
							
							document.getElementById('list').innerHTML = listitem;
							
						}
						else{ //toon foutmelding
							alert(statustxt);
						}
						
						
					}		
				


        } else {
            alert('There was a problem with the request.');
        }
     }

}

function succesvol(){
	document.getElementById('list').innerHTML = "<B>Hartelijk dank,</B><BR><BR>Je verzoekplaat is ontvangen en zal nu worden ingepland om het komende uur gedraaid te worden.";
}


function loadsongs(naam){
	document.getElementById('artiest').value = naam;
	makeRequest('/xml/verzoekplaat/', naam+"/zoek",'songs');	
}


function aanvragen(songid){
	makeRequest('/xml/verzoekplaat/', "vraagaan/"+songid+"/"+ipadres,'songaanvragen');	
}

function showitemtop(itemtwin){
	document.getElementById(itemtwin).style.display = "block";
}

function hideitemtop(itemtwin){
	document.getElementById(itemtwin).style.display = "none";
}