function spaces(txt) {
	tmp='';
	for (var i=0;i<txt.length;i++)
		if (txt[i]=='?')
			tmp+='-';
		else
			tmp+=txt[i]==' ' ? '+' : txt[i];
	return tmp;
}

function rw_h1() {
	$('H1').each(function() {
		var w = this.offsetWidth;
		var h = this.offsetHeight;
		var c = this.className;
		/*if (this.className && this.className=='close')
			$(this).replaceWith('<img rel=\"close\" src="/gfx/koppen/'+c+'_'+w+'_'+h+'_'+spaces(this.innerHTML)+'.gif" alt="'+escape(this.innerHTML)+'" title="'+escape(this.innerHTML)+'" />');
		else
			$(this).replaceWith('<img rel=\"close\" src="/gfx/koppen/'+w+'_'+h+'_'+spaces(this.innerHTML)+'.gif" alt="'+escape(this.innerHTML)+'" title="'+escape(this.innerHTML)+'" />');
		*/
		var html = $(this).html();
		if (this.className && this.className=='close')
			$(this).replaceWith('<img rel=\"close\" src="/base/kop.php?close&amp;w='+w+'&amp;h='+h+'&amp;txt='+encodeURIComponent(html)+'" alt="'+encodeURIComponent(html)+'" title="'+encodeURIComponent(html)+'" />');
		else
			$(this).replaceWith('<img src="/base/kop.php?w='+w+'&amp;c='+escape(c)+'&amp;txt='+encodeURIComponent(html)+'" alt="'+encodeURIComponent(html)+'" title="'+encodeURIComponent(html)+'" class="kop" />');
		});
	$('H2').each(function() {
		var w = this.offsetWidth;
		var h = this.offsetHeight;
		var c = this.className;
		var html = $(this).html();
		$(this).replaceWith('<img src="/base/koph2.php?c='+encodeURIComponent(c)+'&amp;txt='+encodeURIComponent(html)+'" alt="'+encodeURIComponent(html)+'" title="'+escape(html)+'" />');
		});
	$('H5').each(function() {
		var w = this.offsetWidth;
		var h = this.offsetHeight;
		var c = this.className;
		$(this).replaceWith('<img src="koph5.php?w='+w+'c='+escape(c)+'&amp;txt='+escape(this.innerHTML)+'" alt="'+escape(this.innerHTML)+'" title="'+escape(this.innerHTML)+'" />');
		});
		
	$('IMG[rel=klein]').mouseover(function() {
		var org = this.src.match(/([0-9]+)\/thumb_(.+).jpg/);
		if (org)
			$('IMG[rel=groot]',this.parentNode).each(function() { this.src='/shopimages/'+org[1]+'/big_'+org[2]+'.jpg'; });
		});
}

function rw_close() {
	$('#grey').css('display','none');
	$('#popup').fadeOut('fast');//css('display','none');
}

$(window).bind('load',function() {
		$('#grey').css('height',$(document).height()+'px');
		$('#grey').click(rw_close);
		if ($.datepicker)
		$('INPUT[rel=datetimepicker]').datepicker({
			altFormat:'dd-mm-yy',
			firstDay: 1,
			dayNamesShort: ['Zo','Ma','Di','Wo','Do','Vr','Za'],
			dayNamesMin: ['Zo','Ma','Di','Wo','Do','Vr','Za'],
			dayNames: ['Zondag','Maandag','Dinsdag','Woensdag','Donderdag','Vrijdag','Zaterdag'],
			monthNames: ['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December']
			});
		$('A[rel=detail]').click(function(event) {
			event.preventDefault();
			event.stopPropagation();
			$.get(this.href+'?ajax',function(data) {
				var y = $(window).scrollTop()+50;
				$('#popup').css('top',y+'px');
				$('#popup').html(data);
				$('#grey').css('display','block');
				$('#popup').fadeIn('fast');//css('display','block');
				rw_h1();
				$('IMG[rel=close]').click(rw_close);
				$('IMG[rel=close]').css('cursor','pointer');
				});
			});
		rw_h1();
	});

function rw_viewportal(){
	 var viewportwidth;
	 var viewportheight;
	 
	 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
	 
	 if (typeof window.innerWidth != 'undefined')
	 {
		  viewportwidth = window.innerWidth,
		  viewportheight = window.innerHeight
	 }
	 
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

	 else if (typeof document.documentElement != 'undefined'
		 && typeof document.documentElement.clientWidth !=
		 'undefined' && document.documentElement.clientWidth != 0)
	 {
		   viewportwidth = document.documentElement.clientWidth,
		   viewportheight = document.documentElement.clientHeight
	 }
	 
	 // older versions of IE
	 
	 else
	 {
		   viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
		   viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
	//document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');

	return viewportheight;
}

function rw_toggle(DivID){
	var DivHeight = document.getElementById(DivID).offsetHeight;
	return DivHeight;
}

function ToggleContent (src,d) {
	d = document.getElementById(d);
	d.style.display = src.checked ? 'none' : 'block';
}