$.fn.switcher = function(){

		firstChild = $("#section01");
		
		offset = firstChild.offset();

		$(this).find("a").click(function(){
			$(this).parents("ul").children(".active").removeClass("active");
			$(this).parents("li").addClass("active");
			currentElementId = $(this).attr("href");
			currentElement = $(currentElementId);

			$(firstChild).css({opacity: 0});
			$(currentElement).css({opacity: 0});

			saveFirstId = $(firstChild).attr("id");
			saveFirst = $(firstChild).html();
			$(firstChild).html($(currentElement).html())
			$(currentElement).html(saveFirst);

			$(firstChild).attr("id",$(currentElement).attr("id"));
			$(currentElement).attr("id",saveFirstId);

			$(firstChild).animate({ opacity: 1 });
			$(currentElement).animate({ opacity: 1 });
			return false;
		});
	};

	$(document).ready(function(){
	$("#columnIndexes").switcher();
	});
