//<![CDATA[
//fade effects

$(document).ready(function () {

	// FILTERS PORTFOLIO

	//	Mogelijke classes voor filter: 
	// - portfolio-grafisch
	// - portfolio-industrieel
	// - portfolio-consultancy
	// - portfolio-grafisch-industrieel
	// - portfolio-grafisch-consultancy
	// - portfolio-industrieel-consultancy
	
	$('a.button-portfolio-apps').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.apps').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-iphone').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.iphone').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-android').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.android').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-tv').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.tv').fadeTo("medium", 1.0);
		return false;
	});	
		
	$('a.button-portfolio-webdesign').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.webdesign').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-desktop').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.desktop').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-mobiel').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.mobiel').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-tablet').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.tablet').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-huisstijl').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.huisstijl').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-logo').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.logo').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-drukwerk').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.drukwerk').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-concept').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.concept').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-3d').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.3d').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-produkt').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.produkt').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-packaging').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.packaging').fadeTo("medium", 1.0);
		return false;
	});		
	
	$('a.button-portfolio-positionering').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.positionering').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-workshops').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.workshops').fadeTo("medium", 1.0);
		return false;
	});	
	
	
	
	
	$('a.button-portfolio-industrieel').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.industrieel').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-grafisch').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.grafisch').fadeTo("medium", 1.0);
		return false;
	});	
	
	$('a.button-portfolio-strategie').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 0.2);
		
		$(this).removeClass('inactive').addClass('active');	
		$('.strategie').fadeTo("medium", 1.0);
		return false;
	});	
	$('a.button-portfolio-alles').click(function() {
		$('[class*=button-portfolio]').removeClass('active').addClass('inactive');
		$('.portfolio').fadeTo("medium", 1.0);
		
		$(this).removeClass('inactive').addClass('active');	
		return false;
	});	
});

$(document).ready(function(){

	// MOUSE OVER FADES
function getopacity(elem) {
  var ori = $(elem).css('opacity');
  var ori2 = $(elem).css('filter');
  if (ori2) {
    ori2 = parseInt( ori2.replace(')','').replace('alpha(opacity=','') ) / 100;
    if (!isNaN(ori2) && ori2 != '') {
      ori = ori2;
    }
  }
  return ori;
}
 
//to use it


	$(".thumb img, .hide, .bedrijven img").fadeTo("fast", 1.0); // This sets the opacity of the thumbs when the page loads
	$(".thumbs img, .hide, .bedrijven img").hover(function(){
	   var currentopacity = getopacity('.thumbs img');
	   $(this).fadeTo("fast", 1.0); // This should set the opacity on hover
	   },function(){
	   $(this).fadeTo("fast", currentopacity); // This should set the opacity back on mouseout
	});
});
$(document).ready(function(){
	$("#footer a img").fadeTo("fast", 0.0); // This sets the opacity of the thumbs when the page loads
	$("#footer a img").hover(function(){
	   $(this).fadeTo("fast", 1.0); // This should set the opacity on hover
	   },function(){
	   $(this).fadeTo("fast", 0.0); // This should set the opacity on mouseout
	});
});

//slide effects
$(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
		$("#toggle a").toggle();
	});	

	$("#snelcontactbutton").click(function(){
		$("div#panel").slideToggle("slow");
		$("#toggle a").toggle();
	});	

	$(".touwtje").click(function(){
		$("div#panel").slideToggle("slow");
		$("#toggle a").toggle();
	});	

	$(".slide").click(function(){
		$("div#panel").slideToggle("slow");
		$("#toggle a").toggle();
	});	

	$(".nav-on-06").click(function(){
		$("div#panel").slideToggle("slow");
		$("#toggle a").toggle();
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
		$("#toggle a").toggle();
	});		

		
});

//squeezebox options
	$(document).ready(function() {

		$("a[rel=portfolio-gallery]").fancybox({
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'titlePosition' 	: 'inside',
		});
	});

//smooth scroll effect
	$(function(){
		$('a[href*=#]').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
			&& location.hostname == this.hostname) {
				var $target = $(this.hash);
				$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
				if ($target.length) {
					var targetOffset = $target.offset().top;
					$('html,body').animate({scrollTop: targetOffset}, 1000);
					return false;
				}
			}
		});
	});

			
//]]>