function changePosition(){
			 	container_w = document.getElementById("container").clientWidth;
			 	container_h = document.getElementById("container").clientHeight;
			 	
				content_w = 1920;
				content_h = 1536;
				
				mouse_x = window.mouse_x;
				mouse_y = window.mouse_y;
				
				old_x = parseFloat(document.getElementById("content").style.marginLeft)/1.5;
				old_y = parseFloat(document.getElementById("content").style.marginTop)/1.5;
				
				new_x = (container_w - content_w) * (mouse_x / container_w);
				new_y = (container_h - content_h) * (mouse_y / container_h);
				
				step_x = Math.round(old_x+(new_x-old_x)/Math.sqrt(container_w)/3);
				step_y = Math.round(old_y+(new_y-old_y)/Math.sqrt(container_h)/3);
				
				document.getElementById("container").style.backgroundPosition = step_x +"px " + step_y + "px";
				
				document.getElementById("content").style.marginLeft = Math.round(step_x*1.5) + "px";
				document.getElementById("content").style.marginTop = Math.round(step_y*1.5) + "px";
				
				setTimeout("changePosition()",40);
			}
			
			function saveMousePositions(e){
				var mouse_x = 0;
				var mouse_y = 0;
				
				if (!e) var e = window.event;
				
				if (e.pageX || e.pageY) 	{
					mouse_x = e.pageX;
					mouse_y = e.pageY;
				}
				else if (e.clientX || e.clientY) 	{
					mouse_x = e.clientX + document.body.scrollLeft
						+ document.documentElement.scrollLeft;
					mouse_y = e.clientY + document.body.scrollTop
						+ document.documentElement.scrollTop;
				}
				
				window.mouse_x = mouse_x;
				window.mouse_y = mouse_y;
			}
		
			
			function createHTTPHandler(){
	    		httphandler = false;
			    /*@cc_on @*/
			    /*@if (@_jscript_version >= 5)
			    // JScript gives us Conditional compilation, we can cope with old IE versions.
			    // and security blocked creation of the objects.
			    try {
			      httphandler = new ActiveXObject("Msxml2.XMLHTTP");
			    } catch (e) {
			      try {
			       httphandler = new ActiveXObject("Microsoft.XMLHTTP");
			      } catch (E) {
			          httphandler = false;
			      }
	   		 	}
	   	 		@end @*/
	    		if (!httphandler && typeof XMLHttpRequest!='undefined') {
	      	 	 	httphandler = new XMLHttpRequest();
	    		}
	    		return httphandler;
			}
			function transition(ke,ov,nv,st,to){
				if(ov == null){
					ov = parseFloat(eval(ke));
				}
				if(st == null){
					 st = Math.abs(ov-nv)/3;
				}
				if(to == null){
					 to = 0;
				}
				for(var i = 1; i < st+1; i=i+1){
					setTimeout(ke+"='"+Math.round((ov+nv)/2+(ov-nv)/2*Math.cos(Math.PI/st*i))+"px'",i*15+to);
				}
			}

			function encode(str){
				return str.replace(/ /g,"_").replace(/\//g,"|");
			}
			
			function decode(str){
				return str.replace(/_/g," ").replace(/|/g,"/");
			}
		
			function recentTracks(){
				var XMLHTTPObject = createHTTPHandler();
					XMLHTTPObject.onreadystatechange = function(){
					if(XMLHTTPObject.readyState == 4 && XMLHTTPObject.responseText != ""){
					 	te = document.createTextNode(XMLHTTPObject.responseText);
					 	tr = XMLHTTPObject.responseText.split("\n");
					 	for(i = 4; i >= 0; i--){
					 	 	da = tr[i].split("\t"); 
					 	 	if(!document.getElementById("rt"+da[0])){
							 	addRecentTrack(da[0],da[1],da[2],da[3]);
							}
							else{
							 	updateRecentTrack(da[0],da[1],da[2],da[3]);
							}
						}
						setTimeout("recentTracks()",45000);
					}
				}
				XMLHTTPObject.open('GET', '/ajax/recenttracks.php', true);
	  			XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
	   			XMLHTTPObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	   			XMLHTTPObject.setRequestHeader('Connection', 'close');	
	   			XMLHTTPObject.setRequestHeader("Cache-Control", "no-cache");
				XMLHTTPObject.send(null);
			}
			
			function nextPanorama(orientation){
				document.getElementById("panorama_"+orientation).appendChild(document.getElementById("panorama_"+orientation).getElementsByTagName("div")[0]);
			}
			
			function previousPanorama(orientation){
				document.getElementById("panorama_"+orientation).insertBefore(document.getElementById("panorama_"+orientation).getElementsByTagName("div")[document.getElementById("panorama_"+orientation).getElementsByTagName("div").length-1],document.getElementById("panorama_"+orientation).getElementsByTagName("div")[0]);
			}
			
			function addRecentTrack(ty,np,ar,so){
				rt = document.createElement("div");
				rt.className = "recenttracks";
				rt.id = "rt"+ty;
				rt.style.height = '0';
				
				document.getElementById("recenttracks").insertBefore(rt,document.getElementById("recenttracks").getElementsByTagName("div")[0]);
				
				im = document.createElement("img");
				im.className = "recenttracks";
				im.src = '/images/artists/'+escape(encode(ar))+'.jpg';
				
				rt.appendChild(im);
				
				p = document.createElement("p");
				p.className = "recenttracks";
				if(np == 1){
					p.innerHTML = '<strong>» '+so+'</strong><br />'+ar;
				}
				else{
					p.innerHTML = '<strong>'+so+'</strong><br />'+ar;
				}
				
				rt.appendChild(p);
				
				transition("document.getElementById('rt"+ty+"').style.height",0,48,20);
			}
			
			function updateRecentTrack(ty,np,ar,so){
				document.getElementById("rt"+ty).getElementsByTagName("img")[0].src = '/images/artists/'+escape(encode(ar))+'.jpg';
				
				if(np == 1){
				 
					document.getElementById("rt"+ty).getElementsByTagName("p")[0].innerHTML = '<strong>&raquo; '+so+'</strong><br />'+ar;
				
				}
				
				else{
					document.getElementById("rt"+ty).getElementsByTagName("p")[0].innerHTML = '<strong>'+so+'</strong><br />'+ar;
				}
			}
			
			function startDrag(ev, obj){
			 	document.body.style.cursor = 'move';
			 	obj.parentNode.appendChild(obj);
			 	var evt = ev || window.event;
			 	var mx = evt.clientX;
 				var my = evt.clientY;
 				ox = parseInt(obj.style.marginLeft) + parseInt(document.getElementById("content").style.marginLeft);
 				oy = parseInt(obj.style.marginTop) + parseInt(document.getElementById("content").style.marginTop);
				document.onmousemove = function(e){ drag(mx,my,ox,oy,e,obj); return false; }
				document.onmouseup = function(){ document.onmousemove = null; obj.style.zIndex = 0; document.body.style.cursor = 'default'; return false; }
			}
			
			function drag(mx,my,ox,oy,ev,ob){
			 	var evt = ev || window.event;
			 	var ex = evt.clientX;
			 	var ey = evt.clientY;
			 	var ox2 = ox - parseInt(document.getElementById("content").style.marginLeft);
			 	var oy2 = oy - parseInt(document.getElementById("content").style.marginTop);
				ob.style.marginLeft = ex  + ox2 - mx + 'px';
				ob.style.marginTop = ey + oy2 - my + 'px';
			}
			
			function close(ob){
				ob.parentNode.removeChild(ob);
				alert("close");
			}
			
			function setPos(obj,x,y){
				obj.style.marginLeft = x + "px";
				obj.style.marginTop = y + "px";
			}
			
			function pickBackground(num){
				clearTimeout(window.backgroundTimer);
			 	obj = document.getElementById('bgpicker').getElementsByTagName("img")[num];
			 	title = obj.src;
			 	title = title.substring(title.lastIndexOf('/')+1);
			 	title = title.substring(0,title.lastIndexOf('_'));
			 	for(i = 0; i < document.getElementById('bgpicker').getElementsByTagName("img").length; i++){
					document.getElementById('bgpicker').getElementsByTagName("img")[i].style.borderColor = 'black';
				}
				obj.style.borderColor = 'white';
				
				for(i = 1; i <= 5; i = i + 1){
				 	if(!window.isIE){
					  	setTimeout("document.getElementById('bgoverlay').style.opacity = "+(i/5),i*80);
					}
				}
				
				setTimeout("document.getElementById('container').style.backgroundImage = \"url('/images/design/"+title+".jpg')\"",400);
				
				for(i = 1; i <= 5; i = i + 1){
				 	if(!window.isIE){
					  	setTimeout("document.getElementById('bgoverlay').style.opacity = "+(1-i/5),i*80+360);
					}
				}
				
				window.backgroundTimer = setTimeout("pickBackground("+((num+1)%document.getElementById('bgpicker').getElementsByTagName("img").length)+")",60000);
			}
			
			function youtubeOver(obj){
				obj.getElementsByTagName('img')[1].style.display='block';
			}
			
			function youtubeOut(obj){
				obj.getElementsByTagName('img')[1].style.display='none';
			}
			
			function panoramaOver(obj){
				obj.getElementsByTagName('img')[0].style.display='block';
				obj.getElementsByTagName('img')[1].style.display='block';
			}
			
			function panoramaOut(obj){
				obj.getElementsByTagName('img')[0].style.display='none';
				obj.getElementsByTagName('img')[1].style.display='none';
			}
			
			function websiteOver(obj){
				obj.getElementsByTagName('img')[1].style.display='block';
			}
			
			function websiteOut(obj){
				obj.getElementsByTagName('img')[1].style.display='none';
			}
			
			function showYoutube(obj,url){
				
				var div = document.createElement('div');
				div.id = 'youtube';
				div.innerHTML = '<object width="800" height="600"><param name="movie" value="http://www.youtube.com/v/'+url+'&amp;hl=nl_NL&amp;fs=1&amp;autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+url+'&amp;hl=nl_NL&amp;fs=1&amp;autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="800" height="600"></embed></object>';
								
				document.body.appendChild(div);
				document.getElementById('overlay').style.display = 'block'; 
				
				document.getElementById('overlay').onmousedown = 		function(){  
				 									document.body.removeChild(document.getElementById('youtube'));
													document.getElementById('overlay').style.display = 'none'; 
												};
			}
			
			// PRE LOAD SECTION
			function preLoadDone(){	
				for(var i = 0; i < window.preloadImg.length; i++){
					if(window.preloadImg[i].complete == false){
					 	setTimeout("preLoadDone()",500);
						return;
					}
				}
					
				document.getElementById("loading").style.display = 'none';	
								
				if(window.location.href.indexOf("light") != -1){
					scriptElement2 = document.createElement("script");
				 	scriptElement2.type = "text/javascript";
				 	scriptElement2.src = "http://www.revadebe.nl/script/light.js";
				 	document.body.appendChild(scriptElement2);
			 	}
			 	
				scriptElement = document.createElement("script");
			 	scriptElement.type = "text/javascript";
			 	scriptElement.src = "http://www.revadebe.nl/script/voet.js";
			 	document.body.appendChild(scriptElement);
		
				if(window.location.href.indexOf("light") != -1){
					linkElement = document.createElement("link");
				 	linkElement.type = "text/css";
				 	linkElement.href = "http://www.revadebe.nl/style/light.css";
				 	linkElement.rel = "stylesheet";
				 	document.getElementsByTagName('head')[0].appendChild(linkElement);
			 	}
			}
			
			var XMLHTTPObject = createHTTPHandler();
			XMLHTTPObject.onreadystatechange = function(){
				if(XMLHTTPObject.readyState == 4){
				 	preloadUrl = XMLHTTPObject.responseText.split("\n");
				 	window.preloadImg = [];
				 	for(i = 0; i < preloadUrl.length - 1; i++){
						window.preloadImg[i] = new Image(); 
						window.preloadImg[i].src = preloadUrl[i];
					}
					setTimeout("preLoadDone()",1000);
				}
			}
			XMLHTTPObject.open('GET', '/ajax/preload.php', true);
			XMLHTTPObject.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			XMLHTTPObject.send(null);