// Copyright (c) 2004-2006 koikikukan All Rights Reserved.
// http://www.koikikukan.com/
// License is granted if and only if this entire
// copyright notice is included. By Yujiro ARAKI.

// 2006.06.26 Ver1.00 initial version.

// Customized for "Web Diary Professional 2or3段組レイアウト" By fana

var layout = 'layout-three-column';

var cookieName = 'layout';

function changeSidebar(dir) {
    var id = readCookie(cookieName);
    var elements = document.getElementsByTagName('body');
    if(id == null || id == 'null') {
        if(elements[0].getAttribute('class') == 'layout-three-column' ||
            elements[0].getAttribute('className') == 'layout-three-column'){
            id = '3';
        } else if(elements[0].getAttribute('class') == 'layout-two-column-left' ||
                  elements[0].getAttribute('className') == 'layout-two-column-left'){
            id = '2l';
        } else if(elements[0].getAttribute('class') == 'layout-two-column-right' ||
                  elements[0].getAttribute('className') == 'layout-two-column-right'){
            id = '2r';
        }
    } else {
        if(id == '3') {
            if(layout == 'layout-two-column-left') {
                id = '2l';
            } else if(layout == 'layout-two-column-right') {
                id = '2r';
            }
        }
    }
    if(dir == 'left'){
        if(id == '3'){
            id = '2r';
        } else if (id == '2r') {
            id = '3';
        } else if (id == '2l') {
            id = '1';
        } else if (id == '1') {
            id = '2l';
        }
    } else {
        if(id == '3'){
            id = '2l';
        } else if (id == '2r') {
            id = '1';
        } else if (id == '2l') {
            id = '3';
        } else if (id == '1') {
            id = '2r';
        }
    }
    if(layout == 'layout-three-column') {
        changeColumn3(id);
    } else if(layout == 'layout-two-column-left') {
        changeColumn2l(id);
    } else if(layout == 'layout-two-column-right') {
        changeColumn2r(id);
    }
    changeMark(id);
    createCookie(cookieName, id, 1);
}

function changeMark(mark) {
    if(mark == '3'){
        document.getElementById('leftmark').childNodes[0].innerHTML = '左サイドバーを畳む';
        document.getElementById('rightmark').childNodes[0].innerHTML = '右サイドバーを畳む';
    } else if(mark == '2l'){
        document.getElementById('leftmark').childNodes[0].innerHTML = '左サイドバーを畳む';
        document.getElementById('rightmark').childNodes[0].innerHTML = '右サイドバーを出す';
    } else if(mark == '2r'){
        document.getElementById('leftmark').childNodes[0].innerHTML = '左サイドバーを出す';
        document.getElementById('rightmark').childNodes[0].innerHTML = '右サイドバーを畳む';
    } else if(mark == '1'){
        document.getElementById('leftmark').childNodes[0].innerHTML = '左サイドバーを出す';
        document.getElementById('rightmark').childNodes[0].innerHTML = '右サイドバーを出す';
    }
}
 
function changeColumn3(id) {
    var elements = document.getElementsByTagName('body');
    document.getElementById('information').style.display = 'block';
    document.getElementById('navigation').style.display = 'block';
    document.getElementById('container').style.width = '100%';
    if(id == '3'){
        elements[0].setAttribute('class','layout-three-column');
        elements[0].setAttribute('className','layout-three-column');
        document.getElementById('logs').style.margin = '0 200px 10px 215px';
        document.getElementById('footer').style.margin = '0 215px 0 230px';
    } else if(id == '2l') {
        elements[0].setAttribute('class','layout-two-column-left');
        elements[0].setAttribute('className','layout-two-column-left');
        document.getElementById('information').style.display = 'none';
        document.getElementById('logs').style.margin = '0 0 10px 215px';
        document.getElementById('footer').style.margin = '0 0 0 230px';
    } else if(id == '2r') {
        elements[0].setAttribute('class','layout-two-column-right');
        elements[0].setAttribute('className','layout-two-column-right');
        document.getElementById('navigation').style.display = 'none';
        document.getElementById('logs').style.margin = '0 200px 10px 0';
        document.getElementById('footer').style.margin = '0 215px 0 0';
    } else if(id == '1') {
        elements[0].setAttribute('class','layout-one-column');
        elements[0].setAttribute('className','layout-one-column');
        document.getElementById('navigation').style.display = 'none';
        document.getElementById('information').style.display = 'none';
        document.getElementById('logs').style.margin = '0 0 10px 0';
        document.getElementById('footer').style.margin = '0';
    }
    createCookie(cookieName, id, 1);
}

function changeColumn2l(id) {
    var elements = document.getElementsByTagName('body');
    document.getElementById('navigation').style.display = 'block';
    document.getElementById('container').style.width = '720px';
    if(id == '2l') {
        elements[0].setAttribute('class','layout-two-column-left');
        elements[0].setAttribute('className','layout-two-column-left');
        document.getElementById('logs').style.width = '498px';
    } else if(id == '1') {
        elements[0].setAttribute('class','layout-one-column');
        elements[0].setAttribute('className','layout-one-column');
        document.getElementById('navigation').style.display = 'none';
        document.getElementById('logs').style.width = '718px';
    }
    createCookie(cookieName, id, 1);
}

function changeColumn2r(id) {
    var elements = document.getElementsByTagName('body');
    document.getElementById('navigation').style.display = 'block';
    document.getElementById('container').style.width = '720px';
    if(id == '2r') {
        elements[0].setAttribute('class','layout-two-column-right');
        elements[0].setAttribute('className','layout-two-column-right');
        document.getElementById('logs').style.width = '498px';
    } else if(id == '1') {
        elements[0].setAttribute('class','layout-one-column');
        elements[0].setAttribute('className','layout-one-column');
        document.getElementById('navigation').style.display = 'none';
        document.getElementById('logs').style.width = '718px';
    }
    createCookie(cookieName, id, 1);
}