$(document).ready(function() {
    indexView.init();
});

indexView = {
    
    init: function() {
        this.tempSet();
        this.setEvent();
    },

    //トップページにヘッダー、メニュー、フッターを表示する    
    tempSet: function() {
      //グローバルメニュー
        var menuList = '<li id="navHome"><a href="./index.html">トップ</a></li>'
            + '<li id="navTarget"><a href="./html/target.html">活動目標</a></li>' 
            + '<li id="navGuidance"><a href="./html/guidance.html">組織案内</a></li>'
            + '<li id="navActivity"><a href="./html/activity.html">学校支援活動</a></li>'
            + '<li id="navQanda"><a href="./html/qanda.html">Q&A</a></li>'
            + '<li id="navLink"><a href="./html/link/link_01.html">リンク集</a></li>';
    
        var corporateName = '特定非営利活動法人 学校サポートセンター';
        var date = new Date();
        
        $('#wrap')
            .prepend($('<div id="head" class="clearfix">')
                .append(
                    $('<img />', {
                        src: './image/logo.gif',
                        alt: '特定非営利活動法人 学校サポートセンター',
                        id: 'sscLogo'
                    })
                )
                .append(
                    $('<div id="navi">').append(
                            $('<ul id="personalNavigation">')
                            .html(menuList)
                    )
                )
            )
            .append(
                $('<div id="foot">')
                .html('<address>Copyright&copy;2005-' + date.getFullYear() + ' ' + corporateName + 'All Rights Reserved.</address>')
            );
        
        $('#sscLogo').wrap('<a id="logoArea" href="./index.html"></a>');
        
        $('#topImageArea').fadeIn('slow');
        
        $('#newsFrameList option:first').attr('selected','selected');
        $('#memoFrameList option:first').attr('selected','selected');
        
        var newsUrl = $('#newsFrameList option:first').val();
        $('#newsFrame').attr('src',newsUrl);
        
        var memoUrl = $('#memoFrameList option:first').val();
        $('#memoFrame').attr('src',memoUrl);
    },
    
    setEvent: function() {
        
        $('#newsFrameList').change(function() {
            var target = 'news_frame';
            var url = $('#newsFrameList option:selected').val();
            $('#newsFrame').attr('src',url);
        });
        
        $('#memoFrameList').change(function() {
            var target = 'memo_frame';
            var url = $('#memoFrameList option:selected').val();
            $('#memoFrame').attr('src',url);
        });
    }
};