window.onload = function init() {
    loadCookie();
}

function loadCookie() {
    var cookie = getCookie();
    var main   = getById('main');
    var side   = getById('side');
    var disp   = getById('switchMenu');
    if(cookie['menu'] == 'off'){
        hide(side);
        main.style.width = '100%';
        disp.innerHTML   = 'show';
    }
    else{
        show(side);
        main.style.width = '75%';
        disp.innerHTML   = 'hide';
    }
}


function post() {
    var form = getById('ct_form');
    var btn  = getById('show_form');
    var name = getById('name');
    hide(btn);
    show(form);
    name.focus();
    
}

function switchMenu() {
    var main = getById('main');
    var side = getById('side');
    var disp = getById('switchMenu');
    if(side.style.display == 'none'){
        show(side);
        main.style.width = '75%';
        disp.innerHTML   = 'hide';
        setCookie('menu', 'on');
    }
    else{
        hide(side);
        main.style.width = '100%';
        disp.innerHTML   = 'show';
        setCookie('menu', 'off');
    }
    var cookie = getCookie();
}

function getCookie() {
    var cookieValues = new Array();
    var rawValues = document.cookie.split('; ');
    for(var i = 0; i < rawValues.length; i++){
        var value = rawValues[i].split('=');
        cookieValues[unescape(value[0])] = unescape(value[1]);
    }
    return cookieValues;
}

function setCookie(key, val) {
    document.cookie = escape(key) + '=' + escape(val);
}

function getById(id) {
    return document.getElementById(id);
}

function show(target, display) {
    if(display == undefined){display = 'block';}
    target.style.display = display;
}

function hide(target) {
    target.style.display = 'none';
}

function switchDisplay (id, dsp){
    var target = getById(id);
    if(dsp == undefined){dsp = 'block';}
    if(target.style.display == 'none') {
        show(target);
    }
    else {
        hide(target);
    }
}