//Functie die het venster met de details van de databank verbergt
function verbergVensterDetailsWebbron(){
        document.getElementById("vensterDetailsWebbron").style.display = "none";
}

/////////////////////////////////////////
//////////// Positie ophalen/////////////
/////////////////////////////////////////

            //De Y positie ophalen van waar er geklikt is
			document.onmousedown = getMouseY;
			    
			// Detect if the browser is IE or not.
            // If it is not IE, we assume that the browser is NS.
            var IE = document.all?true:false

            // If NS -- that is, !IE -- then set up for mouse capture
            if (!IE) document.captureEvents(Event.MOUSEDOWN)


            // Temporary variables to hold mouse x-y pos.s
            var tempY = 0

            // Main function to retrieve mouse x-y pos.s

            function getMouseY(e) {
            
              if (IE) { // grab the x-y pos.s if browser is IE
                tempY = event.clientY + document.documentElement.scrollTop;
              } else {  // grab the x-y pos.s if browser is NS
                tempY = e.pageY
              }
              // catch possible negative values in NS4
              if (tempY < 0){tempY = 0}
              // show the position values in the form named Show
              // in the text fields named MouseX and MouseY
              tempY += 10;
              return true
            }
            
            
/////////////////////////////////////
///////////// AJAX //////////////////
/////////////////////////////////////

			var oXmlHttp;
			
		    //Functie die de details in een venster zal tonen van de geselecteerde databank	
			function toonDetailsWebbron(id) {
			
			    loadXml("../ajax.aspx?id="+id+"&action=webbron&nocache=" + noCache());
			}
			
			function loadXml(sUrl) {
				oXmlHttp = false;
				if(window.XMLHttpRequest) {
    				try {
						oXmlHttp = new XMLHttpRequest();
					} catch(e) {
						oXmlHttp = false;
					}
				} else if(window.ActiveXObject) {
       				try {
        				oXmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
      				} catch(e) {
        				try {
          					oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        				} catch(e) {
          					oXmlHttp = false;
        				}
					}
				}
			    
				if(oXmlHttp) {
					oXmlHttp.open("GET", sUrl, true);
					oXmlHttp.onreadystatechange = requestChange;
					oXmlHttp.send("");
				}
			}								
			
			function parse() {
			    var aXml = oXmlHttp.responseXML.childNodes[0];
			    
                document.getElementById("titel").innerHTML = aXml.getElementsByTagName("Titel")[0].firstChild.nodeValue;
                document.getElementById("omschrijving").innerHTML = aXml.getElementsByTagName("Omschrijving")[0].firstChild.nodeValue;
                document.getElementById("soort").innerHTML = aXml.getElementsByTagName("Soort")[0].firstChild.nodeValue;
                
                //Probeer de auteur in de tabel te zetten, lukt dit niet dan wordt het item verborgen
                //Dit is enkel voor het type eindwerk. De andere types hebben geen auteur of jaar
                try{
                    document.getElementById("auteur").innerHTML = aXml.getElementsByTagName("Auteur")[0].firstChild.nodeValue;
                    document.getElementById("rijAuteur").style.visibility = "visible";
                    
                }
                catch(e){
                    document.getElementById("rijAuteur").style.visibility = "hidden";
                }
                
                //Probeer het jaar in de tabel te zetten, lukt dit niet dan wordt het item verborgen
                //Dit is enkel voor het type eindwerk. De andere types hebben geen auteur of jaar
                try{
                    document.getElementById("jaar").innerHTML = aXml.getElementsByTagName("Jaar")[0].firstChild.nodeValue;
                    document.getElementById("rijJaar").style.visibility = "visible";
                }
                catch(e){
                    document.getElementById("rijJaar").style.visibility = "hidden"; 
                }
                
                //Proberen een afbeelding in de tabel te zetten, lukt dit niet dan wordt het item verborgen
                //Dit is normaal enkel voor de tijdschriften maar het is ook mogelijk voor andere webbronnen een foto toe te voegen
                try{
                    //document.getElementById("foto").innerHTML = '<img src="'+ aXml.getElementsByTagName("Foto")[0].firstChild.nodeValue +'" alt="" width="100px"/>';
                    var foto = aXml.getElementsByTagName("Foto")[0].firstChild.nodeValue;
                   
                    try{
                    
                    	//De url van de foto proberen op te halen
                    	var start= foto.indexOf('src=');
                    	var eind = foto.indexOf('</p>');
                    	var url = foto.substring(start,eind);
                    	
                    	var foto = '<img width="100"' + url;
                    	
                        
                    }catch(e){
                    
                    }
                    
                    document.getElementById("foto").innerHTML =  foto;
                    document.getElementById("kolomFoto").style.display = "block";
                    
                }
                catch(e){
                    document.getElementById("kolomFoto").style.display = "none"; 
                }
                
                
                document.getElementById("vensterDetailsWebbron").style.display = "block"; 
                document.getElementById("vensterDetailsWebbron").style.top = tempY+"px";  
			}

			function requestChange() {
				if (oXmlHttp.readyState == 4) {
					if (oXmlHttp.status == 200) {
					        parse();
					} else {
						alert("There was a problem retrieving the XML data:\n" + oXmlHttp.statusText);
					}
				}
			}
			
			function noCache() {
			    var oDate = new Date()
			    return oDate.getYear() + oDate.getMonth() + oDate.getDay() + oDate.getHours() + oDate.getMinutes() + oDate.getSeconds()
			}