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/csize-s-y.png");
    });
    $("#cs-s").mouseout(function(){
        if (ccs != 's') $(this).attr("src", home + "//img/csize-s-w.png");
    });
    $("#cs-m").mouseover(function(){
        if (ccs != 'm') $(this).attr("src", home + "//img/csize-m-y.png");
    });
    $("#cs-m").mouseout(function(){
        if (ccs != 'm') $(this).attr("src", home + "//img/csize-m-w.png");
    });
    $("#cs-l").mouseover(function(){
        if (ccs != 'l') $(this).attr("src", home + "//img/csize-l-y.png");
    });
    $("#cs-l").mouseout(function(){
        if (ccs != 'l') $(this).attr("src", home + "//img/csize-l-w.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 'l':
        csssize = '18px';
        o1 = 'm'; o2 = 's';
        break;
      case 'm':
        csssize = '15px';
        o1 = 's'; o2 = 'l';
        break;
      case 's':
      default:
        size = 's';
        csssize = '13px';
        o1 = 'm'; o2 = 'l';
        break;
    }
    $("#cs-" + size).attr("src", home + "//img/csize-" + size + "-y.png");
    $("#cs-" + o1).attr("src", home + "//img/csize-" + o1 + "-w.png");
    $("#cs-" + o2).attr("src", home + "//img/csize-" + o2 + "-w.png");
    $("body").css('font-size', csssize);
    $("table").css('font-size', csssize);
    ccs = size;
    $.cookie('ccs', ccs, { path:home });
}

function ChangeImage( imgid , newimg ) {
	document.getElementById(imgid).src = newimg;
}