// JavaScript Document
    var nowViewArticle = 0;
    function showArticleLayer(showLayer){
        if(showLayer != 0){
            document.getElementById("moreImage").style.display = "";
        }else{
            document.getElementById("moreImage").style.display = "none";            
        }

        for(i = 0; i < 5; i++){
            articleLayer = "articles_" + i;
            if(i == showLayer){
                document.getElementById(articleLayer).style.display = "";
            }else{
                document.getElementById(articleLayer).style.display = "none";
            }
        }
        nowViewArticle = showLayer;
        rollOut(showLayer);
    }
    
    function showMoreArticles(){
        if(nowViewArticle != 0){
            window.open("news_list.aspx?cat=" + nowViewArticle,"notice");
        }
    }

    function rollOver(overImage){
        for(i = 0; i < 5; i++){
            articlesImage = "articlesImage_" + i;
            img = document.getElementById(articlesImage);
            if(i == overImage){
                var imgName = img.src;
                imgName = imgName.substring(0, imgName.indexOf(".gif"));
                if(imgName.indexOf("_hover") == -1){
                    img.src = imgName + "_hover.gif";
                }
            }else{
                if(i != nowViewArticle){
                    var imgName = img.src;
                    if(imgName.indexOf("_hover") != -1){
                        img.src = imgName.substring(0, imgName.indexOf("_hover")) + ".gif";
                    }
                }
            }
        }
    }

    function rollOut(outImage){
        for(i = 0; i < 5; i++){
            articlesImage = "articlesImage_" + i;
            img = document.getElementById(articlesImage);
            if(i != nowViewArticle){
                var imgName = img.src;
                if(imgName.indexOf("_hover") != -1){
                    img.src = imgName.substring(0, imgName.indexOf("_hover")) + ".gif";
                }
            }
        }
    }