$(function() {
	// Hide all the content except the first
	//$('.accordian li:odd:gt(0)').hide();
	$('.accordian .acc:odd').hide();
	
	// Add a padding to the first link
	$('.accordian .acc:first').animate( {
		//paddingLeft:"30px"
	} );
	
	// Add the dimension class to all the content
	$('.accordian .acc:odd').addClass('dimension');
	
	// Set the even links with an 'even' class
	$('.accordian .acc:even:even').addClass('even');                             
	
	// Set the odd links with a 'odd' class
	$('.accordian .acc:even:odd').addClass('odd');
	
	// Show the correct cursor for the links
	$('.accordian .acc:even').css('cursor', 'pointer');
	
	
		
	// Handle the click event
	$('.accordian .acc:even').click( function() {
		// Get the content that needs to be shown
		var cur = $(this).next();
		
		// Get the content that needs to be hidden
		var old = $('.accordian .acc:odd:visible');
		
		// Make sure the content that needs to be shown 
		// isn't already visible
		if ( cur.is(':visible') )
			return false;
		
		// Hide the old content
		old.slideToggle(500);
		
		// Show the new content
		cur.stop().slideToggle(500);
		
		// Animate (add) the padding in the new link
		$(this).stop().animate( {
			paddingLeft:"30px"
		} );
		
		// Animate (remove) the padding in the old link
		old.prev().stop().animate( {
			paddingLeft:"10px"
		} );
		
		$(this).parents().animate( {
			top:"163px"
		} );
		
		
		
		$('.accordian .acc:first span#birds').animate( {
		   backgroundPosition: '25% 1px'
	    } );
		
	} );
	
	
});