$(document).ready(function(){
	if(($.browser.msie && parseInt($.browser.version, 10) < 7)){
		$(document).pngFix();
		$("*:last-child").addClass("last");
		$("*:first-child").addClass("first");
	}
	$(function() {
		$(".datepicker").datepicker({ dateFormat: 'dd-mm-yy'});
	});
		
	$(".confirmation").live('click',function(){
		if($(this).attr('rel')) msg = $(this).attr('rel');
		else					 msg = 'Weet u het zeker?';
		if(!confirm(msg)){
			return false;	
		}
	})
	$(".kliniek a").live("click",function(){
		$(".kliniekactief").removeClass('kliniekactief');
		$(this).addClass('kliniekactief');
		var linkje = $(this);
		$.ajax({type:'GET',url: $(this).attr('href'), success: function(msg){$('#div_kliniek').html(msg);
																									
			if(linkje.attr('targetdiv')){
				$("body").append('<div id="highlite"></div>');
				var target = $("#"+linkje.attr('targetdiv'));
				$("#highlite").css({'top':linkje.offset().top+'px','left':linkje.offset().left+'px','width':linkje.width()+'px'})
				$("#highlite").animate({'top':target.offset().top+'px','left':target.offset().left+'px','width':target.width()+'px','height':target.height()+'px'}, 700, false, function(){
					$("#highlite").fadeTo(500,0, function(){ $(this).remove()});
				})
			}
//				$('html, body').animate({scrollTop: $("*[name='"+$(this).attr('href').split('#')[1]+"']").offset().top}, 500);	
			$('html, body').animate({scrollTop: 0}, 700);
		afterAjax();}});	   
		return false;
	})
	
	$("#div_kliniek .tabs a").live("click",function(){
		if($(this).attr('href')){
			$.ajax({type:'GET',url: $(this).attr('href'), success: function(msg){$('#div_kliniek').html(msg);afterAjax();}});	   
		}
		return false;
	})
	
	
	$("#aanvinklabel").live("click",function(){
		var klinieken = $(this).closest(".ajaxformulier").find("input[type=checkbox]:checked").length;
		if(klinieken > 0 && klinieken <= 20){
			submitAjaxForm($(this).closest(".ajaxformulier"));
		}else if(klinieken > 20){
			alert('U mag maximaal 20 klinieken aan vinken!');
		}else{
			alert('U dient minimaal 1 kliniek aan te vinken!');
		}
		return false;
	});
    
	// EVEN NIET IN IE ROUNDED
	$("#sideimages img").wrap('<div class="outer"></div>');	
	if (jQuery.browser.msie) {
		$("#sideimages img").parent().css('padding','2px');	
	}else{
		$("#sideimages img").parent().css('padding','2px');	
//		$("#sideimages img").corner("round 13px").parent().css('padding','2px').corner("round 13px");
	}
																	  
	afterAjax();
});
	
	
function submitAjaxForm(form){
	var form = form;
	var data = form.serialize();
	var buttonlabel = form.find('input[type=submit]').val();
	form.find('input, textarea, checkbox, radio, select').each(function(){
		if($(this).attr('title')){
			ar = $(this).attr('name').split('[]');
			naam = ar[0];
			data += '&veldnamen['+encodeURIComponent(naam)+']=' + encodeURIComponent($(this).attr('title'))
		}
	});
	$.ajax({
		type: 	form.attr('method'),
		url: 	form.attr('action'),
		data: 	data,
		success: function(msg){
			if(form.attr('target')){
				form.find('input[type=submit]').attr('disabled',false).val(buttonlabel);
				lightbox();
				$("#"+form.attr('target')).html(msg);
				afterAjax();
			}
		},
		error: function(xhr, ajaxOptions, thrownError){
			alert(xhr.status);
			alert(thrownError);
		}
	});
	
	if(form.find('.loadmsg').length > 0){
		$('html, body').animate({scrollTop: 0}, 700);
		form.find('.loadmsg').html('<div id="aanvraagfout">Uw aanvraag wordt momenteel verwerkt. Dit kan enkele ogenblikken duren.</div>')
		lightbox('Uw aanvraag wordt momenteel verwerkt. Dit kan enkele ogenblikken duren.<br /><img src="images/loadbar.gif">')
	}
	form.find('input[type=submit]').attr('disabled',true).val('Bezig met verzenden..');
	
	
	return false;	
}
	
function lightbox(htmlstring){
	if(htmlstring){
//	$('#container').prepend('<div id="lb"><div class="bg"></div><div class="data"></div></div>');
		$('#lb .data2').html(htmlstring);
		$('#lb').show();
	}else{
		$('#lb').hide();
	}
}
function checkverplicht(){
	$(".verplicht").hide();
	$(".verplicht[rel*="+$("#contactwijze").val()+"]").show();	
}

	function afterAjax(){
		$("#contactwijze").change(function(){
			checkverplicht();
		});
		checkverplicht();
		$("#reageeropverhaal").toggle(
				function () { 
					$(this).next("#reageer").stop(true,true).slideDown("fast");
				},
				function () { 
					$(this).next("#reageer").stop(true,true).slideUp("fast");			
				}
		);
		$("#reageer.hide").hide();
		 $("a[href*='#']").each(function(){
		
		});
			 
		$("a[rel^=fancybox]").fancybox({
			'zoomSpeedIn':		300, 
			'zoomSpeedOut':		300, 
			'overlayOpacity':	0.7,
			'hideOnContentClick': false
		});
		
		
		$(".nieuws > a").toggle(
				function () { 
					$(this).next().stop(true,true).slideDown("fast");
					$(this).addClass('active');
				},
				function () { 
					$(this).next().stop(true,true).slideUp("fast");
					$(this).removeClass('active');					
				}
		);
		
		$(".nieuws .leesverder").click(function(){
			$(this).parent().hide("fast");
			$(this).parent().next().show("fast");	
			return false;		
		});
		$(".nieuws .leesminder").click(function(){
			$(this).parent().hide("fast");
			$(this).parent().prev().show("fast");	
			return false;
		});
		$(".kliniek_nieuws a").toggle(
				function () { 
					$(this).next().stop(true,true).show("fast");
				},
				function () { 
					$(this).next().stop(true,true).hide("fast");
				}
		);
		
		$('#div_klinieken input[type=checkbox]').checkbox({
		  cls:'jquery-safari-checkbox',
		  empty: 'images/spacer.gif'
		});	
		
		$(".ajaxformulier").unbind('submit').bind("submit",function(){
			submitAjaxForm($(this))
			return false;
		});
		
		$("#routebeschrijving").submit(function(){
			berekenRoute($(this));
			return false;
		});
	}
	
	var map;
	var gdir;
    var geocoder = null;
	
	function showMap(co1,co2) {
		if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("mapkliniek"));
			map.addControl(new GSmallMapControl());
			map.setCenter(new GLatLng(co1,co2), 13);
			var latlng = new GLatLng(co1,co2);
			map.addOverlay(new GMarker(latlng));
			map.setMapType(G_NORMAL_MAP);
		}
	}
	
	
	function berekenRoute(form){
		if(form.find('[name=strStraat]').val() == ''){
			alert('Vul aub uw straatnaam in.')
			form.find('[name=strStraat]').focus();
		}else if($('#ajaxForm [name=strWoonplaats]').val() == ''){
			alert('Vul aub uw woonplaats in.')
			form.find('[name=strWoonplaats]').focus();		
		}else{
			 gdir 		= new GDirections(map, document.getElementById('routediv'));
			 var naar 	=  form.find('[name=naar]').val();
			 var van 	= form.find('[name=strStraat]').val() + ' ' + form.find('[name=strHuisnummer]').val()  + ', ' + form.find('[name=strPlaats]').val()  + ', Netherlands';
			 setDirections(van, naar, 'nl_nl');
		}
	}
    
    function setDirections(fromAddress, toAddress, locale) {
		gdir.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
    }