function getClientWidth() {
  return document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientWidth : document.body.clientWidth;
}

function getClientHeight() {
  return document.compatMode == 'CSS1Compat' && !window.opera ? document.documentElement.clientHeight : document.body.clientHeight;
}

function getBodyScrollLeft() {
	return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}

function getCurrentPos(e) {
	var current = e;
	var currentTop = 0;
	var currentLeft = 0;
	var currentHeight = current.offsetHeight;
	var currentWidth = current.offsetWidth;
	while (current) {
		currentLeft += current.offsetLeft;
		currentTop += current.offsetTop;
		current = current.offsetParent;
	}
	return {left:currentLeft, top:currentTop, width:currentWidth, height:currentHeight};
}

function showSubmenu(e, menuID) {
	var current = getCurrentPos(e);
	var submenu = document.getElementById(menuID);
	submenu.style.left = current.left + 10;
	submenu.style.top = current.top + current.height - 10;
	submenu.style.display = 'block';
	if (submenu.offsetWidth < current.width) {
		submenu.style.width = current.width - 10
	}
}

function hideSubmenu(e, menuID) {
	var submenu = document.getElementById(menuID);
	submenu.style.display = 'none';
}

function show(e) {
	e.style.display='block';
}
function hide(e) {
	if (document.getElementById(e)) {
		document.getElementById(e).style.display='none';
	} else {
		e.style.display='none';
	}
}

var Timer;
/*function ScrollLeft(e) {
	Timer = setInterval("x.scrollLeft -= 10", 15, x = document.getElementById(e));
}

function ScrollRight(e) {
	Timer = setInterval("x.scrollLeft += 10", 15, x = document.getElementById(e));
}*/


function ScrollLeft(e) {
	Timer = setInterval(function(){document.getElementById(e).scrollLeft -= 20}, 15)
}

function ScrollRight(e) {
	Timer = setInterval(function(){document.getElementById(e).scrollLeft += 20}, 15)
}