jQuery(document).ready(function($){
	
	$("#nav a").each(function(){
		$(this).mouseup(function(event){
			event.preventDefault();
			$(this).css("padding-top","0px");
			var target = $(this).attr("href");
			$.scrollTo(target, {duration: 1500, offset: -50});
		}).mousedown(function(){
			$(this).css("padding-top","1px"); //knop effect
		});
	});
	

	$('#portfolio').cycle({
		fx:    		'fade', 
	    speed:  	1000, 
	    timeout: 	6000, 
		pause: 		1,
	    pager:  	'#pagerPortfolio',
		pagerAnchorBuilder: function(idx, slide) { 
			 return '<a href="#">&#8226;</a>'; 
		}
	});
	
	$('#headLineRotating').cycle({
	    fx:     'scrollDown', 
	    speed:  'fast',
		delay: 0
	});
	
	var currrentNavOffsetTop = $("#nav").offset().top;

	var nav = $("#nav");
	var navLogoVis = $("#navLogo:visible");
	var navLogoHid = $("#navLogo:hidden");
	var contentBody = $("#contentBody");
	
	navLogoVis.hide();
	
	$(window).scroll(function(){
		//de nav staat in de container op 560px van de top
		//als het window scrollt, moet de container de offset bij de top worden opgeteld.
		var height = $(window).height();
		var scrollTop = $(window).scrollTop();
		
		if (scrollTop > (currrentNavOffsetTop - 1)){
			//nav.css("top", scrollTop);
			nav.css("position", "fixed");
			nav.css("top", 0);
			$("#navLogo:hidden").show();	
		} else {
			// if (scrollTop <= currrentNavOffsetTop){
			nav.css("position", "absolute")
			nav.css("top", currrentNavOffsetTop);	
			navLogoVis.hide();	
		}

	});

	var lastTarget = "";
	
	$("#portfolioItemDetails").hide();
	
	$(".portfolioItem a").click(function(e){
		e.preventDefault();
		var target = $(this).attr("href");
		
		if (lastTarget == ""){
			$.scrollTo("#sDetails", {duration: 1000, offset: -60, easing: "swing", onAfter: function(){
				//display loading div goes here!
				$("#portfolioItemDetails").load(target, function(){
						$(".searchHere").find("img").appendTo(".mask");
						$(".attachment").remove();				
						$(".mask").cycle({fx: 'fade', speed:  'slow', pause: 	1, next: '.appBackground', timeout: 4000});
						$("#portfolioItemDetails").slideDown("slow");
				});
			}});
			lastTarget = target;	
		} else if(target != lastTarget) {
			$.scrollTo("#portfolioItemDetails", {duration: 1000, offset: -60, easing: "swing"});
			 $("#portfolioItemDetails").animate({opacity: "0"}, 500, function(){
				$(this).load(target, function(){
					$(".searchHere").find("img").appendTo(".mask");	
					$(".attachment").remove();				
					$(this).animate({opacity: "1"}, 500);
					$(".mask").cycle({fx: 'fade', speed:  'slow', pause: 	1, next: '.appBackground', timeout: 4000});
				})
			})
		} else {
			$.scrollTo("#portfolioItemDetails", {duration: 1000, offset: -60, easing: "swing"});
		}
		
		lastTarget = target;
		
	});

});