jQuery(document).ready(function($){

	// dropdown menu
	
    $('ul#menu li').hover(
        
        function () {
        
            $('ul.sub-menu', this).fadeIn(100);
            $('ul.sub-menu ul.sub-menu', this).hide();
        
        },
        
        function () {
        
            $('ul.sub-menu', this).fadeOut(100);        
        
        }
    );
	
	// place another bacnkground img for nested ul
	
	$('ul.sub-menu').prev('a').css('background-image', "url('http://www.svmk.nl/wp-content/themes/svmk/images/menu_bg-2.png')");
	
	// disable ul.sub-menu link
	
	$('ul.sub-menu').prev('a').click(function(){
	
		return false;
	
	});
    
	// add class active on first image in div
	
	$(function(){
		
		$("#photo_holder .portrait_entry:first").addClass('active');

	});
	    
    // portraits slideshow
    
	var div = '';
	var transitionTime = '';
	
	function bannerSwitch(div, transitionTime) {
		
	    var active = $("#"+div+" .portrait_entry.active");
	
	    if ( active.length == 0 ) { 
	    
	    	active = $("#"+div+" .portrait_entry:last");
	    
	    }
	
	    var next =  active.next().length ? active.next() : $("#"+div+" .portrait_entry:first");
	    var divWidth = $("#"+div+"").width();
	
	    active.addClass('last-active');
	
	    next.css({opacity: 0.0})
	        .addClass('active')
	        .animate({opacity: 1.0}, transitionTime, function() {
	            active.removeClass('active last-active');
	        });
	}
	
	function portraitsSwitch(){
	
		var div = 'photo_holder';
		var transitionTime = 1000;
		
		bannerSwitch(div, transitionTime);

	}

	$(function(){
	
		setInterval(portraitsSwitch, 5000);
	
	});
    
});