$(document).ready(function(){
						   
						   

		
		/* init the tabs of the tabber, so the user can switch between the contents */
		
		$('.tabs .tab').click( 
			function() {
				
				// get specific tabber (in case there is more than 1 on the page
				var tabber = $(this).parents(".tabber");
				// get the tab list associated with it
				var tablist = $(this).parent().eq(0);
				
				var selected_index = tabber.find('.tab').index( this );
		
				// remove "selected" class from any tab
				tablist.children().removeClass( 'selected' );
				// set the new tab's to "selected"
				$(this).addClass( 'selected' );
				
				// remove "selected" class from all the content blocks
				tabber.find('.tabber-content-item').removeClass( 'selected' );
				// set the right content block to "selected" based on the index of the tab
				tabber.find('.tabber-content-item').eq(selected_index).addClass( 'selected' );
				
				//$('.slideshow').goToSlide(0);
			}
		);
		
		/*
		$('.tabs a').click( 
			function() {
				
				var selected_index = $('.tab').index( this );
				var tabber = $(this).parent().eq(0);

				
				$('.tabs a').removeClass( 'selected' );
				$(this).addClass( 'selected' );
				
				$('.tabber-content').children().removeClass( 'selected' );
				$('.tabber-content-item').eq(selected_index).addClass( 'selected' );
				
				$('.slideshow').goToSlide(0);
			}
		);
		*/
									
	} );