$(function(){
    $(".tabAreaSet").each(function(){
        var tabAreaAmount = $(this).find(".tabAreaChgMenu").children("li").length;
        var ActiveTabNo;
        for(i=0;i<tabAreaAmount;i++){
            if($(this).find(".tabAreaChgMenu li").eq(i).attr("class") == "on"){
                ActiveTabNo = i;
            }
        }
        for(i=0;i<tabAreaAmount;i++){
            if(i!=ActiveTabNo){
                $(this).find(".tabAreaContents").eq(i).hide();
            }
        }
        $(this).find(".tabAreaChgMenu li a").click(function(){
            $(this).parents("li").eq(0).addClass("Clicked");
            var ClickedTabNo;
            for(i=0;i<tabAreaAmount;i++){
                if(
                    $(this).parents(".tabAreaSet").eq(0).find(".tabAreaChgMenu li").eq(i).attr("class")!=null
                    && $(this).parents(".tabAreaSet").eq(0).find(".tabAreaChgMenu li").eq(i).attr("class").indexOf("Clicked")!=-1
                ){
                    ClickedTabNo = i;
                    $(this).parents("li").eq(0).removeClass("Clicked");
                    $(this).parents("li").eq(0).addClass("on");
                }else if($(this).parents(".tabAreaSet").eq(0).find(".tabAreaChgMenu li").eq(i).attr("class")!=null){
                    $(this).parents(".tabAreaSet").eq(0).find(".tabAreaChgMenu li").eq(i).removeClass("on");
                }
            }
            for(i=0;i<tabAreaAmount;i++){
                if(i!=ClickedTabNo){
                    $(this).parents(".tabAreaSet").eq(0).find(".tabAreaChgContents").eq(0).find(".tabAreaContents").eq(i).hide();
                }
            }
            $(this).parents(".tabAreaSet").eq(0).find(".tabAreaChgContents").eq(0).find(".tabAreaContents").eq(ClickedTabNo).show();
            return false;
        });
    });
});

