$(document).ready(function(){

	/*
	$('#grafmonumenten-hover, #urnen-hover, #urnengraven-hover, #accessoires-hover, #graflichten-hover').hide();
	*/
	
	$(function() {
		$('a[rel*=lightbox]').lightBox();
	});
		
	var flyoutHideTimer; // nice little delay before closing the flyout 
	
	// btn-grafmonumenten 
	$('#btn-grafmonumenten').mouseover( function() {
		hideFlyoutUrnen();
		hideFlyoutUrnengraven();
		hideFlyoutAccessoires();
		hideFlyoutGraflichten();
		hideFlyoutOnderhoudsprod();
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#grafmonumenten-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutGrafmonumenten, 500);
	});
	
	$('#grafmonumenten-hover').mouseover( function() {
	 	$('#btn-grafmonumenten').addClass('selected');
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#grafmonumenten-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutGrafmonumenten, 500);
	});
	
	// btn-urnen 
	$('#btn-urnen').mouseover( function() {
		hideFlyoutGrafmonumenten();
		hideFlyoutUrnengraven();
		hideFlyoutAccessoires();
		hideFlyoutGraflichten();
		hideFlyoutOnderhoudsprod();
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#urnen-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutUrnen, 500);
	});
	
	$('#urnen-hover').mouseover( function() {
	 	$('#btn-urnen').addClass('selected');
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#urnen-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutUrnen, 500);
	});
	
	// btn-urnengraven
	$('#btn-urnengraven').mouseover( function() {
		hideFlyoutUrnen();
		hideFlyoutGrafmonumenten();
		hideFlyoutAccessoires();
		hideFlyoutGraflichten();
		hideFlyoutOnderhoudsprod();
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#urnengraven-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutUrnengraven, 500);
	});
	
	$('#urnengraven-hover').mouseover( function() {
	 	$('#btn-urnengraven').addClass('selected');
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#urnengraven-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutUrnengraven, 500);
	});
	
	// btn-accessoires
	$('#btn-accessoires').mouseover( function() {
		hideFlyoutUrnen();
		hideFlyoutGrafmonumenten();
		hideFlyoutUrnengraven();
		hideFlyoutGraflichten();
		hideFlyoutOnderhoudsprod();
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#accessoires-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutAccessoires, 500);
	});
	
	$('#accessoires-hover').mouseover( function() {
	 	$('#btn-accessoires').addClass('selected');
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#accessoires-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutAccessoires, 500);
	});
	
	// btn-graflichten
	$('#btn-graflichten').mouseover( function() {
		hideFlyoutUrnen();
		hideFlyoutGrafmonumenten();
		hideFlyoutUrnengraven();
		hideFlyoutAccessoires();
		hideFlyoutOnderhoudsprod();
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#graflichten-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutGraflichten, 500);
	});
	
	$('#graflichten-hover').mouseover( function() {
	 	$('#btn-graflichten').addClass('selected');
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#graflichten-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutGraflichten, 500);
	});
	
	// btn-onderhoudsprod
	$('#btn-onderhoudsprod').mouseover( function() {
		hideFlyoutUrnen();
		hideFlyoutGrafmonumenten();
		hideFlyoutUrnengraven();
		hideFlyoutAccessoires();
		hideFlyoutGraflichten();
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#onderhoudsprod-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutOnderhoudsprod, 500);
	});
	
	$('#onderhoudsprod-hover').mouseover( function() {
	 	$('#btn-onderhoudsprod').addClass('selected');
		if(flyoutHideTimer) { window.clearTimeout(flyoutHideTimer);	}
		$('#onderhoudsprod-hover').show();								 
	}).mouseout(function() {
		flyoutHideTimer = window.setTimeout(hideFlyoutOnderhoudsprod, 500);
	});

	
	/* --- */

	$('.cta').click(function() {
		document.location = $(this).find('a').attr('href');
	}).hover(function() {
		$(this).css({ cursor: 'pointer' });
	});
	
	$('#plaatsing').click(function() {
		document.location = $(this).find('a').attr('href');
	}).hover(function() {
		$(this).css({ cursor: 'pointer' });
	});
	
	
	$('#active_menu_dh').slideDown('slow');
		
});


function hideFlyoutGrafmonumenten() {	
	$('#btn-grafmonumenten').removeClass('selected');
	$('#grafmonumenten-hover').hide();
	flyoutHideTimer = false;
}

function hideFlyoutUrnen() {	
	$('#btn-urnen').removeClass('selected');
	$('#urnen-hover').hide();
	flyoutHideTimer = false;
}

function hideFlyoutUrnengraven() {	
	$('#btn-urnengraven').removeClass('selected');
	$('#urnengraven-hover').hide();
	flyoutHideTimer = false;
}

function hideFlyoutAccessoires() {	
	$('#btn-accessoires').removeClass('selected');
	$('#accessoires-hover').hide();
	flyoutHideTimer = false;
}

function hideFlyoutGraflichten() {	
	$('#btn-graflichten').removeClass('selected');
	$('#graflichten-hover').hide();
	flyoutHideTimer = false;
}

function hideFlyoutOnderhoudsprod() {	
	$('#btn-onderhoudsprod').removeClass('selected');
	$('#onderhoudsprod-hover').hide();
	flyoutHideTimer = false;
}