$(document).ready(function() {

	$('.sound a').click(function() {
		if (!($(this).hasClass('act'))) {
			$(this).addClass('act');
		} else {
			$(this).removeClass('act');
		}
		return false;
	})
	
	$('.cookie a').click(function() {
		if (!($(this).hasClass('act'))) {
			$(this).addClass('act');
			$('#showpage_columms').attr('value','1');
			$('#showpage').attr('value','1');
		} else {
			$(this).removeClass('act');
			$('#showpage_columms').attr('value','0');
			$('#showpage').attr('value','0');
		}
		return false;
	})
	
	//Afhankelijk van de browserresolutie wordt de center en footer classes gezet.
	if ($('body.splash').length > 0) {
		if (screen.width > 1280) {;
			$('#center').removeClass('center').addClass('center1600');
			$('#footer').removeClass('footer').addClass('footer1600');
		}
	};
	
	
	if ($('.faq_title').length) {
		$('.faq_text').hide()
		$('.faq_up').hide()
		$('.faq_title').click(function() {
			if ($('.' + this.id + '').is(':visible')) {
				$('.' + this.id + '').slideUp();
				$('.faq_title').css("background-image", "url(img/li_arrow.gif)");
			}else{
				$('.faq_text').slideUp();
				$('.faq_up').slideUp();
				$('.faq_title').css("background-image", "url(img/li_arrow.gif)");
				$('.' + this.id + '').slideDown();
				$('#' + this.id + '').css("background-image", "url(img/li_arrow_down.gif)");
			} 	
		})
		
		$('.faq_text_hide').click(function() {
			$('.' + this.title + '').slideUp();
			$('.faq_title').css("background-image", "url(img/li_arrow.gif)");
		}) 
	} 
	
	$('#scroller').scrollable({
		circular: true
	}).autoscroll({ 
	autoplay: true, 
	interval: 5000 
	});
	
	
});

var UserOK;

if ( ! String.prototype.supplant ) {
	String.prototype.supplant = function (o, fnConvert) {
		return this.replace(/{([^{}]*)}/g,
			function (a, b) {
				var r = o[b];
				if (fnConvert) {
					r = fnConvert(r);
				}
				return typeof r === 'string' || typeof r === 'number' ? r : a;
			}
		);
	};
}

function htmlDecode(s) {
	return $('<div>' + s + '</div>').text();
}

function openOverlay(title,url,width,height) {
	GB_showCenter(title, url, /* optional */ height, width)
}

function mOn(obj) {
	var ext = obj.src.slice(-3)
	if(obj.src.indexOf('_o.'+ ext)==-1){
		obj.src=obj.src.replace('.'+ ext,'_o.'+ ext)
	}
}
function mOut(obj) {
	var ext = obj.src.slice(-3)
	obj.src=obj.src.replace('_o.'+ext,'.'+ext)
}

function getCheckboxValue(id) {
	var allInputTags = document.getElementById(id+'_group').getElementsByTagName('INPUT');
	for (var c=0; c<allInputTags.length; c++) {
		if (allInputTags[c].checked) {
			return allInputTags[c].value;
			break;
		}
	}
	return "";
}

function selAll() {
	var span = document.getElementById('checkboxes').getElementsByTagName('INPUT')
	var select = span[0].checked
	for(i=0;i<span.length;i++){
		if(span[i].type=='checkbox'){
			span[i].checked = select
		}
	}
}

function countChars(id,qty) {
	var obj = document.getElementById(id)
	obj.onclick=function(){document.getElementById('cntChars').innerHTML = qty - obj.value.length}
	obj.onkeyup=function(){
		document.getElementById('cntChars').innerHTML = qty - obj.value.length; 
		if (obj.value.length >= qty){
			document.getElementById(id).value=document.getElementById(id).value.substring(0,qty)
		}
	}
	document.getElementById('cntChars').innerHTML = qty - obj.value.length
}

function printme() {
	printObject("output");
}

function printObject(id) {
	var objOut = document.getElementById(id);
	var out = objOut.innerHTML;
		
	var wh = window.open("","wh","width=640px,height=480px,scrollbars=yes");
	wh.document.open();
	var output = '<link href="' + _PROJECT_URL + 'css/print.css" rel="stylesheet" type="text/css">';
	output = '<html><head>'+output+'</head><body>'+out.replace('<object','<!--object').replace('/object>','/object-->')+'</body></html>';
	output += '<'+'script type="text/javascript">';
	output += 'setTimeout("window.print()",2000);';	
	output += '</'+'script>';
	wh.document.writeln(output);
	wh.document.close();
}

function display(id,arr) {
	if(arr!=undefined) {
		var a = arr.split(',')
		for(i=0;i<a.length;i++){
			if(document.getElementById(a[i])) document.getElementById(a[i]).style.display='none'
		}
	}
	if(id!=''){
		if(document.getElementById(id)){
			var obj = document.getElementById(id).style
			if(obj.display=='none'){
				obj.display='block'
			}
		}
	}
	return false
}

//functie voor setten van checkboxen
function check(v,id,input) {
	var obj = document.getElementById(input)
	var rest
	if(obj.value.indexOf(','+v+',')==-1){
		if(obj.value==''){
			obj.value=','
		}
		if(obj.value!=''){
			obj.value=obj.value+v+',';
		}
		document.getElementById(id).src = document.getElementById(id).src.replace('.gif','_o.gif')
	}else{
		obj.value = obj.value.replace(','+v+',',',')
		if(obj.value.length==1) obj.value=''
		document.getElementById(id).src = document.getElementById(id).src.replace('_o.gif','.gif')
	}
}

//functie voor setten van radiobutton
function radio(v,id,input,val) {
	var obj = document.getElementById(input)
	var curId = document.getElementById(id)
	var checked = false
	if(curId.src.indexOf('_o.gif')>-1) checked = true
	//reset alle items
	for(var i=0;i<document.getElementById(input + '_cnt').value;i++){
		document.getElementById('radio'+i).src = document.getElementById('radio'+i).src.replace('_o.gif','.gif')
	}
	//wanneer nog niet geselecteerd, selecteer item
	if(!checked){
		obj.value=val
		document.getElementById(id).src = document.getElementById(id).src.replace('.gif','_o.gif')
	}else{
		obj.value=''
	}
}

function drawLocatiesMap (locs) {
	// deze functie installeert de functionaliteit voor de google map
	// 1 keer aanroepen
	
	var i, loc, map, hopNaarLocatie, markers = [],
		locatiesMap = document.getElementById('locatiesmap'),
		infoWindowSettings = { maxWidth : 350 },
		requestedLocation = $('#hop_naar_locatie').val(),
		popupTemplate = ""
			+ "<h4>{title}</h4>"
			+ "<p>{text}</p>";
	
	// functie om in te zoomen op een plaats naar keuze
	hopNaarLocatie = function (address) {
		var geocoder = new GClientGeocoder();
			//address = $(this).val();
			
		if (geocoder) {
			geocoder.setBaseCountryCode('NL');					
			geocoder.getLatLng(address, function(latlng) {
				if (latlng) {
					map.setCenter(latlng, 11);
					$('#hop_naar_locatie_error').html('&thinsp;');//.hide();						
				}
				else {
					$('#hop_naar_locatie_error').text("locatie niet gevonden");//.show();
				}
			});
		}		
	}

	if (locatiesMap && GBrowserIsCompatible()) {
		map = new GMap2(locatiesMap, {
			logoPassive:true
		});
		
		if (map) {
			map.addControl(new GLargeMapControl3D());
			map.addControl(new GMapTypeControl());
			// midden op Utrecht
			
			if (requestedLocation) {
				hopNaarLocatie(requestedLocation);
			}
			else {
				map.setCenter(new GLatLng(52.096804, 5.122719), 7);
			}
			
			// markers plaatsen
			$.each(locs, function(i, loc) {
				var marker = new GMarker( new GLatLng(loc.latitude, loc.longitude), {
					title : loc.title
				});
				map.addOverlay(marker);
	
				GEvent.addListener(marker, "click", function () { 
					marker.openInfoWindowHtml(popupTemplate.supplant(loc, htmlDecode), infoWindowSettings);
				});
			});
			
			// zoekfunctie activeren			
			$('#hop_naar_locatie').change( function() { 
				var locatie = $(this).val();
				hopNaarLocatie(locatie);
			});
			$('#hop_naar_locatie_button').click( function() {
				hopNaarLocatie($('#hop_naar_locatie').val());
			});
		}
	}
};


$(document).ready(function(){													 
	$("#btn_inloggen").click(function () {
		if (document.getElementById('form').style.display == 'none')
		{
			$("#form").slideDown();
			document.getElementById('btn_close').style.display = 'block';
		}
		else
		{
			document.getElementById('btn_close').style.display = 'none';			
			$("#form").slideUp();
		}
	});

	$("#btn_close").click(function () {
		if (document.getElementById('form').style.display == 'block')
		{
			document.getElementById('btn_close').style.display = 'none';			
			$("#form").slideUp();
		}
	});
		
	//VERZEKERINGEN TAB MENU
    $("#tabMenu li").hover
	(
		function(){if($(this).attr('class')!='active')$(this).attr('class','hover');},
		function(){if($(this).attr('class')!='active')$(this).attr('class','normal');}    
	);
	
	$('input.submitonenter').keypress(function(e) {
		if (e.which==13) {
			$(this).closest('form').submit();
		}
	});
	
	$('input.number[type="text"]').keypress(function(e) {
		return e.which >= 48 && e.which <= 57;
	});
	
	// links naar rfxWeb meetellen in pageTracker van google
	$('a[href*="rfxweb.nl"]').click(function() {	
			var path = this.href.replace('https://', '').replace('mijn.knmv.nl/mijnknmv', '/rfxweb');
			pageTracker._trackPageview(path);
	});
	
	if (locaties) {
		drawLocatiesMap(locaties);
	}
});


	
function showHide(show_id,hide_id,img,img_o,hide_id2,img_o2)
{
	//item dat getoond moet worden
	var showObj = document.getElementById(show_id)
	//items die verborgen moet worden
	var hideObj = document.getElementById(hide_id)
	var hideObj2 = document.getElementById(hide_id2)
	if (hideObj2) { hideObj2.style.display = 'none'; }
	//afbeelding dat op actief staat en op normalte state moet komen te staan
	var img_o = document.getElementById(img_o)
	var img_o2 = document.getElementById(img_o2)
	var ext = img.src.slice(-3)
	if (showObj.style.display == 'none')
	{
		//haal de mouseoutfunctie weg, zodat de afbeelding op _o blijft te staan
		img.onmouseout = function(){}
		//zet de afbeeling op _o (actief)
		mOn(img);
		//de afbeelding die op normal state komt te staan, krijgt weer de mouseover functie
		img_o.onmouseout = function(){mOut(this)}
		img_o2.onmouseout = function(){mOut(this)}
		//zet de afbeeling op normal state
		mOut(img_o);
		mOut(img_o2);
		
		//toon en verberg betreffende item
		showObj.style.display = 'block';	
		hideObj.style.display = 'none';
	}
};

function showHide2(show_id,hide_id,img,img_o)
{
	//item dat getoond moet worden
	var showObj = document.getElementById(show_id)
	//items die verborgen moet worden
	var hideObj = document.getElementById(hide_id)
	//afbeelding dat op actief staat en op normalte state moet komen te staan
	var img_o = document.getElementById(img_o)
	var ext = img.src.slice(-3)
	if (showObj.style.display == 'none')
	{
		//haal de mouseoutfunctie weg, zodat de afbeelding op _o blijft te staan
		img.onmouseout = function(){}
		//zet de afbeeling op _o (actief)
		mOn(img);
		//de afbeelding die op normal state komt te staan, krijgt weer de mouseover functie
		img_o.onmouseout = function(){mOut(this)}
		//zet de afbeeling op normal state
		mOut(img_o);
		
		//toon en verberg betreffende item
		showObj.style.display = 'block';	
		hideObj.style.display = 'none';
	}
};

function loadYouTube(url, container, width, height){
	if (url.indexOf("http://") == 0) 
	{
		var so = new SWFObject(""+url+"", "site", width, height, "0,0,0,0", "#000000");
	} else {
		var so = new SWFObject("http://www.youtube.com/v/"+url+"&rel=0", "site", width, height, "0,0,0,0", "#000000");
	}	
	so.addParam("allowFullscreen","true");
	so.write(container);
}

function initSIFR() {
	if(typeof sIFR == "function"){
		sIFR.replaceElement(named( {
			sSelector:"h3.amb",
			sFlashSrc:_PROJECT_URL + "flash/h3.swf",
			sColor:"#ffffff",
			sWmode:"transparent",
			nPaddingTop:0,
			nPaddingBottom:0,
			sFlashVars:"textalign=left&offsetTop=0"
			}
		));
		sIFR.replaceElement(named( {
			sSelector:"h3.splash",
			sFlashSrc:_PROJECT_URL + "flash/h3.swf",
			sColor:"#303030",
			sWmode:"transparent",
			nPaddingTop:0,
			nPaddingBottom:0,
			sFlashVars:"textalign=left&offsetTop=0"
			}
		));
		sIFR.replaceElement(named( {
			sSelector:"h3.blue",
			sFlashSrc:_PROJECT_URL + "flash/h3.swf",
			sColor:"#006cb4",
			sCase:"upper",
			sWmode:"transparent",
			nPaddingTop:0,
			nPaddingBottom:0,
			sFlashVars:"textalign=left&offsetTop=0"
			}
		));
		sIFR.replaceElement(named( {
			sSelector:"h3",
			sFlashSrc:_PROJECT_URL + "flash/h3.swf",
			sColor:"#ffffff",
			sCase:"upper",
			sWmode:"transparent",
			nPaddingTop:0,
			nPaddingBottom:0,
			sFlashVars:"textalign=left&offsetTop=0"
			}
		));
	};
}

// from John Resig's book on JS
var getStyle = function (elem, name) {
	if (elem.style[name]) {
		return elem.style[name];
	}
	
	else if (elem.currentStyle) {
		return elem.currentStyle[name];
	}
	
	else if (document.defaultView && document.defaultView.getComputedStyle) {
		name = name.replace(/([A-Z])/g, "-$1");
		name = name.toLowerCase();
		
		var s = document.defaultView.getComputedStyle(elem, "");
		return s && s.getPropertyValue(name);
	} 
	
	else {
		return null;
	}
}

var isHidden = function (dOb) {
	while (dOb && dOb !== document && dOb.tagName !== undefined) {
		if (getStyle(dOb, 'display') === 'none') {
			return true;
		}
		dOb = dOb.parentNode;
	}
	
	return false;
}

function redrawFlashObject(mc_id, fm_id) {
	var mc = document.getElementById("media_container_" + mc_id);
	mc.innerHTML = '';
	mc.innerHTML = fm[fm_id].replace(/{time_r}/g, new Date().getTime());
}

function controlDisplay(fromOb, toId) {
	var toOb = document.getElementById(toId);
		
	if (toOb && fromOb.tagName.toLowerCase() == 'input') {
		if (fromOb.checked) {
			toOb.style.display = "inline";
		}
		else {
			toOb.style.display = "none";			
		}
	}
}

// METHODS FOR FLASH MEDIA CONTROL
function getFlashMovie(movieName){
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
	//return swfobject.getObjectById(movieName);
}

 function stopAudio() {
	var swf = getFlashMovie('audio');//document.getElementById('audio');
	if (swf) swf.stop();
}

function stopVideo() {
	var swf = getFlashMovie('video');
	if (swf) swf.stopVideo();
}

function playVideo(video,screenshot,autostart) {
	var swf = getFlashMovie('video');
	if (swf) swf.playVideo(video,screenshot,autostart);
}

function filter_tour(type,value){
	var sel_country = document.getElementById('tour_country').value;
	var url = document.getElementById('perma').value;
	if (value == ''){ 
		document.location = url;
	}
	if (type == 'country'){
		document.location = url + '?c=' + sel_country;				
	}
	if (type == 'region'){
		document.location = url + '?c=' + sel_country + '&r=' + value;				
	}
}
