d = document;

tsel = 0;



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

function 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 (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) {
	offTimer();
	if (document.vis) {
		hide();
	}
	show(obj);
}

function off(obj) {
	document.vis = obj;
	document.timer = window.setTimeout('hide()', 300);
}

 function swapImage(img){
 thisSrc = img.src
 if(thisSrc.indexOf("on") > 0){
  thisSrc = thisSrc.replace("on.png", "off.png")
  img.src = thisSrc
 } else {
  thisSrc = thisSrc.replace("off.png", "on.png")
  img.src = thisSrc
 }
}