/*
* Ontwikkeld door VibePro 
* In opdracht van Theiner.nl
* Opdracht: santorini.nl
* Document: includes/jquery.initialize.js
*/

var currentpage = '';

$(function() { 
	var mainWindow		= $(window),
	    $bg				= $('#bg'),
	    aspectRatio		= 1680 / 1032;
	    			    		
	function resizeBg() {
		if ((mainWindow.width() / mainWindow.height()) < aspectRatio ) {
		    $bg
		    	.removeClass()
		    	.addClass('bgheight');
		}
		else {
		    $bg
		    	.removeClass()
		    	.addClass('bgwidth');
		}
	}
	
	mainWindow.resize(function() {
		resizeBg();
	}).trigger("resize");
	
	$('#bg').hide();
	
	var images = ['images/background.jpg'], imagesLoaded = 0, totalImages = images.length;
				 
	$.each(images, function(i, image) {
		var img = new Image();
		
		img.onload = function() {
			imagesLoaded++;
			
			if (imagesLoaded == totalImages) {	
				$('#bg').attr('src', 'images/background.jpg');
				$('#bg').delay(1000).fadeIn('slow');
			}
		};
		
		img.src = image;
	});
	
	var url = window.location;
	var anchor = url.hash.substring(1);
	
	if (anchor == "menukaart") {
		currentpage = 'nmenukaart';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/menukaart.php', function() {
				$("#main").fadeIn("slow");
			});
		});

	}
	else if (anchor == "wijnkaart") {
		currentpage = 'nwijnkaart';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/wijnkaart.php', function() {
				$("#main").fadeIn("slow");
			});
		});


	}
	else if (anchor == "fotos") {
		currentpage = 'nfotos';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/fotos.php?p=last', function() {
				$("#main").fadeIn("slow");
			});
		});


	}
	else if (anchor == "gastenboek") {
		currentpage = 'ngastenboek';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/gastenboek.php', function() {
				$("#main").fadeIn("slow");
			});
		});

	}
	else if (anchor == "contact") {
		currentpage = 'ncontact';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/contact.php', function() {
				$("#main").fadeIn("slow");
			});
		});

	}
	else if (anchor == "route") {
		currentpage = 'nroute';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/route.php', function() {
				$("#main").fadeIn("slow");
			});
		});
	}
	else {
		currentpage = 'nhome';
		currentpage = 'nhome';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/home.php', function() {
				$("#main").fadeIn("slow");
			});
		});
	}
	
	$('#nmenukaart,#nwijnkaart,#nfotos,#ngastenboek,#ncontact,#nroute,#nhome').click(function () {
		$(".hover").stop().fadeTo(500, 0);
		$(".normal").stop().fadeTo(500,1);
		
		currentpage = this.id;
		$("#" +this.id + " .hover").stop().css("opacity", 1);
		$("#" +this.id + " .normal").stop().css("opacity", 0);
		var page = this.id.substring(1);
		
		$("#main").fadeOut("slow", function() {
			if(page == 'fotos')
			{
				$("#main").load('pages/fotos.php?p=last', function() {
				$("#main").fadeIn("slow");
			});

			}
			else
			{
			$("#main").load('pages/' + page + '.php', function() {
				$("#main").fadeIn("slow");
			});
			}
		});
	});
	
	$('#header').click(function() {
		$(".hover").stop().fadeTo(500, 0);
		$(".normal").stop().fadeTo(500,1);
		
		currentpage = 'nhome';
		$("#main").fadeOut("slow", function() {
			$("#main").load('pages/home.php', function() {
				$("#main").fadeIn("slow");
			});
		});

	});

	$('.menuitem_h').append('<div class="hover"></div><div class="normal"></div>').each(function () {
  		var $span1 = $('> div.hover', this).css('opacity', 0);
  		var $span2 = $('> div.normal', this).css('opacity', 1);

  		$(this).hover(function () {
	  		if(this.id != currentpage)
	  		{
	    		$span1.stop().fadeTo(500, 1);
	    		$span2.stop().fadeTo(500, 0);
	    	}
 		}, function () {
 		  	if(this.id != currentpage)
  			{
	   			$span1.stop().fadeTo(500, 0);
	   			$span2.stop().fadeTo(500, 1);
	   		}
  		});
	});
	
	$('.menuitem_v').append('<div class="hover"></div><div class="normal"></div>').each(function () {
  		var $span1 = $('> div.hover', this).css('opacity', 0);
  		var $span2 = $('> div.normal', this).css('opacity', 1);

  		$(this).hover(function () {
  			if(this.id != currentpage)
  			{
	    		$span1.stop().fadeTo(500, 1);
	    		$span2.stop().fadeTo(500, 0);
	    	}
 		}, function () {
 		 	if(this.id != currentpage)
  			{
	   			$span1.stop().fadeTo(500, 0);
	   			$span2.stop().fadeTo(500, 1);
	   		}
  		});
	});
	
	$("#vocacont").load("griekseles.php");
	var refreshId = setInterval(function() {
		$("#vocacont").fadeOut("slow", function() {
			$("#vocacont").load("griekseles.php", function() {
				$("#vocacont").fadeIn("slow");
			});
		});
	}, 30000);
	
	$.ajaxSetup({ cache: false });
});

$(document).ready(function() {
	$("#" + currentpage + " .hover").stop().css("opacity", 1);
	$("#" + currentpage + " .normal").stop().css("opacity", 0);
});