function fix_background() {

	var test = document.getElementById('rc_subnavi').offsetHeight;
	var bge = document.body.parentNode;

	var bgimage = null;

	if(test > 290) {
		bgimage = "url('/img/bg_gray_2.gif')";
	}
	if(test > 386) {
		bgimage = "url('/img/bg_gray_3.gif')";
	}

	if(bgimage) {
		bge.style.backgroundImage = bgimage;
	}
}

function naviCtl(objv) {

	var self = this;

	this.obj = objv;

	this.clkTimer = null;
	this.outTimer = null;

	this.clk = function () {

		clearTimeout(self.outTimer);
		clearTimeout(self.clkTimer);

		self.clkTimer = setTimeout(function() {

			var sublist = self.obj.parentNode.getElementsByTagName('UL')[0];
			sublist.style.display = 'block';

		}, 10);
	}

	this.out = function() {

		clearTimeout(self.clkTimer);
		clearTimeout(self.outTimer);

		self.outTimer = setTimeout(function() {

			var sublist = self.obj.parentNode.getElementsByTagName('UL')[0];
			sublist.style.display = 'none';

		}, 500);
	}
}

function init_subnavi() {

	var subnavis = document.getElementById('subnavi').getElementsByTagName('LI');

	for(var x=0; x<subnavis.length; x++) {
		if(subnavis[x].className.indexOf('children') != -1) {

			var sub = subnavis[x];

			var subdiv = sub.getElementsByTagName('DIV')[0];
			var sublist = sub.getElementsByTagName('UL')[0];

			var nctl = new naviCtl(subdiv);

			subdiv.onclick = nctl.clk;
			subdiv.onmouseout = nctl.out;

			sublist.onmouseover = nctl.clk;
			sublist.onmouseout = nctl.out;

		}
	}
}