var basehref = $('base').attr('href');

var fancySettings = {
	'hideOnContentClick': true,
	'cyclic'		:	true,
	'margin'		:	20,
	'centerOnScroll':	true,
	'overlayOpacity':	0.8,
	'overlayColor'	:	'#b4b0af',
	'speedIn'		:	600, 
	'speedOut'		:	200, 
	'overlayShow'	:	true,
	
	'titleShow'		: false,		// Toggle title
	'titlePosition'	: 'over'	// The position of title. Can be set to 'outside', 'inside' or 'over'

}

var numClass = function(count){
	return count >= 10 ? 'double' : 'single';
}
	
// init & start
$(function() {
	
	/// mooooooi mooi mooi moi moi....
	/*$(".socialheader h2").textShadow({
		x:      0, 
		y:      0, 
		radius: 6,
		color:  "#0c0a25"
	});*/
	
	// fancybox
	$('a.enlarge').fancybox(fancySettings);
	
	// h5 in-uitklap
	h5toggler('#content div.container h5');
	
	// topimages cycle
	addCycle('#wrapper .folder.topimages.image',4000,false,false,'mainvisual');
	
	// online images cycle
	addCycle('#content div.folder.group.image.normal:not(.content)',3000,false,true,false);
	
	// homepanel praktijkverhalen
	initItemsBanner();
	
	// dus...
	$($('p.readmore.back').prepend('<br/>')).appendTo('#content');
	
});

// homepanel praktijkverhalen
function initItemsBanner(){
	
	var panelwidth = $('.folder.type_group.list.folder.panel:first')
	.parent('.folderslist')
	.prepend('<div id="pagers"/>')
	.addClass('gallery')
	.outerWidth();
	
	$('.folder.type_group.list.folder.panel:first')
	.css({
		'width':panelwidth*2 /*function(){
			panelwidth = $(this).parent().outerWidth();
			return panelwidth*2;
		}*/
	});

	$('.folderslist > .folder.type_group.list.folder.panel > .folder.list.panel:gt(7)').remove();
	
	for (i=0;i<=1;i++)
	{
		$('.folderslist > .folder.type_group.list.folder.panel > .folder.list.panel:lt(4)')
		.each(function(){
	
			var url = $('a:first',$('p.readmore',$(this).css({'cursor':'pointer'})).hide()).attr('href');
			
			$('a',$(this)).unbind('click');
			
			$('.download',$(this).click(function(){
				window.location = url;
				return false;
			})).remove();
			
		})
		.wrapAll( 
			$('<div class="group" />')
			.css({'width':panelwidth})
		)
	}
	
	$('.folderslist > .folder.type_group.list.folder.panel:first')
	.cycle({ 
		fx: 	'scrollHorz', 
		pager:	'#pagers',
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			//return '#nav li:eq(' + idx + ') a'; 
			return '<a href="#"><big>•</big></a>'; 
    	},
    	pause:   true,
    	pauseOnPagerHover:true,
    	timeout: 4000,
		delay:	 0 
	});
}

// h5 in-uitklap
function h5toggler(what){
	
	//$('div.content div.body h5 ~ p, div.content div.body h5 ~ ul').hide();
	$(what).each(function(){
		
		$(this).addClass('toggable').css({cursor: 'pointer'});
		
		$('~ *', this).each(function(){
							
			if(this.tagName.indexOf('H') == 0) return false;
			
			$(this).hide();
			
		});
	});
	
	$(what).toggle(
		
		function() {
			
			$(this).addClass('open');
			
			// alle sliblings tot aan de volgende H / div uitklappen
			$('~ *', this).each(function(){
								
				if(this.tagName.indexOf('H') == 0) return false;
				if(this.tagName.indexOf('DIV') == 0) return false;
				
				$(this).slideDown('fast');
				
			});
			
		},
		
		function() {
		
			$(this).removeClass('open');
			
			// alle sliblings tot aan de volgende H /div inklappen
			$('~ *', this).each(function(){
								
				if(this.tagName.indexOf('H') == 0) return false;
				if(this.tagName.indexOf('DIV') == 0) return false;
				
				$(this).slideUp('fast');
				
			});
		}
		
	);
}

function addCycle(holder,timeout,showdescription,pager,parentid){
	
	var first = true;
	var count = 0;
	var prevH;
	var nextH;
	
	if( $(holder).length ){
				
		$(holder).each(function(){
			
			var oHolder = $(this);
			
			if( $('a',oHolder).length ){
				
				if(parentid){
					$(oHolder).prependTo('#'+parentid);
				}
				
				var enlargeH = $('<span/>')
				.addClass('slidenav')
				.addClass('enlargeBtn')
				.append( 
					$('<a/>') 
				).click(function(){
					if( $('a',oHolder).length > 1 ){
						$(".actslide").trigger('click');
					} else {
						$('a:first',oHolder).trigger('click');
					}
				});
				
				if( $('a',oHolder).length > 1 ){
					
					count = $('a',oHolder).length;
					
					prevH = $('<span/>')
					.addClass('slidenav')
					.addClass('prevBtn')
					.append( 
						$('<a/>') 
					);
					
					nextH = $('<span/>')
					.addClass('slidenav')
					.addClass('nextBtn')
					.append( 
						$('<a/>') 
					);
					
					var pauzeH = $('<span/>')
					.addClass('slidenav')
					.addClass('pauzeBtn')
					.append( 
						$('<a/>') 
					)
					.toggle(function() {
						$(oHolder).cycle('pause'); 
						$(this).addClass('active');
					}, function() {
						$(oHolder).cycle('resume',true); 
						$(this).removeClass('active');
					});
					
					var title  = $('a:first',oHolder).attr('title');
					var output = showdescription ? $('<p/>').addClass('description').html(title) : '';
					var pagernav = pager ? $('<div/>').addClass('slidenavholder').addClass('snh'+$(oHolder).attr('id')) : '';
					
					$(oHolder)
					.css({'margin':'0px','padding':'0px','with':'auto'});
					
					var wrapper = $('<div/>')
					.addClass('easyslideWrapper');
					
					if(oHolder.hasClass('right')){
						wrapper.addClass('right');
					}
					
					var imgoHolder = $(oHolder)
					.addClass('easyslideoHolder')
					.wrap( wrapper );
					
					$(imgoHolder)
					.after(enlargeH)
					.after(nextH)
					.after(pauzeH)
					.after(prevH)
					.after(pagernav)
					.after(output)
					.cycle({ 
						fx:			'fade', 
						pager:		pagernav ? '.snh'+$(oHolder).attr('id') : false,
						pause:		false,
						pauseOnPagerHover:true,
						delay:		-((timeout /2) + 500),
						timeout:	timeout,
						next:		'.nextBtn', 
						prev:		'.prevBtn',
						after:		onAfter,
						before:		onBefore 
					});
					
				} 
			}
		});
	}
	
	function onBefore() { 
		
		title  = $(this).attr('title');
		
		var prevc = $(this).prevAll('a').length;
		var nextc = (prevc + 2);
		
		prevc = (prevc == 0) ? count : prevc;
		nextc = (nextc > count) ? 1 : nextc;
		
		$('a',prevH)
		.html(Math.abs(prevc))
		.removeClass('double')
		.addClass(function(){
			return numClass(prevc);
		});
		
		$('a',nextH)
		.html(Math.abs(nextc))
		.removeClass('double')
		.addClass(function(){
			return numClass(nextc);
		});
		
		if(!first && showdescription){
		
			output
			.fadeOut('fast',function(){
			
				output
				.html(title) 
				.fadeIn('slow',function(){}); 
				
			});
			
		} else {
		
			$(prevH).addClass('active');
			$(nextH).addClass('active');
			
			first = false;
		}
		
		//$(this).removeClass('actslide');
		$('a',holder).removeClass('actslide');
	} 
	
	function onAfter() { 
	
		$(this).addClass('actslide');
		
	}
	
}

/*
function addGalleryCycle(holder){
	
	var first = true;
	
	if( $(holder).length ){
		
		var prevH = $('<span/>')
		.addClass('prevBtn')
		.append( 
			$('<a/>') 
		);
		
		var nextH = $('<span/>')
		.addClass('nextBtn')
		.append( 
			$('<a/>') 
		);
		
		var enlargeH = $('<span/>')
		.addClass('enlargeBtn')
		.append( 
			$('<a/>') 
		).click(function(){
			$(".actslide").trigger('click');
		});
		
		var pauzeH = $('<span/>')
		.addClass('pauzeBtn')
		.append( 
			$('<a/>') 
		)
		.toggle(function() {
			$(holder).cycle('pause'); 
			$(this).addClass('active');
		}, function() {
			$(holder).cycle('resume',true); 
			$(this).removeClass('active');
		});
		
		var title  = $('a:first',holder).attr('title');
		var output = $('<p/>').addClass('description').html(title);
		
		$(holder)
		.css({'margin':'0px','padding':'0px','with':'auto'});
		
		var count = $('a',holder).length;
			
		var wrapper = $('<div/>')
		.addClass('easyslideWrapper');
		
		var imgholder = $(holder)
		.addClass('easyslideHolder')
		.wrap( wrapper );
		
		$(imgholder)
		.after(enlargeH)
		.after(nextH)
		.after(pauzeH)
		.after(prevH)
		.after(output)
		.cycle({ 
			fx:			'fade', 
			pause:		true,
			pauseOnPagerHover:true,
			timeout:	5000,
			next:		'.nextBtn', 
			prev:		'.prevBtn',
			after:		onAfter,
			before:		onBefore 
		});
	}
	
	function onBefore() { 
		
		title  = $(this).attr('title');
		
		var prevc = $(this).prevAll('a').length;
		var nextc = (prevc + 2);
		
		prevc = (prevc == 0) ? count : prevc;
		nextc = (nextc > count) ? 1 : nextc;
		
		$('a',prevH)
		.html(Math.abs(prevc))
		.removeClass('double')
		.addClass(function(){
			return numClass(prevc);
		});
		
		$('a',nextH)
		.html(Math.abs(nextc))
		.removeClass('double')
		.addClass(function(){
			return numClass(nextc);
		});
		
		if(!first){
		
			output
			.fadeOut('fast',function(){
			
				output
				.html(title) 
				.fadeIn('slow',function(){}); 
				
			});
			
		} else {
		
			$(prevH).addClass('active');
			$(nextH).addClass('active');
			
			first = false;
		}
		
		$(this).removeClass('actslide');
	} 
	
	function onAfter() { 
	
		$(this).addClass('actslide');
		
	}
	
}
*/

function wc()
{
	if(window.console)
	{
		for(var i = 0; i < arguments.length; i++)
		{
			window.console.log(arguments[i]);
		}
	}
}