﻿$(function ()
{
    var parents = $(".tabset") ;
    for (var i = 0; i < parents.length; ++i)
    {
        (function (p)
        {
            var tabs = p.find ("li[tab]") ;
            var pages = p.find ("div[tab]") ;
            var active = tabs.filter (".active") ;
            if (active.length != 1)
            {
                tabs.removeClass ("active") ;
                active = $(tabs[0]) ;
            }
            SetActive (active) ;

            tabs.click (function () { SetActive ($(this)) ; }) ;

            function SetActive (tab)
            {
                tabs.removeClass ("active") ;
                pages.removeClass ("active") ;
                tab.addClass ("active") ;
                var page = pages.filter ("[tab=" + tab.attr ("tab") + "]") ;
                page.addClass ("active") ;
            }
        }) ($(parents[i])) ;
    }
}) ;
