$(document).ready(function(){
	
	// Zorgt er voor dat links met rel="external" in een nieuw scherm worden geopend, deze manier is xHTML Strict valid
	$("a[rel=external]").each(function(i){
		this.target = "_blank";
	});
	
	// Voor de fancybox fancy popup
	//portofolio_modal("a.url");	
	//$('a[rel*=facebox]').facebox();

	// Het fade script. Zodra er op een plaatje wordt geklikt wordt er een fadeout/fadein gedaan
	portfolio_fader(".preview_images a",".portfolio_item"); 
	
	// Zorgt ervoor dat de 'pointer' op de goede plek komt te staan
	portfolio_pointer(); 
	
	// Zorgt er voor dat de 'slideshow' automatisch start, tijd in milliseconden
	portfolio_autoslide(".preview_images a",25000); 
	
	// De TwitterTicker fade script, om berichten in/uit te faden, tijd in milliseconden
	portfolio_twitterticker(".twitterticker span",9000); 
	
	// Laat het volgende plaatje zien in de 'slideshow'
	portfolio_next_pic(".preview_images a",".portfolio_item",".show-next");
	
	// Kleine verbeteringen, speciaal voor crappy IE
	portfolio_cornerfix_ie();

	// Functie voor het laten zien van het slideup/slidedown divje met extra info
	portfolio_slider();
	
	// Hogere resoluties zien de 'portfolio', 'diensten', 'nieuws' PNG's
	if (screen.width > 1270){
		$("#mijn_portfolio").addClass("mijn_portfolio");
		$("#mijn_diensten").addClass("mijn_diensten");
		$("#mijn_nieuws").addClass("mijn_nieuws");
		//document.write('<link rel="stylesheet" href="css/bigscreen.css" type="text/css" media="all" />');
	}
	
	
	
	
				
});

function portfolio_slider() {	
	$('.portfolio_image').hover(function(){
		$(".cover", this).stop().animate({top:'175px'},{queue:false,duration:420,easing: 'easeOutBack'});
	}, function() {
		$(".cover", this).stop().animate({top:'350px'},{queue:false,duration:320,easing: 'easeInBack'});
	});

}

function portfolio_next_pic($items_to_click, $items_to_fade,$next) {
	$items = $($items_to_fade);
	$click_these_items = $($items_to_click);
	var x = 0;
	
	$items.each(function(i) {
		$(this).find($next).click(function() {
			i+1 < $click_these_items.length ? x = i + 1 : x = 0;	
			$click_these_items.filter(":eq("+x+")").trigger('click');
			return false;
		});
	});
}

function portfolio_twitterticker($items_to_fade, $display_time) {
	
	tickerchange = setInterval(start_ticker, $display_time);
	var $tickeritem = $($items_to_fade);
	var i = 1;
	
	function start_ticker() {
		$tickeritem.filter(":eq("+i+")").trigger('fade');
		i+1 < $tickeritem.length ? i++ : i = 0;	
	}
	
	  $tickeritem.each(function(i) {
		  $(this).bind("fade",function() {	
			  $new_ticker_item = $tickeritem.filter(":eq("+i+")");
			  
			  if( $new_ticker_item.css("display") == "none" ) {
				  $tickeritem.filter(":visible").fadeOut(400, function() {	
					  $new_ticker_item.fadeIn(400);
				  });
			  }
			  
		  });
	  });
}

function portfolio_autoslide($items_to_click, $display_time) {	
	interval = setInterval(start_autoplay, $display_time);
	var $click_these_items = $($items_to_click);
	var i = 1;
	
	$click_these_items.click(function($eventobject, $autoplay) {
		if(interval && !$autoplay) clearInterval(interval);
	});	
	
	function start_autoplay() {			
		$click_these_items.filter(":eq("+i+")").trigger('click',[true]);
		i+1 < $click_these_items.length ? i++ : i = 0;		
	}	
}

function portfolio_fader($items_to_click, $items_to_fade) {	
	var $item = $($items_to_fade);
	
	$($items_to_click).each(function(i) {
		$(this).click(function() {	
			$new_item = $item.filter(":eq("+i+")");
			
			if( $new_item.css("display") == "none" ) {
				$item.filter(":visible").fadeOut(400, function() {	
					$new_item.fadeIn(400);
				});
			}
			
			return false;
			
		});
		
	});
	
}
function portfolio_pointer() {	
	var $wrapper = $(".preview_images");
	var $slider = $('<div class="pointer"></div>').appendTo($wrapper);
	
	var $slider_half = $slider.width()/2;
	$(".preview_images a").each(function(i) {
		$(this).click(function() {	
			$(".current_prev").removeClass('current_prev');
			$(this).addClass('current_prev');
			
			$image_pos = $(this).position();
			$newposition = $image_pos.left + $(this).width()/2 - $slider_half;
			$slider.animate({"left":$newposition},600,"easeOutBack");
		});
		
	});
	
}
function portfolio_cornerfix_ie() {
	$(".portfolio_item").prepend("<div class='corner_left ie6fix'></div><div class='corner_right ie6fix'></div>");
	
	if(($.browser.msie && parseInt($.browser.version) < 7)) {
		$("#main, #portfolio, #portfolio_bottom, .content_top, #content, #footer, #mijn_portfolio, #logo, #mijn_diensten, #mijn_nieuws").addClass("ie6fix");
	}
}