$j(document).ready(
                function(){
                      $j('ul#portfolio1').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
                    
                         $j('ul#portfolio2').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
                    
                        $j('ul#portfolio3').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
					
					         $j('ul#portfolio4').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
					         $j('ul#portfolio5').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
					         $j('ul#portfolio6').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
					         $j('ul#portfolio7').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
		              $j('ul#portfolio8').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
				        $j('ul#portfolio9').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });
					  $j('ul#portfolio10').innerfade({
                        speed: 3000,
                        timeout: 6000,
                        type: 'sequence',
                        containerheight: '220px'
                    });

            });
	   
	   
	   		jQuery(window).bind("load", function() {
			jQuery("div#slider1").codaSlider()
			// jQuery("div#slider2").codaSlider()
			// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
		});
			
			
/*			
			$(document).ready(function(){
$('a.zoom').zoomimage({
	controlsTrigger: 'mouseover',
	shadow: 40,
	controls: false,
	centered: true,
	hideSource: true,
	beforeZoomIn: function(boxID) {
		$('#' + boxID)
			.find('img')
			.css('opacity', 0)
			.animate(
				{'opacity':1},
				{ duration: 700, queue: false }
			);
	},
	beforeZoomOut: function(boxID) {
		$('#' + boxID)
			.find('img')
			.css('opacity', 1)
			.animate(
				{'opacity':0},
				{ duration: 500, queue: false }
			);
	}
});

})
			
			
$(document).ready(function(){
$('a.zoom').zoomimage({
	controlsTrigger: 'mouseover',
	shadow: 40,
	controls: false,
	centered: true,
	hideSource: true,
	beforeZoomIn: function(boxID) {
		$('#' + boxID)
			.find('img')
			.css('opacity', 0)
			.animate(
				{'opacity':1},
				{ duration: 700, queue: false }
			);
	},
	beforeZoomOut: function(boxID) {
		$('#' + boxID)
			.find('img')
			.css('opacity', 1)
			.animate(
				{'opacity':0},
				{ duration: 500, queue: false }
			);
	}
});

})

*/	
/*	
		jQuery(function( $ ){
			//Most of these defaults, belong to jQuery.ScrollTo, check it's demo for an example of each option.
			//@see http://www.freewebs.com/flesler/jQuery.ScrollTo/			
			var $lastLink = null;//save the last link
			var $content = $('#contenta');//the container, that is actually scrolled each time.
			$('#navigation').localScroll({
				target:$content, //could be '#content' too, sending it jqueryfied is a bit faster.
				axis:'xy',
				queue:true,
				duration:5000,
				onBefore:function( e, el, $target ){
					$target.queue('fx',[]).stop();//to avoid queueing animations
					if( $lastLink )
						$lastLink.removeClass('scrolling');
					$lastLink = $(this).addClass('scrolling');
					$lastLink[0].blur();//remove the awful outline
				},
				
				onAfter:function(){
					$lastLink.removeClass('scrolling');
				},
				persistent:true//not really necessary in this case.
			});
			
						$('#contenta').localScroll({
						target:$content, //could be '#content' too, sending it jqueryfied is a bit faster.
				axis:'xy',
				queue:true,
				duration:2000,
				onBefore:function( e, el, $target ){
					$target.queue('fx',[]).stop();//to avoid queueing animations
					if( $lastLink )
						$lastLink.removeClass('scrolling');
					$lastLink = $(this).addClass('scrolling');
					$lastLink[0].blur();//remove the awful outline
				},
				
				onAfter:function(){
					$lastLink.removeClass('scrolling');
				},
				persistent:true//not really necessary in this case.
			});
			
			$content.find('li a')//just for the demo, bind the next/prev links
				.filter('.next').bind('click', 'next', move )
				.end()
				.filter('.prev').bind('click', 'prev', move );
				
			function move( e ){
				var $target = $(this).parent()[e.data]();//get the next/prev section
				$content.scrollTo( $target, {//scroll to that section
					duration:3000,
					axis:'x'//only horizontally, don't waste CPU cycles.
				});
				return false;
			};
		});
		
		
$(document).ready(function() {

    var hash = window.location.hash;
    if (!hash) {
        var href = $('#toggleThis > div:first');
    }
    else { 
        var href = window.location.hash;
    }
    hideAllExcept(href);
    
    $('a.toggle').click(function() {         
        var href = $(this).attr('href'); 
				    		 
        hideAllExcept(href);       
    });
});

function hideAllExcept(el) {
    $('#toggleThis div').addClass('hide');
    $(el).removeClass('hide');
} 



function verwijder(id) {
  $('#results1').remove();
}
function verwijderproject() {
 $('#navigation').css({ borderColor:"#141517", backgroundColor:"#141517"});
  $('#results1').remove();
    $('#loading').remove();
}
   */