$(document).ready(function() {
						   
	/*Cufon.replace('.title')('h1')('h2')('.firstLi a',{hover:'true',textShadow: '1px 1px rgba(0, 0, 0, 0.3)'});*/
	
	
	
    $('#fader').cycle();
	
	
	
	

	
	
	$("#container").css("display", "none");

    $("#container").fadeIn(700);
    
	$(".menu a").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		$("#container").fadeOut(300, redirectPage);		
	});
	
	$("#submenu a").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		$("#container").fadeOut(300, redirectPage);		
	});
		
	function redirectPage() {
		window.location = linkLocation;
	}
	
	
	





	
	
		
	$(".single_image").fancybox({
        titlePosition : 'inside',
		titleFormat   : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-inside"><span class="flaotLeft">'+title+'</span></span>';
		}
    });
	
	$(".appartementen").fancybox({
        titlePosition : 'inside',
		cyclic : true,
		titleFormat   : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-inside"><span class="floatRight" style="font-size: 10px; color: #333333;">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</span><span class="flaotLeft" style="margin-left:10px;">'+title+'</span></span>';
		}
    });
	
	$(".modelwoning").click(function() {
		$.fancybox([
			{ 'href'	: 'img/modelwoning/modelwoning1.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning2.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning3.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning4.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning5.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning6.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning7.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning8.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning9.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning10.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning11.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning12.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning13.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning14.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning15.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning16.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning17.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning18.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning19.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning20.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning21.jpg', 'title'	: '<b>Impressie interieur</b>' },
			{ 'href'	: 'img/modelwoning/modelwoning22.jpg', 'title'	: '<b>Impressie interieur</b>' }
		], {
			titlePosition : 'inside',
			cyclic : true,
			titleFormat   : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-inside"><span class="floatRight" style="font-size: 10px; color: #333333;">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</span><span class="flaotLeft" style="margin-left:10px;">'+title+'</span></span>';
			}
		});
	});
	
	$(".exterieur").click(function() {
		$.fancybox([
			{ 'href'	: 'img/exterieur/exterieur1.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur2.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur3.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur4.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur5.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur6.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur7.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur8.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur9.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur10.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur11.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur12.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur13.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur14.jpg', 'title'	: '<b>Impressie exterieur</b>' },
			{ 'href'	: 'img/exterieur/exterieur15.jpg', 'title'	: '<b>Impressie exterieur</b>' }
		], {
			titlePosition : 'inside',
			cyclic : true,
			titleFormat   : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-inside"><span class="floatRight" style="font-size: 10px; color: #333333;">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</span><span class="flaotLeft" style="margin-left:10px;">'+title+'</span></span>';
			}
		});
	});
	
});