var animating = false;
		var open = true;
		var current = 0;
		var scrolling = false;
		var divs = 0;
		var footer = true;
		var previousGalerij = -1;
		var currentScroll = 0;
		var previousMenu = '';
		var previousGMenu = '';
		var taal = "nl";
		var slide = false;
	   
		$(document).ready(function() {
			
			$('.infocontent').hide();
			$('#infoimage').hide();
			$('#artikelnummer').hide();
			
			// COUNT THE PAGES
			divs = $('#panels .panel').size()-1;
			
			// FOOTER
			$('#foot_content h1, #arrowimage').bind('click', function() {
				if(!animating){
					animating = true;
						if(open){
							
							$('#arrow').animate({'margin-top': '50px'}, 'medium', 'swing', function() {
								var src = $('#arrowimage').attr("src").replace("down", "up");
								$('#arrowimage').attr("src", src);						
								open = false;
								animating = false;
							});
							
						}else{
							$('#arrow').animate({'margin-top': '0px'}, 'medium', 'swing', function() {
								var src = $('#arrowimage').attr("src").replace("up", "down");
								$('#arrowimage').attr("src", src);
								open = true;
								animating = false;
							});				
							
						}				
					
				}
				
			});
			
			// MADE BY MOSTERD.
			$('#mosterd a').bind('mouseenter', function() {
				if(!slide){
					slide = true;
					$(this).animate({'width' : '59px'}, 300, function(){
						slide = false;
					});
				}
			});
			$('#mosterd a').bind('mouseleave', function() {

					$(this).animate({'width' : '19px'}, 300, function(){
						//slide = false;
					});

			});
			
			// ADJUST ON RESIZE
			$(window).resize(function() {
				
				if(currentScroll>-1)$('#panels .panel:eq('+currentScroll+')').css({left: '66.66%' }).animate({ left: '33.33%'}, 10, 'swing');
				
			});
			
			// SET ACTIVE MENU TO HOME
			previousMenu = document.getElementById('tophome');
			
			// GOOGLE MAPS
			if (GBrowserIsCompatible()) {
				if(document.getElementById("map_canvas1")){
					var map3 = new GMap2(document.getElementById("map_canvas1"));
					var kantoorLatLon3 = new GLatLng(50.943124265756815, 5.287642478942871);
					
					map3.setCenter(kantoorLatLon3, 16);
					map3.setMapType(G_HYBRID_MAP);

					var customUI = map3.getDefaultUI();
					customUI.controls.scalecontrol = false;
					customUI.controls.largemapcontrol3d  = false;
					customUI.controls.smallzoomcontrol3d  = true;
					map3.setUI(customUI);
					var html = '<h1>Sarah Mo Hasselt</h1>';
					var marker3 = new GMarker(kantoorLatLon3);
					GEvent.addListener(marker3, "click", function() {
					  marker3.openInfoWindowHtml(html);
					});
					marker3.openInfoWindowHtml(html, {noCloseOnClick:true});
					map3.addOverlay(marker3);
				}
				if(document.getElementById("map_canvas2")){
					var map = new GMap2(document.getElementById("map_canvas2"));
					var kantoorLatLon = new GLatLng(51.12142488729118, 4.373985528945923);
					map.setCenter(kantoorLatLon, 16);
					map.setMapType(G_HYBRID_MAP);
					var customUI = map.getDefaultUI();
					customUI.controls.scalecontrol = false;
					customUI.controls.largemapcontrol3d  = false;
					customUI.controls.smallzoomcontrol3d  = true;
					map.setUI(customUI);
					var html = '<h1>Sarah Mo Aartselaar</h1>';
					var marker = new GMarker(kantoorLatLon);
					GEvent.addListener(marker, "click", function() {
					  marker.openInfoWindowHtml(html);
					});
					marker.openInfoWindowHtml(html, {noCloseOnClick:true});
					map.addOverlay(marker);
				}
			}
			
			if(!$.browser.msie)	scroll(0);
		 
		});
		
		var player = null; 
		function playerReady(thePlayer) { 
			player = window.document[thePlayer.id]; 
		}
		
		// SCROLL TO THE DESIRED PAGE
		function scroll(index, obj){
			
			if(!scrolling && !(index==currentScroll)){
				$('#panels .panel:eq('+index+') .innerpanel').show();
				scrolling = true;
				
				if($.browser.msie){
					if(currentScroll==9){
						player.sendEvent('STOP');
					}
				}
				
				if(!footer)	defaultGalerij();
				if($('#collecties').css("display")=='block')$('#collecties').slideUp('medium');
				
				$('#panels .panel:eq('+currentScroll+')').animate({ left: '0%'}, 1000, 'swing', function() { $(this).css({left: '66.66%' }); $(".innerpanel", this).hide(); scrolling = false; });
				$('#panels .panel:eq('+index+')').css({left: '66.66%' });
				$('#panels .panel:eq('+index+')').animate({ left: '33.33%'}, 1000, 'swing', function(){ scrolling = false; });
												
				currentScroll = index;
				
				switchClassName(obj);
				
				if(index==9){
					player.sendEvent('PLAY');
				}
				
			}else if(index==currentScroll){
				$('#panels .panel:eq('+index+') .innerpanel').show();
				player.sendEvent('PLAY');
			}
		}

		
		// REMOVE THE FOOTER
		function closeFooter(){
			animating = true;
			$('#arrow').animate({'margin-top': '100px'}, 'medium', 'swing', function() {
				$('#footer').hide();
				$('#content').height('75%');
				$('#panelswrap').css({'margin-top': '-150px'});
				$('#galerij').hide();
				open = true;
				animating = false;
				footer=false;
			});		
			
		}
		
		// BRING THE FOOTER BACK
		function openFooter(){
		
			$('#playpauze').show();
			
			$('#playpauze').attr("src", "images/pauze.png");	
			$('#playpauze').attr("title", "Pauze slideshow");
			
			$('#panelswrap').css({'margin-top': '-200px'});
			$('#content').height('100%');
			var src = $('#infoimage').attr("src").replace("close_large", "info");
			var title = $('#infoimage').attr("title").replace("Close", "Show");
			$('#infoimage').attr("src", src);	
			$('#infoimage').attr("title", title);
			$('#footer').show();
			var src = $('#arrowimage').attr("src").replace("down", "up");
			$('#arrowimage').attr("src", src);	
			$('#arrow').animate({'margin-top': '50px'}, 'medium', 'swing', function() {
				open = false;
				animating = false;
				footer=true;
			});	
		}
		
		// SHOW THE COLLECTION PAGE
		function collecties(index, obj){
			if(!scrolling  && !(index==currentScroll)){
				scrolling = true;
				
				if(currentScroll==9){
					player.sendEvent('STOP');
				}
				
				$('#panels .panel:eq('+currentScroll+')').animate({ left: '0%'}, 1000, 'swing', function() { $(this).css({left: '66.66%' }); });
				$('#panels .panel:eq('+index+')').css({left: '66.66%' });
				$('#panels .panel:eq('+index+')').animate({ left: '33.33%'}, 1000, 'swing', function(){ 
					$('#collecties').slideDown('medium', function(){
						$('.innerpanel').show();
						scrolling = false;
					});
				});
				
				currentScroll = index;
				
				switchClassName(obj);
			}
		}

		// SWITCH BETWEEN GALERIES
		function switchGalerij(galerij){
			closeFooter();
			$('#playpauze').hide();
			var src = $('#infoimage').attr("src").replace("close_large", "info");
			var title = $('#infoimage').attr("title").replace("Close", "Show");
			$('#infoimage').attr("src", src);	
			$('#infoimage').attr("title", title);
			
			var so = new SWFObject("galerij.swf?galerij=galeries/galerij"+galerij+".xml", "sotester", "100%", "100%", "8", "#000000");
			so.addParam("wmode", "transparent");	
			so.addParam("allowFullScreen", "true");
			so.write("slideshow");
			$('#galerij').hide();
			$('#infoimage').hide();
			$('#artikelnummer').hide();
		}
		
		// SLIDESHOW
		function defaultGalerij(){
		
			openFooter();
			
			$('#galerij').hide();
			$('#infoimage').hide();
			$('#artikelnummer').hide();
			var so = new SWFObject("main_CS4.swf", "sotester", "100%", "100%", "8", "#000000");
			so.addParam("wmode", "transparent");	
			so.addParam("allowFullScreen", "true");
			so.write("slideshow");
		}
		
		// SHOW INFO ON SELECTED GALERY
		function showInfo(){
			if($('#galerij').css("display")=='block'){
				$('#galerij').hide();
				var src = $('#infoimage').attr("src").replace("close_large", "info");
				var title = $('#infoimage').attr("title").replace("Close", "Show");
				$('#infoimage').attr("src", src);	
				$('#infoimage').attr("title", title);
			}else{
				$('#galerij').show();
				var src = $('#infoimage').attr("src").replace("info", "close_large");
				var title = $('#infoimage').attr("title").replace("Show", "Close");
				$('#infoimage').attr("src", src);	
				$('#infoimage').attr("title", title);	
			}
		}
		
		// SET CLASS TO ACTIVE (MENU)
		function switchClassName(obj){
			if(previousMenu != obj){
				previousGMenu.className = "";
				obj.className = "active";
				previousMenu.className = "";
				previousMenu = obj;
			}
		}
		
		// SET CLASS TO ACTIVE (MENU)
		function switchClassGName(obj){
			if(previousGMenu != obj){
				obj.className = "active";
				previousGMenu.className = "";
				previousGMenu = obj;
			}
		}
		
		// CLOSE THE PAGE
		function closePanel(obj){
			$(obj.parentNode).hide();
			if($.browser.msie)player.sendEvent('STOP');
		}
		
		// PUAZE/PLAY FLASH SLIDESHOW
		function play(obj) {
			getMovieName("sotester").callPlay(); 
			
			if($('#playpauze').attr("title")=='Pauze slideshow'){
				$('#playpauze').attr("src", "images/play.png");	
				$('#playpauze').attr("title", 'Play slideshow');
			}else{
				$('#playpauze').attr("src", "images/pauze.png");	
				$('#playpauze').attr("title", 'Pauze slideshow');
			}
					
		}
			
		// GET FLASHMOVIE
		function getMovieName(movieName) {
			if (navigator.appName.indexOf("Microsoft") != -1) {
				return window[movieName]
			}
			else {
				return document[movieName]
			}
		}
		
		// SET TEXT TO INFOLABEL
		function imageInfo(titel, tekstnl, tekstfr){
		$('#galerij').hide();
			var src = $('#infoimage').attr("src").replace("close_large", "info");
			var title = $('#infoimage').attr("title").replace("Close", "Show");
			$('#infoimage').attr("src", src);	
			$('#infoimage').attr("title", title);
			if(titel){
				$('#infoimage').show();
				//var artnr = titel.substr(0, titel.indexOf(' '));
				//var titel = titel.substr(titel.indexOf(' '));
				//$('#artikelnummer').html('<p>art.nr. '+artnr.toUpperCase()+'</p>');
				$('#artikelnummer').html('<p> '+titel.toUpperCase()+'</p>');
				$('#artikelnummer').show();
				//$('#galerij').html('<h2>'+titel+'</h2><p>'+tekstnl+'</p>');
				if(taal=="nl"){
					var info = (tekstnl != undefined) ? tekstnl : "Geen info beschikbaar.";
				}else{
					var info = (tekstfr != undefined) ? tekstfr : "Aucune information disponible.";
				}
				$('#galerij').html('<p>'+info+'</p>');
			}else{
				$('#galerij').hide();
				$('#infoimage').hide();
				$('#artikelnummer').hide();
				$('#artikelnummer').html('');
				var src = $('#infoimage').attr("src").replace("close_large", "info");
				var title = $('#infoimage').attr("title").replace("Close", "Show");
				$('#infoimage').attr("src", src);	
				$('#infoimage').attr("title", title);
			}
		}
		
		function isValidText(obj){
						
				obj.style.borderColor = "#FFFFFF";

				 if (obj.value.length === 0) {
					obj.style.borderColor = "#FF0000";
					return false;
				 }
				 
				 return true;

			}
			
			function isValidEmail(obj) {
			
				obj.style.borderColor = "#FFFFFF";
				
				if(!((obj.value.indexOf(".") != -1) && (obj.value.indexOf("@") > 0))){
					obj.style.borderColor = "#FF0000";
					return false;
				}
				
				 return true;
				
			}
			
			function trim(str){
				a = str.replace(/^\s+/, '');
				return a.replace(/\s+$/, '');
			}
			
			function isValidSelect(obj){
			
				obj.style.borderColor = "#FFFFFF";
				
				if(obj.options[obj.selectedIndex].value=='keuze'){
					obj.style.borderColor = "#FF0000";
					return false;
				}
				
				return true
				
			}
			
			function verzendCadeaubon(form){
				
				document.getElementById('verzendcadeaubon').style.display = 'none';
				
				var naam = form.naam;
				var voornaam = form.voornaam;
				var email = form.email;
				var confirm_email = form.confirm_email;
				var bericht = form.bericht;
				var taal = form.taal;
				var info = form.info;
								
				var valid = isValidText(naam) +
							isValidText(voornaam) +
							isValidEmail(email) + 
							isValidText(bericht);
								
				if(valid==4) ajax("db_contact.php", "naam="+trim(naam.value)+
													"&voornaam="+trim(voornaam.value)+
													"&email="+trim(email.value)+
													"&confirm_email="+trim(confirm_email.value)+
													"&taal="+trim(taal.value)+
													"&info="+trim(info.value)+
													"&bericht="+trim(bericht.value), form.id);
				else
					document.getElementById('verzendcadeaubon').style.display = 'inline';
				
				return false;
				
			}
			
			function verzendContact(form){
				
				document.getElementById('verzendcontact').style.display = 'none';
				
				var afdeling = form.afdeling;
				var naam = form.naam;
				var voornaam = form.voornaam;
				var email = form.email;
				var confirm_email = form.confirm_email;
				var bericht = form.bericht;
				var taal = form.taal;
								
				var valid = isValidText(naam) +
							isValidText(voornaam) +
							isValidEmail(email) + 
							isValidText(bericht) + 
							isValidSelect(afdeling);
								
				if(valid==5) ajax("db_contact.php", "afdeling="+afdeling.options[afdeling.selectedIndex].value+
													"&naam="+trim(naam.value)+
													"&voornaam="+trim(voornaam.value)+
													"&email="+trim(email.value)+
													"&taal="+trim(taal.value)+
													"&confirm_email="+trim(confirm_email.value)+
													"&bericht="+trim(bericht.value), form.id);
				else
					document.getElementById('verzendcontact').style.display = 'inline';
				
				return false;
				
			}
			
			function verzendStaf(form){
			
				document.getElementById('verzendstaf').style.display = 'none';
				
				var voornaam = form.voornaam;
				var email = form.email;
				var confirm_email = form.confirm_email;
				var naarnaam = form.naarnaam;
				var naaremail = form.naaremail;
				var taal = form.taal;
				
				var valid = isValidText(voornaam) +
							isValidEmail(email) + 
							isValidText(naarnaam) + 
							isValidEmail(naaremail);
				
				if(valid==4) ajax("db_staf.php", 	"voornaam="+trim(voornaam.value)+
													"&email="+trim(email.value)+
													"&confirm_email="+trim(confirm_email.value)+
													"&naarnaam="+trim(naarnaam.value)+
													"&taal="+trim(taal.value)+
													"&naaremail="+trim(naaremail.value), form.id);
				else
					document.getElementById('verzendstaf').style.display = 'inline';
				
				return false;
				
			}
									
			function ajax(url, params, form){
				
				var http = getHTTPObject(); 
				http.open("POST", url, true);
				http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				http.setRequestHeader("Content-length", params.length);
				http.setRequestHeader("Connection", "close");
				http.onreadystatechange = function() {
					if (http.readyState === 4) {
						if (http.status === 200) {
							if(http.responseText == "SUCCESS"){
								if(taal=="nl"){
									document.getElementById(form).parentNode.innerHTML = "<p>Succesvol verzonden</p>";
								}else{
									document.getElementById(form).parentNode.innerHTML = "<p>Message bien envoyé.</p>";
								}
							}else{
								alert("error: " + http.responseText);
							}
						}else {
							alert("error!");
						}
					} 
				}
				http.send(params);
			}
			
			function getHTTPObject() { 
				if (typeof XMLHttpRequest != 'undefined') { 
					return new XMLHttpRequest(); 
				} 
				try { 
					return new ActiveXObject("Msxml2.XMLHTTP"); 
				} catch (e) { 
					try { 
						return new ActiveXObject("Microsoft.XMLHTTP"); 
					} catch (e) {} 
				} 
				return false; 
			}