$(function(){
	init_slider();
	init_slideshow();
}); 

function init_slideshow() {
	$('#banner li').each(function(){
		$(this).append('<span>'+$(this).find('img').attr('alt')+'</span>');
	});
	$('#banner ul').cycle();
}

function init_slider() {
	$('#whatWeDo').hide().addClass('never-opened');
	
	// Set the drawer to open and close when clicked
	$('a#whatWeDoLink').click(function () { 
		if($('#whatWeDo').hasClass('open')) {
			close_slider();
		} else if($('#whatWeDo').hasClass('never-opened')) {
			$('a#whatWeDoLink').stopTime();
			$('#whatWeDo').removeClass('never-opened');
			open_slider();
		} else {
			open_slider();
		}
    });
    
    // Add a close button
    $('#whatWeDo').append('<div class="close">x</div>').find('.close').click(function () { 
    	close_slider();
    });
    
    // After 3 seconds, open the drawer and wait one second before closing it again
    $('a#whatWeDoLink').oneTime(3000, function() {
    	open_slider();
    	$('a#whatWeDoLink').oneTime(1000, function() {
    		close_slider();
    	});
    	
  	});
    
}

function open_slider() {
	$('#whatWeDo').show('slide').addClass('open');
}

function close_slider() {
$	('#whatWeDo').hide('slide').removeClass('open');
}