$(document).ready(function(){
	/* Since all the tabs are hidden with css we are displaying the tab with class .active_tab using fadeIn()
         function. If you just want it to show with no effect, just put show() instead of fadeIn() */
	$('.active_tab').show();


	//when a tab link is clicked...
	$('.bigButton').each(function(index){
		$(this).click(function(e){
			/*...prevent the default behaviour...*/
			e.preventDefault();

			/* ...remove the tab_link_selected class from current active link... */
			$('.bigButtonSelected').removeClass('bigButtonSelected');

			/* ...and add it to the new active link */
			$(this).addClass('bigButtonSelected');

			/*... Get the title attribute (which corensponds to the id of the needed text container),
				but you can use any attribute you want*/
			var container_id = $(this).attr('title');

			$('.tabs_container').hide();
			$(".tabs_container").eq(index).show();
			//$(container_id).show();
		});
	});
});