/**
 * Resizing font in 3 steps: small, medium, and large.
 */

window.onload = function(){
    if ($j.session("font_size")){
        resize($j.session("font_size"));
    }else{
        resize("medium");        
    }
}

var FONT_SIZE_SMALL  = "10px";
var FONT_SIZE_MEDIUM = "12px";
var FONT_SIZE_LARGE  = "16px";

var resize = function(size)
{
    switch(size)
    {
    case "small":
	hilight_on("small");
        resize_font(FONT_SIZE_SMALL);
        $j('div.rank ul.fwl li').css('line-height', 1.7);
	$j.session("font_size", "small");
        break
    case "medium":
        hilight_on("medium");
        resize_font(FONT_SIZE_MEDIUM);
        $j('div.rank ul.fwl li').css('line-height', 1.4);
	$j.session("font_size", "medium");
        break
    case "large":
        hilight_on("large");
        resize_font(FONT_SIZE_LARGE);
        $j('div.rank ul.fwl li').css('line-height', 1.1);
	$j.session("font_size", "large");
        break
    }
}

var resize_font = function(size)
{
    //$j('body').css('fontSize', size);
    $j('#contents').css('fontSize', size);
    $j('div.#contents table').css('fontSize', size);
    $j('div.sponsor font').css('fontSize', size);
    $j('div.customerInput div div.textsize10').css('fontSize', size);

    //IEでテーブルのフォントサイズが乱れるのを防ぐために追加
    $j('table td').css('fontSize', '100%');
    $j('table th').css('fontSize', '100%');

}



var hilight_off = function(size)
{
    var first_str = size.substring(0,1);
    var id = "#font_" + size;
    var img_src = '/static/images/img_font_' + first_str + '.jpg';
    $j(id).attr('src', img_src);
    var font_src_over = $j(id).attr('src').replace(/(\.gif|\.jpg|\.png)/, "_over$1");
    $j(id).hover(function(){
		     $j(this).attr('src', font_src_over);
		 },function(){
		     $j(this).attr('src', img_src);
		 });
}

var hilight_on = function(size)
{
    var array = ['small', 'medium', 'large'];
    var font_img_id = "#font_" + size;
    var font_btn_src = $j(font_img_id).attr('src');
    if(!font_btn_src){
        return;
    }
    if(font_btn_src.match('over')=='over'){
	$j(font_img_id).attr('src', font_btn_src);
    }else{
	font_btn_src = font_btn_src.replace(/(\.gif|\.jpg|\.png)/, "_over$1");
	$j(font_img_id).attr('src', font_btn_src);
    }
    $j(font_img_id).hover(function(){
			 $j(this).attr('src', font_btn_src);
		     },function(){
			 $j(this).attr('src', font_btn_src);
		     });
    for(var i = 0; i<array.length; i++){
	if(array[i]==size){
	}else{
	    hilight_off(array[i]);
	}
    }
}