window.onload=function() {
    var _contentNavi = document.getElementById('contentNavi');
    if (_contentNavi){
        tab.setup = {
            cookie_name: _contentNavi.title,
            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();
    }
}

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

for(i=0; i<pages.length; 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 cookie_name = this.setup.cookie_name;
var num;

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

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

function setCookie (name, value, path, domain, secure) {
var expires = null;
var curCookie = name + "=" + escape(value) + (expires ? "; expires=" + expires : "") +
(path ? "; path=" + path : "") + (domain ? "; domain=" + domain : "") + (secure ? "secure" : "");
document.cookie = curCookie;
}

function getCookie (name) {
var prefix = name + '=';
var c = document.cookie;
var nullstring = '';
var cookieStartIndex = c.indexOf(prefix);
if (cookieStartIndex == -1)
return nullstring;
var cookieEndIndex = c.indexOf(";", cookieStartIndex + prefix.length);
if (cookieEndIndex == -1)
cookieEndIndex = c.length;
return unescape(c.substring(cookieStartIndex + prefix.length, cookieEndIndex));
}