$(document).ready(function(){
	$('.onoff img').each(function(ev){
			preload_img(this);
			$(this).mouseover(function(ev){
				img_on(ev.target);
			}).mouseout(function(ev){
				img_off(ev.target);
			});
	});
	
	$('#tnav1 li:first,#tnav2 li:first').mouseover(function(ev){
		$('#tnav1 li:first img,#tnav2 li:first img').each(function(ev){
			img_on($(this));
		});
		$('#tnav1 li:first,#tnav2 li:first').each(function(ev){
			var src = $(this).find('img').attr('vmlBg');
			var newsrc=src.replace("_off","_on");
			$(this).find('fill').attr('src',newsrc);
		});
	}).mouseout(function(ev){
		$('#tnav1 li:first img,#tnav2 li:first img').each(function(ev){
			img_off($(this));
		});
		$('#tnav1 li:first,#tnav2 li:first').each(function(ev){
			var src = $(this).find('img').attr('vmlBg');
			var newsrc=src.replace("_on","_off");
			$(this).find('fill').attr('src',newsrc);
		});
		
	});
	
	$('#tnav1 li:last,#tnav2 li:last').mouseover(function(ev){
		$('#tnav1 li:last img,#tnav2 li:last img').each(function(ev){
			img_on($(this));
		});
		$('#tnav1 li:last,#tnav2 li:last').each(function(ev){
			var src = $(this).find('img').attr('vmlBg');
			var newsrc=src.replace("_off","_on");
			$(this).find('fill').attr('src',newsrc);
			img_on(ev.target);
		});
	}).mouseout(function(ev){
		$('#tnav1 li:last img,#tnav2 li:last img').each(function(ev){
			img_off($(this));
		});
		$('#tnav1 li:last,#tnav2 li:last').each(function(ev){
			var src = $(this).find('img').attr('vmlBg');
			var newsrc=src.replace("_on","_off");
			$(this).find('fill').attr('src',newsrc);
		});
		
	});
	
	
	$('#fontsize .l').click(function(ev){
			$('body').css('font-size','125%');
			$.cookie('fontSize', 'l');
			$(this).parents("#fontsize").find('dd').removeClass('here');
			$(this).addClass("here");
		});
		$('#fontsize .m').click(function(ev){
			$('body').css('font-size','78%');
			$.cookie('fontSize', 'm');
			$(this).parents("#fontsize").find('dd').removeClass('here');
			$(this).addClass("here");
		});
		$('#fontsize .s').click(function(ev){
			$('body').css('font-size','70%');
			$.cookie('fontSize', 's');
			$(this).parents("#fontsize").find('dd').removeClass('here');
			$(this).addClass("here");
		});
		if($.cookie('fontSize') == 'l'){
			$('#fontsize .l').click();
		}else if($.cookie('fontSize') == 's'){
			$('#fontsize .s').click();
		}
		
		$('#gnav>li').hover(
		function(){
			$(this).find('ul').show();
									 
		},
		function(){
			$(this).find('ul').hide();							 
		}
	);
	
	
		$('#gnav > li > span').hover(function(ev){
		$(this).addClass('hover');
	},function(ev){
		$(this).removeClass('hover');
	});
});

	

function img_on(tgt){
	var src=$(tgt).attr('src');
	var newsrc=src.replace("_off","_on");
	$(tgt).attr('src',newsrc);
}

function img_off(tgt){
	var src=$(tgt).attr('src');
	var newsrc=src.replace("_on","_off");
	$(tgt).attr('src',newsrc);
}

function preload_img(tgt){
	var src=$(tgt).attr('src');
	var newsrc=src.replace("_off","_on");
	$('<img>').attr('src', newsrc);
}