$(document).ready(function() {		
			
	// uitvoeren als pagina is geladen
	$(window).load(function() {
		mainHeight();
    });
	$(window).resize(function() {
		mainHeight();
    });

	
	mainmenu();
	$('#main').equalHeights(true);
	
	$('#imageFade').innerfade({
		speed: 2600,
		timeout: 4000,
		type: 'random_start',
		containerheight: '180px'
	});
	
	$(window).load(function() {
		$('#imageFade').show();
    });
	
	
	$("img[src*=.ashx]").each(function() {  
		//als de verschaalde afbeelding al een link bevat, dan GEEN fancy-box toepassen.
		if ($(this).parent().attr("href")){
			return;
		}
		if ($(this).hasClass("notFancy")){
			return;
		}
		
		var imgTitle	= $(this).attr('title');
		var imgSrc		= $(this).attr('src');
		var maxW		= '800';
		var maxH		= '800';
		
		var vars = imgSrc.split(/[;&]/);
 		for (var i = 0; i < vars.length; i++) {
			var pair = vars[i].split('=');
			if (pair[0] == 'w'){
				pair[1] = maxW;
			}
			if (pair[0] == 'h'){
				pair[1] = maxH;
			}
			vars[i] = pair.join('=');
		}
		var newImgSrc = vars.join('&');
		$(this).wrap('<a class="fancy" title="'+ imgTitle +'" href="'+ newImgSrc +'"></a>');
		//$(this).parent().append('<span class="zoomIcon">zoom</span>');	
	});

	$(".fancy").fancybox({
		'zoomOpacity'			: false,
		'overlayShow'			: true,
		'zoomSpeedIn'			: 500,
		'zoomSpeedOut'			: 500,
		'imageScale'			: true,
		'hideOnContentClick'	: true
	});

	
	 $(window).load(function(){
	 	equalHeight($(".equal-1"));
	 });
	//$('img[src*=.ashx]').fixImageUrl();
	
	$('a').fixUrl();
	
});

$.fn.fixImageUrl = function(){   
	return this.each(function(){   
		var src = $(this).attr("src");
		$(this).wrap('<div style="width:20px;height:20px;" class="loading"></div>');
		$(this).hide();
		$(this).load(function(){
			$(this).fadeIn();
			$(this).unwrap();
		});
		//$(this).fadeIn();
		//$(this).unwrap();
	});   
};

function mainmenu(){
	$(" #nav ul ul ").css({display: "none"}); // Opera Fix
	$(" #nav li").hover(function(){
		$("#nav li a").removeAttr("title");
		//$("embed").hide();
		$(this).addClass("hover");
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(200);
	},function(){
		//$("embed").show();
		$(this).removeClass("hover");
		$(this).find('ul:first').css({visibility: "hidden"});
	});
}

function equalHeight(group) {
	var tallest = 0;
	group.each(function() {
		var thisHeight = $(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	group.height(tallest);
}

$.fn.fixUrl = function(){   
	return this.each(function(){   
		var tag = $(this);   
		var href = tag.attr("href");
		var firstCharacter = href.substr(0,1);
		if(firstCharacter == "?"){
			this.href = 'default.asp' + href;
		};
		if(href.indexOf('/?') > 0){
			this.href = href.replace('/?','/default.asp?');
		};
	});   
}; 

// header - main - footer : container maximale hoogte (layout 100% hoog)
// header en footer moeten wel een vaste hoogte hebben in je stylesheet
mainHeight = function() {		

	var headerHeight	= $('#header').outerHeight({ margin: true });
	var mainHeight		= $('#main').outerHeight({ margin: true });
	var footerHeight	= $('#footer').outerHeight({ margin: true });

	var wrapperHeight		= $('#pageWrapper').height();
	var wrapperOuterHeight	= $('#pageWrapper').outerHeight({ margin: true });
	
	var wrapperMargins		= (wrapperOuterHeight-wrapperHeight);
//	alert(wrapperMargins)
	var windowHeight	= $(window).height();
//	alert(mainHeight)
	var newmainHeight = (windowHeight-headerHeight-footerHeight-80);
	
	
	if (newmainHeight>mainHeight) {
		$('#main').height(newmainHeight);
	};

};
