var home = "/";
var ccs;

$(function(){
    $("a[rel=external]").attr("target", "_blank");

    ccs = $.cookie('ccs');
    chgChrSize(ccs);

    $("#cs-s").mouseover(function(){
        if (ccs != 's') $(this).attr("src", home + "img/cs-b-s.png");
    });
    $("#cs-s").mouseout(function(){
        if (ccs != 's') $(this).attr("src", home + "img/cs-g-s.png");
    });
    $("#cs-m").mouseover(function(){
        if (ccs != 'm') $(this).attr("src", home + "img/cs-b-m.png");
    });
    $("#cs-m").mouseout(function(){
        if (ccs != 'm') $(this).attr("src", home + "img/cs-g-m.png");
    });
    $("#cs-l").mouseover(function(){
        if (ccs != 'l') $(this).attr("src", home + "img/cs-b-l.png");
    });
    $("#cs-l").mouseout(function(){
        if (ccs != 'l') $(this).attr("src", home + "img/cs-g-l.png");
    });
    $("#cs-s").click(function(){ chgChrSize('s'); });
    $("#cs-m").click(function(){ chgChrSize('m'); });
    $("#cs-l").click(function(){ chgChrSize('l'); });
});

function chgChrSize(size)
{
    var csssize, o1, o2;

    switch (size) {
      case 'm':
        csssize = '15px';
        o1 = 's'; o2 = 'l';
        break;
      case 'l':
        csssize = '17px';
        o1 = 'm'; o2 = 's';
        break;
      case 's':
      default:
        size = 's';
        csssize = '13px';
        o1 = 'm'; o2 = 'l';
        break;
    }
    $("#cs-" + size).attr("src", home + "img/cs-b-" + size + ".png");
    $("#cs-" + o1).attr("src", home + "img/cs-g-" + o1 + ".png");
    $("#cs-" + o2).attr("src", home + "img/cs-g-" + o2 + ".png");
    $("body").css('font-size', csssize);
    $("table").css('font-size', csssize);
    ccs = size;
    $.cookie('ccs', ccs, { path:home });
}