﻿
//---thanks to alistapart

//-----------------------------------------------------------------------------rerender

function rerender(x) {
    w = 100 - 0.0001 * (x);
    document.getElementById('header').style.width = w + '%';
}

//-----------------------------------------------------------------------------cookie functions

function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }

    else expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

//-----------------------------------------------------------------------------getActiveStyleSheet

function getActiveStyleSheet() {
    href = document.getElementById("bodyCSS").href;
    x = href.lastIndexOf('/') + 1;
    y = href.lastIndexOf('.')
    cssFileName = href.substring(x, y);
    return cssFileName;
}

//-----------------------------------------------------------------------------getPreferredStyleSheet

function getPreferredStyleSheet() {
    var i, a;
    for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) {
        if (a.getAttribute("rel").indexOf("fontstyle") != -1
      && a.getAttribute("rel").indexOf("alt") == -1
      && a.getAttribute("title")
      )
            alert(a.getAttribute("title"));

        return a.getAttribute("title");
    }
    return null;
}

//-----------------------------------------------------------------------------changeFontSize

function changeFontSize(finc) {
    var cookie = readCookie("fontstyle");
    var title = cookie ? cookie : getActiveStyleSheet();
    cssFileName = 'smallfont'; 
    fontsize = 1;
    if (finc == "+") {
	    switch (title) {
	        case 'smallfont' : cssFileName = 'mediumfont'; fontsize = 2; break;
	        case 'mediumfont': cssFileName = 'largefont'; fontsize = 3; break;
	        case 'largefont' : cssFileName = 'largefont'; fontsize = 3; break;
	    }
    }
     else {
	    switch (title) {
	        case 'smallfont' : cssFileName = 'smallfont'; fontsize = 1; break;
	        case 'mediumfont': cssFileName = 'smallfont'; fontsize = 1; break;
	        case 'largefont' : cssFileName = 'mediumfont'; fontsize = 2; break;
	    }
    }
    createCookie("fontstyle", cssFileName, 365);  
    href = '/css/fontsize/' + cssFileName + '.css';
    document.getElementById("bodyCSS").href = href;
    rerender(fontsize); 
}

//-----------------------------------------------------------------------------changeFontSize

//function changeFontSize(fontSize) {
//    var cssFileName;
//    switch (fontSize) {
//        case 1: cssFileName = 'smallfont'; break;
//        case 2: cssFileName = 'mediumfont'; break;
//        case 3: cssFileName = 'largefont'; break;
//    }
//   href = '/css/fontsize/' + cssFileName + '.css';
//   document.getElementById("bodyCSS").href = href;
//    rerender(fontSize);
//}

//-----------------------------------------------------------------------------onLoad

window.onload = function(e) {
    var cookie = readCookie("fontstyle");
    var title = cookie ? cookie : getActiveStyleSheet();
    if (cookie != null) { setActiveStyleSheet(title); }
    rerender(4);
}

function setActiveStyleSheet(cssFileName) {
    href = '/css/fontsize/' + cssFileName + '.css';
    //alert (href);
    document.getElementById("bodyCSS").href = href;
    return null;
}

function displayFontSizeButtons() {


   var html = '<ul><li><a href="#" onclick="javascript:changeFontSize(\'+\'); return false;">';
   html = html + '<img src="/images/common/zoom_in.gif" alt="확대(+)" /></a></li>';
   html = html + '<li class="last"><a href="#" onclick="javascript:changeFontSize(\'-\');">';
   html = html + '<img src="/images/common/zoom_out.gif" alt="축소(-)" /></a></li></ul>';
    div = document.getElementById('divTextResizing');
    if (div) {
        div.innerHTML += html;
    } else {
        return;
    }

}
