//処理
Manage=function(){
    return {
        //初期化
            init : function(){
               layout = new Ext.BorderLayout(document.body, {
                north: {
                    split      :false,//分割線
                    initialSize:85,  //初期サイズ
                    minSize    :85,  //最小サイズ
                    maxSize    :85,  //最大サイズ
                    titlebar   :false, //タイトルバー
                    collapsible:false //折りたたみ
                },
                west: {
                    split      :true,//分割線
                    initialSize:250, //初期サイズ
                    minSize    :10, //最小サイズ
                    maxSize    :400, //最大サイズ
                    titlebar   :true,//タイトルバー
                    autoScroll       :true,//自動スクロール
                    collapsible:true,//折りたたみ
                    resizeTabs       :true,//タブのリサイズ
                    minTabWidth      :80,  //最小タブ幅
                    preferredTabWidth:80 //現在タブ幅
                },
                east: {
                    split      :true,//分割線
                    initialSize:320, //初期サイズ
                    minSize    :10, //最小サイズ
                    maxSize    :500, //最大サイズ
                    titlebar   :true,//タイトルバー
                    autoScroll       :true,//自動スクロール
                    collapsible:true,//折りたたみ
                    resizeTabs       :true,//タブのリサイズ
                    minTabWidth      :50,  //最小タブ幅
                    preferredTabWidth:50 //現在タブ幅
                },
                south: {
                    split      :true,//分割線
                    autoScroll :true,//自動スクロール
                    initialSize:65, //初期サイズ
                    minSize    :65, //最小サイズ
                    maxSize    :300, //最大サイズ
                    titlebar   :false,//タイトルバー
                    collapsible:true//折りたたみ
                },
                center: {
                    titlebar         :true,//タイトルバー
                    autoScroll       :true,//自動スクロール
                    resizeTabs       :true,//タブのリサイズ
                    minTabWidth      :90,  //最小タブ幅
                    preferredTabWidth:90 //現在タブ幅
                }
                });

            //レイアウトの更新開始
            layout.beginUpdate();

            layout.add('north',new Ext.ContentPanel('north',{
                title     :'tunejaxx'//タイトル
            }));

			//西パネル
            layout.add('west',   new Ext.ContentPanel('west3',{
                title   :'Pickup Artists'//タイトル
            }));

            layout.add('west',   new Ext.ContentPanel('west4',{
                title   :'Recent Queries'//タイトル
            }));

            layout.add('west',   new Ext.ContentPanel('west1',{
                title   :'Similar Artists'//タイトル
            }));

            layout.add('east',   new Ext.ContentPanel('east6',{
                title   :'Hot Artists'//タイトル
            }));

            layout.add('east',   new Ext.ContentPanel('east2',{
                title   :'News'//タイトル
            }));

            layout.add('east',   new Ext.ContentPanel('east1',{
                title   :'Blog'//タイトル
            }));

            layout.add('east',   new Ext.ContentPanel('east3',{
                title   :'Bookmark'//タイトル
            }));

            layout.add('east',   new Ext.ContentPanel('east4',{
                title   :'Podcast'//タイトル
            }));

            layout.add('east',   new Ext.ContentPanel('east5',{
                title   :'About'//タイトル
            }));

          //南パネル
            layout.add('south',new Ext.ContentPanel('south',{
                title     :'南タイトル',//タイトル
                fitToFrame:true,        //フレームフィット
                closable  :true        //クローズ可能
            }));

//            layout.add('south',   new Ext.ContentPanel('south1',{
//                title   :'Hot News'//タイトル
//            }));

			layout.add('center',   new Ext.ContentPanel('center7',{
                title   :'Hot News'//タイトル
            }));

            layout.add('center',   new Ext.ContentPanel('center1',{
                title   :'Videos'//タイトル
            }));

            layout.add('center',   new Ext.ContentPanel('center2',{
                title   :'Releases'//タイトル
            }));

            layout.add('center',   new Ext.ContentPanel('center4',{
                title   :'Current Events'//タイトル
            }));

            layout.add('center',   new Ext.ContentPanel('center5',{
                title   :'Top Tracks'//タイトル
            }));

            layout.add('center',   new Ext.ContentPanel('center6',{
                title   :'Comments'//タイトル
            }));
            
            //パネル選択
            layout.getRegion('north').showPanel('north');
            layout.getRegion('center').showPanel('center1');
            layout.getRegion('west').showPanel('west1');
            layout.getRegion('east').showPanel('east2');
            //layout.getRegion('south').showPanel('south1');
            layout.getRegion('south').hide();
            
            //レイアウトの更新完了
            layout.endUpdate();
        }
    };
}();

//処理の開始
Ext.onReady(Manage.init,Manage,true);