/* -----------------------------------------------------------------------*/
AddEvent(window, "load", function() {
    var _contentNavi = document.getElementById('contentNavi');
    if (_contentNavi){
        tab.setup = {
            tabs: _contentNavi.getElementsByTagName('li'),
            pages: []
        }
        var tabs = _contentNavi.getElementsByTagName('li');
        for(i=0; i<tabs.length; i++) {
            if (tabs[i].id){
                tab.setup.pages.push(document.getElementById(tabs[i].id.substr(12,tabs[i].id.length)));
            }
        }
        tab.init();
    }
});

/* -----------------------------------------------------------------------*/
function AddEvent(targetObj, eventName, eventHandler) {
    if (document.addEventListener){
        targetObj.addEventListener(eventName, eventHandler, false);
        return;
    }
    if (document.attachEvent){
        targetObj.attachEvent("on"+eventName, eventHandler);
    }
}

/* -----------------------------------------------------------------------*/

var tab = {
init: function(){
var tabs = this.setup.tabs;
var pages = this.setup.pages;
var select_page = pages[0].id;

for(i=0; i<pages.length; i++) {
if (pages[i]){
if(pages[i].id !== select_page) {
pages[i].style.display = 'none';
tabs[i].className = null;
}else{
pages[i].style.display = 'block';
tabs[i].className = 'selected';
}
tabs[i].onclick = function(){ tab.showpage(this); return false; };
}
}
},

showpage: function(obj){
var tabs = this.setup.tabs;
var pages = this.setup.pages;
var num;

for(num=0; num<tabs.length; num++) {
if(tabs[num] === obj) break;
}

for(var i=0; i<pages.length; i++) {
if (pages[i]){
if(i == num) {
pages[num].style.display = 'block';
tabs[num].className = 'selected';
//document.location.hash = "#" + pages[num].id;
}
else{
pages[i].style.display = 'none';
tabs[i].className = null;
}
}
}
}
}