$(document).ready(function() {
	initSteps();
	selectStep(0);

	function initSteps () {
		var tallestHeight = 0;
		$("ol.steps")
			.wrap('<div class="stepContainer">')
			.before('<ul class="stepNav">')
			.addClass("tabbed")
			.find("li")
			.each(function(i){
				$('<li>' + (i + 1) + '</li>')
					.click(function(){ selectStep(i) })
					.appendTo("ul.stepNav")
				;
				tallestHeight = Math.max(tallestHeight, $(this).height());
			})
		;
		$("ol.steps li").height(tallestHeight);
	}
	
	function selectStep (i) {
		$("ul.stepNav li").removeClass("sel").eq(i).addClass("sel");
		$("ol.steps li").hide().eq(i).show();
	}
});