$(function(){        
    	var bNav; 
                      
        bNav = '<ul class="tabs">';
        $(".tabcontent h2").each(function(i){
     
        	bNav += '<li><a href="#' + $(this).parent().attr("id") + '">' + $(this).text() +'</a></li>';            
        });
        bNav += '</ul>';
				bNav +='<div class="clearleft"></div>';
				             
        $("#nav").html(bNav);
				//$(".tabcontent h2").css("display", "none");        
        $(".tabcontent").css("display", "none");
        $(".tabcontent:first").css("display", "block");
        $(".tabs li:first").addClass("highlight");
        $(".tabs li a:first").addClass("highlight");
                
        $(".tabs li a").click(function () {
            $(".tabs li a").removeClass("highlight");
            $(".tabs li").removeClass("highlight");
            $(this).addClass("highlight");
            $(this).parent().addClass("highlight");
            $(".tabcontent").css("display", "none")
            $(this.hash).css("display", "block");
            return false;
        });    	
	});