$(document).ready(function() {
	
	
	// Cornjob met delay for loading indicator chrome
	setTimeout(function () {
		$.ajax({
			url: "http://wolq.nl/ajax.php",
			type: "GET",
			cache: false,
			dataType: "html",
			success: function(html){
				// print output
				//$('#bodyWrapper').after('<div id="scrap">'+html+'</div>');
			}
		});
	}, 500);
	
	$('#advies').hide();
	$('#onderzoek').hide();
	$('#innovatie').hide();
	$('#vTekst').hide();
	$('#submitA').hide();
	$('#submitB').hide();

	$('#faseBOmschrijving').hide();
	$('#faseCOmschrijving').hide();
	$('#faseDOmschrijving').hide();
	$('#faseEOmschrijving').hide();
	$('#faseFOmschrijving').hide();

	$(".Jfase").bind("click", function(e){
		$(this).blur();
		$('#faseAOmschrijving').hide();
		$('#faseBOmschrijving').hide();
		$('#faseCOmschrijving').hide();
		$('#faseDOmschrijving').hide();
		$('#faseEOmschrijving').hide();
		$('#faseFOmschrijving').hide();
		
		$( $(this).attr("href") ).show();

		$(".Jfase").each(function (i) {						   
			$(this).attr("id", $(this).attr("id").substr(0,5) );
		});
		
		$(this).attr("id", $(this).attr("id")+"Active");
		return false;
    });
	
	$(".Jlink").bind("click", function(e){
		$(this).blur();
		$('#faseAOmschrijving').hide();
		$('#faseBOmschrijving').hide();
		$('#faseCOmschrijving').hide();
		$('#faseDOmschrijving').hide();
		$('#faseEOmschrijving').hide();
		$('#faseFOmschrijving').hide();
		
		$( $(this).attr("href") ).show();

		$(".Jfase").each(function (i) {						   
			$(this).attr("id", $(this).attr("id").substr(0,5) );
		});
		
		$("#fase"+$(this).attr("href").substr(5,1)).attr("id", "fase"+$(this).attr("href").substr(5,1)+"Active");
		
		return false;
    });

	$(".loadImg").bind("click", function(e){
		$(this).blur();
		$(".loadImg").each(function (i) {						   
			$(this).removeClass("active");
		});
		$(this).addClass("active");
		$("#imgHolder").attr("src", $(this).attr("href") );
		pageTracker._trackPageview( $(this).attr("href") );
		return false;
	});

	$('a#adviesToggle').click(function() {
		$('#advies').slideToggle(150);
		$('#adviesButton').toggleClass("navDienstMin");
		pageTracker._trackPageview("/onze-diensten/advies"); 
		return false;
	});
	
	$('a#onderzoekToggle').click(function() {
		$('#onderzoek').slideToggle(150);
		$('#onderzoekButton').toggleClass("navDienstMin");
		pageTracker._trackPageview("/onze-diensten/onderzoek");
		return false;
	});
	
	$('a#innovatieToggle').click(function() {
		$('#innovatie').slideToggle(150);
		$('#innovatieButton').toggleClass("navDienstMin");
		pageTracker._trackPageview("/onze-diensten/innovatie");
		return false;
	});
	
	$('a#vTekstToggle').click(function() {
		$('#vTekst').slideToggle(150);
		$('#vTekstButton').toggleClass("navDienstMinSmal");
		pageTracker._trackPageview("/nieuws/touchscreens-toegankelijk/tekst");
		return false;
	});
	
	$("ul#projectLijst").css({width: ($("ul#projectLijst > li").length*160)+'px'});
	
	$("ul#projectLijst > li").bind("click", function(e){		
		document.location = $(this).find("a").attr("href");
		return false;
	});
	
	$("ul#projectLijst > li.active").find("a").css({color:'#000'}).append($("<div class=\"pijlup\"></div>"));
	
	$("ul#projectLijst > li").hover(
		  function () {
			$(this).find("a").css({color:'#000'});
			if ($(this).hasClass("active")== false) {
				$(".pijlup", "ul#projectLijst > li.active").remove();
				$("ul#projectLijst > li.active").removeClass("active").addClass("inactive").find("a").css({color:'#666'});
				
			}
			$(this).append($("<div class=\"pijlup\"></div>"));
		  }, 
		  function () {

			//$(this).find("div:last").remove();
			if ($(this).hasClass("inactive")== false) {
			   	$(this).find("a").css({color:'#666'});
				$(".pijlup", this).remove();
				$("ul#projectLijst > li.active").find("a").css({color:'#000'}).append($("<div class=\"pijlup\"></div>"));
			}
			$("ul#projectLijst > li.inactive").removeClass("inactive").addClass("active").append($("<div class=\"pijlup\"></div>")).find("a").css({color:'#000'});
		  }
	);

	$("div#makeMeScrollable").smoothDivScroll({ 
		autoScroll: "onstart" , 
		autoScrollDirection: "left", 
		autoScrollStep: 1, 
		autoScrollInterval: 45,	
		startAtElementId: "start", 
		visibleHotSpots: "always"
	});
	
	$('a[rel=external]').attr('target', '_blank');
});