/* handles the tabs function */

function tabs(){
	$('#tab1').css({'background-position' : 'top left', 'color' : '#f9f9f9'}); // set the active tab
	$('.tabs li').click(function(){
		// get id of clicked link
		var currentId = $(this).attr('id');
		currentId = currentId.substring(3);
		
		// set the active tab
		$('.tabs li').css({'background-position' : 'top right', 'color' : '#989898'});
		$(this).css({'background-position' : 'top left', 'color' : '#f9f9f9'});

		// display the appropriate content
		var contentToShow = '#tabcontent' + currentId;
		$('.tab-content').hide();
		$(contentToShow).show();
	});
}