function offTimer() {
	if (typeof ClickTaleExec == "function") ClickTaleExec("offTimer()");
	if (document.timer) {
		window.clearTimeout(document.timer);
		document.timer = null;
	}
}

function show(obj) {
	if (typeof ClickTaleExec == "function") ClickTaleExec("show('" + obj + "')");
	document.getElementById('sub' + obj).style.display = 'block';
	document.getElementById('i' + def).className = 'multi';
 
	document.getElementById('i' + obj).className = 'active';
  
  if (obj=='r0') {
  document.getElementById('i' + obj).className = 'ir0-active';
  document.getElementById('i' + def).className = 'ir0-notactive';
	}

  if (obj=='r1') {
  document.getElementById('i' + obj).className = 'ir1-active';
  document.getElementById('i' + def).className = 'ir1-notactive';
	}
  if (obj=='r2') {
  document.getElementById('i' + obj).className = 'ir2-active';
  document.getElementById('i' + def).className = 'ir2-notactive';
	}
   if (obj=='r3') {
  document.getElementById('i' + obj).className = 'ir3-active';
  document.getElementById('i' + def).className = 'ir3-notactive';
	}
   if (obj=='r4') {
  document.getElementById('i' + obj).className = 'ir4-active';
  document.getElementById('i' + def).className = 'ir4-notactive';
	}
   if (obj=='r5') {
  document.getElementById('i' + obj).className = 'ir5-active';
  document.getElementById('i' + def).className = 'ir5-notactive';
	}
	if (document.getElementById('i' + obj).parentNode.parentNode.className == 'r')	document.getElementById('sub' + obj).style.marginLeft = (document.getElementById('i' + obj).offsetWidth - document.getElementById('sub' + obj).offsetWidth) + 'px';
}

function hide() {
	if (typeof ClickTaleExec == "function") ClickTaleExec("hide()");
	if (document.vis_l3) {
			document.getElementById(document.vis_l3).style.display = 'none';
			document.vis_l3 = null;
		};
	document.getElementById('sub' + document.vis).style.display = 'none';
	document.getElementById('i' + document.vis).className = 'multi';
	document.getElementById('i' + def).className = 'active';
  
 if (document.vis=='r0') {
  document.getElementById('i' + document.vis).className = 'ir0-notactive';
  document.getElementById('i' + def).className = 'ir0-active';
	}

   if (document.vis=='r1') {
 document.getElementById('i' + document.vis).className = 'ir1-notactive';
  document.getElementById('i' + def).className = 'ir1-active';
	}

   if (document.vis=='r2') {
  document.getElementById('i' + document.vis).className = 'ir2-notactive';
  document.getElementById('i' + def).className = 'ir2-active';
	}

   if (document.vis=='r3') {
  document.getElementById('i' + document.vis).className = 'ir3-notactive';
  document.getElementById('i' + def).className = 'ir3-active';
	}

   if (document.vis=='r4') {
  document.getElementById('i' + document.vis).className = 'ir4-notactive';
  document.getElementById('i' + def).className = 'ir4-active';
	}

   if (document.vis=='r5') {
  document.getElementById('i' + document.vis).className = 'ir5-notactive';
  document.getElementById('i' + def).className = 'ir5-active';
	}

}
function on(obj) {
	if (typeof ClickTaleExec == "function") ClickTaleExec("on('" + obj + "')");
	offTimer();
	if (document.vis) {
		hide();
	}
	show(obj);
}

function off(obj) {
	if (typeof ClickTaleExec == "function") ClickTaleExec("off('" + obj + "')");
	document.vis = obj;
	document.timer = window.setTimeout('hide()', 300);
}