$(document).ready(function() {

	$('#slideshow1').slideshow({
		timeout: 5000,
		fadetime: 750,
		type: 'sequence'
	});
	if ( document.getElementById('slideshow2')!=null ) {
		$('#slideshow2').slideshow({
			timeout: 5000,
			fadetime: 750,
			type: 'sequence'
		});
	}
});

	function setmenu(id){
		elem1 = document.getElementById(id);
		elem1.style.display='block';
		
	}
	
	function setdie(id){
		document.getElementById(id).style.display='none';
	}


// Actueel tab switch
function toontabs(p_type){
	if(p_type=='hap'){
		document.getElementById('kis').style.display = 'none';
		document.getElementById('hap').style.display = 'block';
	}
	if(p_type=='kis'){
		document.getElementById('hap').style.display = 'none';
		document.getElementById('kis').style.display = 'block';
	}
}


// Google Maps

var map;
function initialize() {
  /*var myLatlng = new google.maps.LatLng(52.249586,6.168652,0.011639,0.027423);*/
  var myLatlng = new google.maps.LatLng(52.25242, 6.168094,0.011639,0.027423);
  var myOptions = {
	zoom: 17,
	center: myLatlng,
	disableDefaultUI: true,
	mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
	
	directionsDisplay.setMap(map);
	directionsDisplay.setPanel(document.getElementById("directionsPanel"));

	
  var marker = new google.maps.Marker({
	  position: myLatlng, 
	  map: map
  });

}

function calcRoute() {
  var start = document.getElementById("map_start").value;
  var end = document.getElementById("map_end").value;
  var request = {
    origin:start, 
    destination:end,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });
}


  // Input legen en vullen
  function emptyField(textField){
	if (textField.defaultValue == textField.value){
	   textField.value = '';
	}else if (textField.value == ''){
	   textField.value = textField.defaultValue;
	}
}



function domticker(content, divId, divClass, delay, fadeornot){
	this.content=content
	this.tickerid=divId //ID of master ticker div. Message is contained inside first child of ticker div
	this.delay=delay //Delay between msg change, in miliseconds.
	this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is)
	this.pointer=1
	this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : ""
	if (this.opacitystring!="") this.delay+=800 //add 1/2 sec to account for fade effect, if enabled
	this.opacitysetting=0.2 //Opacity value when reset. Internal use.
	document.write('<div id="'+divId+'" class="'+divClass+'"><div style="'+this.opacitystring+'">'+content[0]+'</div></div>')
	var instanceOfTicker=this
	setTimeout(function(){instanceOfTicker.initialize()}, delay)
	}

	domticker.prototype.initialize=function(){
	var instanceOfTicker=this
	this.contentdiv=document.getElementById(this.tickerid).firstChild //div of inner content that holds the messages
	document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}
	document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}
	this.rotatemsg()
	}

	domticker.prototype.rotatemsg=function(){
	var instanceOfTicker=this
	if (this.mouseoverBol==1) //if mouse is currently over ticker, do nothing (pause it)
	setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)
	else{
	this.fadetransition("reset") //FADE EFFECT- RESET OPACITY
	this.contentdiv.innerHTML=this.content[this.pointer]
	this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 150) //FADE EFFECT- PLAY IT
	this.pointer=(this.pointer<this.content.length-1)? this.pointer+1 : 0
	setTimeout(function(){instanceOfTicker.rotatemsg()}, this.delay) //update container
	}
	}



	domticker.prototype.fadetransition=function(fadetype, timerid){
	var contentdiv=this.contentdiv
	if (fadetype=="reset")
	this.opacitysetting=0.2
	if (contentdiv.filters && contentdiv.filters[0]){
	if (typeof contentdiv.filters[0].opacity=="number") //IE6+
	contentdiv.filters[0].opacity=this.opacitysetting*100
	else //IE 5.5
	contentdiv.style.filter="alpha(opacity="+this.opacitysetting*100+")"
	}
	else if (typeof contentdiv.style.MozOpacity!="undefined" && this.opacitystring!=""){
	contentdiv.style.MozOpacity=this.opacitysetting
	}
	else
	this.opacitysetting=1
	if (fadetype=="up")
	this.opacitysetting+=0.2
	if (fadetype=="up" && this.opacitysetting>=1)
	clearInterval(this[timerid])
}