// DOM構築完了時の処理
function load(){
//set attribute
$('backBtn').setAttribute("alt", "左へスライド");
$('forwardBtn').setAttribute("alt", "右へスライド");
$('tabNews').setAttribute("alt", "ニュースを表示");
$('tabUpdate').setAttribute("alt", "更新情報を表示");
$('tabEvent').setAttribute("alt", "イベントを表示");

Element.setStyle($('tabNews'),{'cursor':'pointer'});
Element.setStyle($('tabUpdate'),{'cursor':'pointer'});
Element.setStyle($('tabEvent'),{'cursor':'pointer'});

var topicsCon = $('topicsList');
Element.setStyle(topicsCon,{'height':'8em'});
Element.setStyle(topicsCon,{'overflow':'hidden'});

var topicsInnerCon = $('topicsListInner');
Element.setStyle(topicsInnerCon,{'position':'absolute'});
Element.setStyle(topicsInnerCon,{'width':'2000px'});

//contents display set
var updateCon = $('updateList');
var eventCon = $('eventList');
Element.hide(updateCon);
Element.hide(eventCon);

//hiding H2
var newsListTitle = $('newsList').getElementsByTagName("h2")[0];
var updateListTitle = $('updateList').getElementsByTagName("h2")[0];
var eventListTitle = $('eventList').getElementsByTagName("h2")[0];
Element.hide(newsListTitle);
Element.hide(updateListTitle);
Element.hide(eventListTitle);

};

// ページの構築が完了したらloadを呼び出す
var userAgent = navigator.userAgent.toLowerCase();
(function(){
if(document.addEventListener){ // opera,safari,mozilla向け
document.addEventListener("DOMContentLoaded", load, false);
} else if(/msie/.test(userAgent)){ // IE向け
try {
document.documentElement.doScroll("left");
} catch(error){
setTimeout(arguments.callee, 0);
return;
}
load();
} else { // その他
window.onload = load;
}
})();


function clickNews () {
//tab
var newsT = $('tabNews');
var updateT = $('tabUpdate');
var eventT = $('tabEvent');
newsT.setAttribute("src", newsT.getAttribute("src").replace("_off.gif", "_on.gif"));
updateT.setAttribute("src", updateT.getAttribute("src").replace("_on.gif", "_off.gif"));
eventT.setAttribute("src", eventT.getAttribute("src").replace("_on.gif", "_off.gif"));

//contents
var newsCon = $('newsList');
var updateCon = $('updateList');
var eventCon = $('eventList');

Element.show(newsCon);
Element.hide(updateCon);
Element.hide(eventCon);

}

function clickUpdate () {
//tab
var newsT = $('tabNews');
var updateT = $('tabUpdate');
var eventT = $('tabEvent');
newsT.setAttribute("src", newsT.getAttribute("src").replace("_on.gif", "_off.gif"));
updateT.setAttribute("src", updateT.getAttribute("src").replace("_off.gif", "_on.gif"));
eventT.setAttribute("src", eventT.getAttribute("src").replace("_on.gif", "_off.gif"));

//contents
var newsCon = $('newsList');
var updateCon = $('updateList');
var eventCon = $('eventList');

Element.show(updateCon);
Element.hide(newsCon);
Element.hide(eventCon);
}

function clickEvent () {
//tab
var newsT = $('tabNews');
var updateT = $('tabUpdate');
var eventT = $('tabEvent');
newsT.setAttribute("src", newsT.getAttribute("src").replace("_on.gif", "_off.gif"));
updateT.setAttribute("src", updateT.getAttribute("src").replace("_on.gif", "_off.gif"));
eventT.setAttribute("src", eventT.getAttribute("src").replace("_off.gif", "_on.gif"));

//contents
var newsCon = $('newsList');
var updateCon = $('updateList');
var eventCon = $('eventList');

Element.show(eventCon);
Element.hide(newsCon);
Element.hide(updateCon);
}