$(document).ready(function() {
	styleSome();
	leesMeer();
	splitModules();
	$('#search_term').clearInput();
	
	$("#twitterCount").SocialCounter({ SocialSite: 'Twitter', UName: 'LOVERweb' });
  $("#facebookCount").SocialCounter({ SocialSite: 'Facebook', UName: '100003140690585' });
});

$(window).load(function() {
	resize();
});


function styleSome() {
	// first submodule has kader
	$('#column .submodule:first').addClass('kader');
	// submenu
	var active=$('#menu ul.lev2>li.active');
	if ( active.length>0 ) {
		$('#menu').addClass('sub');
	}
	
	// line between recent/verwant as long as last items
	var lastH=0;
	var itemH=127; // 133+42
	var lastItems=$('#recent .item4').add('#verwant .item7').add('#verwant .item8');
	$(lastItems).each(function(){
		var h=$(this).find('h3').height();
		if (h>lastH) lastH=h;
	});
	lastH=itemH + lastH;
	if (lastH>0) $(lastItems).css({height:lastH});
}


function leesMeer() {
	// niet bij agenda/submenu of doorlinken naar #
	var hash=location.hash;
	if ( ! $('body').hasClass('submenu') && ! $('body').hasClass('module_main_agenda') && hash=='') {
		$('.article').each(function(){
			var a=$(this);
			// make sure some intro exists
			var intros=$(a).children('.article p.intro');
			if (intros.length<=1) {
				intros=$(a).children('.article p:first');
				$(intros).addClass('intro');
			}
			function fold(a,intros){
				// move p.intros to div.intro
				var intro=$(a).children('div.intro:first');
				$(intro).append(intros);
				// hide the rest, and but readmore link
				$(a).children('.article :not(.intro)').hide().addClass('folded');
				$(intro).append('<span id="meer" class="meer"> &bull;&nbsp;LEES&nbsp;VERDER</span>');
				// make sure div.intro is at least as high as image
				var minh=$(intro).find('img:first').height()+70;
				$(intro).css({'min-height':minh});
			}
			fold(a,intros);
			// click event
			$('.meer').click(function(){
				var meer=$('#meer');
				if (meer.length>0) {
					$('#meer').remove();
					$('.folded').slideDown().removeClass('folded');
					$('div.intro').css({'min-height':'0px'});
				}
				else {
					fold(a,intros);
				}
			});
		});
	}
}


function splitModules() {
	$('.splitmodule').each(function(){
		var marker=$(this).children('.split_marker');
		// determine height
		var left=$(this).children('.split_left');
		var right=$(this).children('.split_right');
		var hleft=$(left).height();
		var hright=$(right).height();
		var h=hleft;
		if (h<hright) h=hright;
		// set each height
		$(left).add(right).css({height:h});
		// move right, under the left, and hide content
		$(right).css({'margin-top':-h});
		$(right).find('ul').hide();
		$(left).find('ul').addClass('show');
		// events for swithing
		$('.split_event').css({cursor:'pointer'}).click(function(){
			var new_show=$(this).parents('.splitmodule').find('ul:not(.show)');
			// hide all
			$(this).parents('.splitmodule').find('ul').hide().removeClass('show');
			// show new
			$(new_show).show().addClass('show');
			// set marker class
			if ($(marker).hasClass('marker_right'))
				$(marker).removeClass('marker_right').addClass('marker_left');
			else {
				$(marker).removeClass('marker_left').addClass('marker_right');
			}
		});
	});
}


function resize() {
	// resize old pictures:
	$('.article img').each(function(){
		// first remove width/height
		$(this).removeAttr('height');
		var w=$(this).attr('width');
		if (typeof(w)==undefined) w=$(this).width();
		// set width according to current width
		if (w>490) w=555;
		$(this).width(w);
	});

	// form justify
	$('form input.str').add('form input.int').add('form input.url').add('form input.email').add('form texarea').each(function(){
		var p=$(this).parent('div:first');
		var pwidth=$(p).innerWidth();
		var lwidth=$(p).children('label:first').outerWidth();
		var thisWidth=pwidth-lwidth-20;
		if (thisWidth>0) $(this).css({'width':thisWidth+'px'});
	});
		
	// label after checkbox/radio
	$('form label[for~=b_notify]').add('form label[for~=b_kado]').add('form .b_betaalwijze span.optionLabel').each(function(){
		tWidth=$(this).parent('div:first').innerWidth() - $(this).outerWidth() - 47;
		$(this).css({'float':'right','margin-right':tWidth});
	});

	// checkbox styling
	$('form input:checkbox').each(function(){
		$(this).hide();
		// replace with <span id="jCheck_##" class="jCheckbox ##">
		$(this).after('<span id="jCheck_'+$(this).attr('id')+'" class="jCheckbox '+$(this).attr('class')+'" style="display:block;width:'+($(this).outerWidth()+2)+'px;height:'+($(this).outerHeight()+2)+'px;"></span>');
		// check for what is/isn't already checked and match it
		(this.checked) ? $("#jCheck_"+this.id).addClass('checked') : $("#jCheck_"+this.id).removeClass('checked');
	});
	// 'check' the fake ones and their matching checkboxes
	$(".jCheckbox").click(function(){
		($(this).hasClass('checked')) ? $(this).removeClass('checked') : $(this).addClass('checked');
		$('form input:checkbox#'+( $(this).attr('id').replace('jCheck_','')) ).trigger("click");
	});

	// radiobutton styling
	$('form input:radio').each(function(){
		$(this).hide();
		// replace with <span id="jRadio_##" class="jRadio ##">
		$(this).after('<span name="'+$(this).attr('name')+'" id="jRadio_'+$(this).attr('id')+'" class="jRadio '+$(this).attr('class')+'" style="display:block;width:'+($(this).outerWidth()+2)+'px;height:'+($(this).outerHeight()+2)+'px;"></span>');
		// check for what is/isn't already checked and match it
		(this.checked) ? $("#jRadio_"+this.id).addClass('checked') : $("#jRadio_"+this.id).removeClass('checked');
	});
	// 'check' the fake ones and their matching checkboxes
	$(".jRadio").click(function(){
		name=$(this).attr('name');
		id=$(this).attr('id').replace('jRadio_','');
		// remove all checked
		$('form span[name~='+name+']').removeClass('checked');
		$('form input:radio[name='+name+']').removeAttr('checked');
		// check this one
		$(this).addClass('checked');
		$('form input:radio#'+id).attr('checked','checked');
	});	
	
}