$(function() {

	// Make any element clickable, linking to the first a href found inside
	$('.clickable').css('cursor', 'pointer').click(function() {
		$(this).find('a[href]').eq(0).each(function() {
			document.location.href=$(this).get(0).href;
		});
		return false;
	});

	// Submit with enter key
	$('input.submit').keypress(function(e) {
		if (e.which == 13) {
			$(this).closest('form').submit();
		}
	});

	// IE transparent PNG fix
	$('body').supersleight({shim: '<?= $this->baseUrl() ?>/img/transparent.gif'});

	// Banner slideshow
	$('div.slidenums a').click(function() {
		if(!$(this).hasClass('active')) {
			var snum = parseInt($(this).html());
			$('#banners div.slide').eq(snum-1).siblings('div.slide').fadeOut('slow');
			$('#banners div.slide').eq(snum-1).fadeIn('slow');
			$(this).siblings('a').removeClass('active');
			$(this).addClass('active');
		}
		return false;
	});
	var currentN = Math.floor(Math.random() * $('#banners div.slide').length);
	$('div.slidenums a').eq(currentN).click();
	window.setInterval(function() {
		currentN++;
		if (currentN >= $('#banners div.slide').length) currentN = 0;
		$('div.slidenums a').eq(currentN).click();
	}, 10000);

	// Artikel kenmerken uitlijnen
	var kenmerk_naam_width = 1;
	$('.kenmerk-naam').each(function() {
    	kenmerk_naam_width = Math.max(kenmerk_naam_width, $(this).width());
	});
	$('.kenmerk-naam').width(kenmerk_naam_width);

	// Folding parts
	$('.folding .header.in').click(function() {
		$(this).removeClass('in').addClass('out').next().slideDown();
	}).next().hide();
	$('.folding .header.out').click(function() {
		$(this).removeClass('out').addClass('in').next().slideUp();
    });

	// Fancybox (lightbox alternative)
	$('a[rel=fancybox]').fancybox({'type' : 'image'});
	
	// page content CSS quirks
	$('div.page-content').wrap('<div class="page-content-wrapper"/>');
	$('h1.curly-before').prepend('<div class="curly-bracket"/>');
	
	//als class firstlink is dan hele blok als link door middel van 1 a tag
	$('.firstlink').each(function() {
		$(this).click(function() {
			document.location.href = $(this).find('a[href]').get(0).href;
		});
	})

	// Required CM form fields
	$('.frm-required').parent().addClass('frm-required');

	// CM Form submit styling
	$('.frm-button').parent().html('<button type="submit" class="button" value="send"><span>' + $('.frm-button').val() + '</span></button>');

	$('div.menu ul li').has('ul').addClass('parent');
	
	$('li.parent').bind('mouseenter', function(){
		$(this).children('ul').show();
	});
	
	$('li.parent').bind('mouseleave', function(){
		$(this).children('ul').hide();
	});
	
	$('div#menu ul').eq(0).children('li').each(function(){
		var strlen = $(this).children('a').eq(0).html().length; 
		if(strlen > 20) {
			$(this).addClass('multiline');
		}
	});
	
	$('div#menu ul li.parent li a').each(function(){
		if($(this).html().length > 20) {
			
			var px = $(this).parents('ul').eq(0).width();
			var num_letters = $(this).html().length;
			var ext_letters = num_letters - 20;
			
			var extra_width = (ext_letters * 10);
			var nw_width = extra_width += px;
		
			$(this).parents('ul').eq(0).children('li').css('width', nw_width);
			$(this).parents('ul').eq(0).css('width', nw_width += 15);
		}
	});

	// TT WYSIWYG button styling
	// (class can be applied in TT and gives a <span class="tt-button">)
	$('span.tt-button').parent().addClass('button');
	
	// Language selection
	$('a#countries-langs-choose').click(function(){
		$('div#countries-langs').toggleClass('hide');
		$('a#countries-langs-choose').toggleClass('open');
		if(!$('div#countries-langs').hasClass('hide')) {
			$('a.region').click(function(){
				var langs = 'region_' + $(this).attr('id');
				$('div#langs').children('div').remove();
				$('div#langs').append($('div#' + langs).clone());
				$('div#langs div#' + langs).show();
			});
		}
	});
});