$(document).ready(function(){
	// fade in on page load
	$("#content, #nav, #logo").hide().fadeIn("slow");
	
	
	$("#nav li").hover(function(){
		$(this).find("ul").css({"display" : "none"}).fadeIn(300);
	}, function(){
		$(this).find("ul").fadeOut(600);
	});
	
	// positionering hier aanpassen  ipv in de CSS
	// anders problemen met animatie
	$(".sideImage").css("position", "fixed");
	
	// navigatie bg toevoegen voor mooiere vert. scroll
	$("#nav").addClass("navBg");
	
	// accordion
	$("#accordion").accordion({ header: 'h2',
								autoHeight: false });
	
    var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
    
	// AJAX navigatie
	$("a").live("click", function(e){
		if (!mobile) {
        
			var clicked = $(this);
			clicked = clicked.attr("href");
			
			var domain = clicked.split("/");
			domain = domain[2];
			
			if ( domain == "www.lijnrecht.be" || domain == "lijnrecht.be") {
				e.preventDefault();	
							
				var nextId; 
				var curId;
				var fadeto = 0.7;
				
				if ( $("#content").size() > 0 ){
					nextId = "temp";
					curId = "content";
				} else {
					nextId = "content";
					curId = "temp";
				}
				
				var alias = clicked.substr(eval(clicked.search(/page/i)+5));
				
				var position = $('#'+curId).position();
				var xlen  = 3165;
				var xpos = position.left;
				
				$("#"+curId)
					.fadeTo("slow", fadeto)
					.after("<div id='"+ nextId +"' class='content'></div>");
					
				// positionering tijdelijk aanpassen, anders problemen met animatie
				$(".sideImage").css("position", "static");
				
				// navigatie bg verwijderen voor mooiere hor. scroll
				$("#nav").removeClass("navBg");
				
				// naar boven scrollen, anders problemen met navigatie
				$(window).scrollTop(0);
				
				$("#"+nextId).css("left", "3330px")
					.fadeTo("slow", fadeto)
					.load("" + clicked + " div#content>div", function(response, status, xhr){
						$("#nav").fadeOut().load("" + clicked + " div#nav>ul", function(response, status, xhr){});
						$(".content").animate({
												left: "-=" + xlen + "px"
											}, 2800, function(){
												$("#preloader").fadeOut("slow");
												$("#"+curId).remove();
												
												// positionering terug aanpassen, anders scrollt de afbeelding mee
												$(".sideImage").css("position", "fixed");
												
												// navigatie bg toevoegen voor mooiere vert. scroll
												$("#nav").addClass("navBg");
												
												// navigatie terug tonen
												$("#nav").fadeIn();
												
												$("#"+nextId).css("left", xpos+"px").fadeTo("slow", 1);
												$(".form input[type=text], .form textarea").each( function(){
														$(this).val( $(this).parent().find("label").text() );
												}).focus(function(){
													$(this).addClass("focus");
													if ( $(this).val() == $(this).parent().find("label").text() ) {
														$(this).val("");
													}
												}).blur(function(){
													$(this).removeClass("focus");
													if ( $(this).val() == "" ) {
														$(this).val($(this).parent().find("label").text());
													}
												});
												// accordion
												$("#accordion").accordion({ header: 'h2',
																			autoHeight: false });
											});
					});
					
					
			}
		}
	});
	
	
	/*
	// especially for IE ...
	$("a").click(function(e){
		var clicked = $(this);
		clicked = clicked.attr("href");
		
		var domain = clicked.split("/");
		domain = domain[2];
		
		if ( domain == "www.lijnrecht.be" || domain == "lijnrecht.be") {
			e.preventDefault();	
			//alert ("enu nu: "+ domain);			
			var nextId; 
			var curId;
			var fadeto = 0.7;
			
			if ( $("#content").size() > 0 ){
				nextId = "temp";
				curId = "content";
			} else {
				nextId = "content";
				curId = "temp";
			}
			
			var alias = clicked.substr(eval(clicked.search(/page/i)+5));
			
			var position = $('#'+curId).position();
			var xlen  = 3165;
			var xpos = position.left;
			
			$("#"+curId)
				.fadeTo("slow", fadeto)
				.after("<div id='"+ nextId +"' class='content'></div>");
				
			// positionering tijdelijk aanpassen, anders problemen met animatie
			$(".sideImage").css("position", "static");
			
			// navigatie bg verwijderen voor mooiere hor. scroll
			$("#nav").removeClass("navBg");
			
			// naar boven scrollen, anders problemen met navigatie
			$(window).scrollTop(0);
			
			$("#"+nextId).css("left", "3330px")
				.fadeTo("slow", fadeto)
				.load("" + clicked + " div#content>div", function(response, status, xhr){
					$("#nav").fadeOut().load("" + clicked + " div#nav>ul", function(response, status, xhr){});
					$(".content").animate({
											left: "-=" + xlen + "px"
										}, 2800, function(){
											$("#preloader").fadeOut("slow");
											$("#"+curId).remove();
											
											// positionering terug aanpassen, anders scrollt de afbeelding mee
											$(".sideImage").css("position", "fixed");
											
											// navigatie bg toevoegen voor mooiere vert. scroll
											$("#nav").addClass("navBg");
											
											// navigatie terug tonen
											$("#nav").fadeIn();
											
											$("#"+nextId).css("left", xpos+"px").fadeTo("slow", 1);
											$(".form input[type=text], .form textarea").each( function(){
													$(this).val( $(this).parent().find("label").text() );
											}).focus(function(){
												$(this).addClass("focus");
												if ( $(this).val() == $(this).parent().find("label").text() ) {
													$(this).val("");
												}
											}).blur(function(){
												$(this).removeClass("focus");
												if ( $(this).val() == "" ) {
													$(this).val($(this).parent().find("label").text());
												}
											});
										});
				});
				
				
		}
	});
	*/
	// formuliervelden vullen met placeholder tekst
/*	$(".form input[type=text], .form textarea").each( function(){
			$(this).val( $(this).parent().find("label").text() );
	}).focus(function(){
		$(this).addClass("focus");
		if ( $(this).val() == $(this).parent().find("label").text() ) {
			$(this).val("");
		}
	}).blur(function(){
		$(this).removeClass("focus");
		if ( $(this).val() == "" ) {
			$(this).val($(this).parent().find("label").text());
		}
	});
*/	
	
	
});