$(document).ready(function(){
// Simple tabs (see the "Services" section)
	$(".simpletabs")
		.each(function(){
			$(this)
				.addClass("js")
				.prepend("<div class=\"tabbar\"></div>")
				.append("<div class=\"tabtext\"></div>")
				.children(".tab")
					.wrapAll("<div class=\"tabcontent\"></div>")
					.each(function(i){
						var active = 0;
						if (location.hash.split("_").length > 1) {
							active = location.hash.split("_")[1];
						}
						var IsFirst = (i === 0);
						var IsActive = (i === parseInt(active));
						var cssclass = "active";
						
						if (!IsActive) {
							$(this).hide();
							cssclass = "";
						}
						
						var head = $(this).children("h3").text();
						head = head.replace(/ /g, "&nbsp;");
						var html = "<span class=\"" + cssclass + "\"><q><a href=\"#tab_" + i + "\">" + head + "</a></q></span>";
						
						$(this).parent().prev(".tabbar").append(html);
						if (!IsFirst) { html = "<span>|</span>" + html; }
						$(this).parent().next(".tabtext").append(html);
					})
					.end()
				.children(".tabbar, .tabtext")
					.children("span")
						.click(function(){
							var tabs = $(this).parent("div").siblings(".tabcontent").children(".tab");
							var active = $(this).children("q").children("a").attr("href").split("_")[1];
							var links = $(this).parents(".simpletabs").children(".tabbar, .tabtext").find("a");
							
							tabs
								.not(":eq(" + active + ")")
									.hide()
									.end()
								.eq(active)
									.show();
							links
								.each(function(){
									var href = $(this).attr("href").split("_")[1];
									
									if (active === href) {
										$(this).parents("span").addClass("active");
									} else {
										$(this).parents("span").removeClass("active");
									}
								});
		
						});
		});
});