var Main = {
    DoUpdateNav: function(id) {
        $("news").className = "";
        $("notice").className = "";
        $("activity").className = "";
        $("others").className = "";
        
        $(id).className = "current";
        
        var elements = $("updateList").select("li");
        if (id == "news") {
            for (var i = 0; i < elements.length; i++) {
                elements[i].style.display = "block";
            }
        } else if (id == "notice") {
            for (var i = 0; i < elements.length; i++) {
                var temp = $(elements[i].firstDescendant());
                if (!temp.hasClassName("newsNotices")) {
                    elements[i].style.display = "none";
                }
                else {
                    elements[i].style.display = "block";
                }
            }
        } else if (id == "activity") {
            for (var i = 0; i < elements.length; i++) {
                var temp = $(elements[i].firstDescendant());
                if (!temp.hasClassName("newsActivities")) {
                    elements[i].style.display = "none";
                }
                else {
                    elements[i].style.display = "block";
                }
            }
        } else if (id == "others") {
            for (var i = 0; i < elements.length; i++) {
                var temp = $(elements[i].firstDescendant());
                if (!temp.hasClassName("newsOthers")) {
                    elements[i].style.display = "none";
                }
                else {
                    elements[i].style.display = "block";
                }
            }
        }
    },
    
    Dophoto: function(id) {
        $("p_sub_1").style.display = "none";
        $("p_sub_2").style.display = "none";
        
        $(id).style.display = "block";
    }
};

Event.observe(window, "load", function(event) {
    $("news").observe("click", function(e) {
        Main.DoUpdateNav("news");
        e.stop();
    });
    
    $("notice").observe("click", function(e) {
        Main.DoUpdateNav("notice");
        e.stop();
    });
    
    $("activity").observe("click", function(e) {
        Main.DoUpdateNav("activity");
        e.stop();
    });
    
    $("others").observe("click", function(e) {
        Main.DoUpdateNav("others");
        e.stop();
    });
    
    $("photo_1").observe("click", function(e) {
        Main.Dophoto("p_sub_1");
        $("photo_1").addClassName("current");
        $("photo_2").removeClassName("current");
        e.stop();
    });
    
    $("photo_2").observe("click", function(e) {
        Main.Dophoto("p_sub_2");
        $("photo_2").addClassName("current");
        $("photo_1").removeClassName("current");
        e.stop();
    });
    
    Header.Init();
})