var themeDemo_leftmost = -410;
var themeDemo_rightmost = 0;
var themeDemo_interval = null;
var themeDemo_sidebarVisible = false;
var themeDemo_DOMCapable;

document.getElementById ? themeDemo_DOMCapable=true : themeDemo_DOMCapable=false;

function themeDemo_scrollRight(menuId) {
  var leftPosition;
  if (themeDemo_DOMCapable) {
    leftPosition = parseInt(document.getElementById(menuId).style.left);
    if (leftPosition >= themeDemo_rightmost) {
      clearInterval(themeDemo_interval);
      return;
    } else {
      leftPosition += 10;
      document.getElementById(menuId).style.left = leftPosition+"px";
    }
  }
}

function themeDemo_scrollLeft(menuId) {
  if (themeDemo_DOMCapable) {
    leftPosition = parseInt(document.getElementById(menuId).style.left);
    if (leftPosition <= themeDemo_leftmost) {
      clearInterval(themeDemo_interval);
      return;
    } else {
      leftPosition -= 10;
      document.getElementById(menuId).style.left = leftPosition+"px";
    }
  }
}

function themeDemo_slideIn(menuId) {
  if (document.getElementById(menuId)) {
    clearInterval(themeDemo_interval);
    themeDemo_interval = setInterval('themeDemo_scrollRight("'+menuId+'")', 5);
  }
  themeDemo_sidebarVisible = true;
}

function themeDemo_slideOut(menuId) {
  if (document.getElementById(menuId)) {
    clearInterval(themeDemo_interval);
    themeDemo_interval = setInterval('themeDemo_scrollLeft("'+menuId+'")', 5);
  }
 themeDemo_sidebarVisible = false;
}

function themeDemo_toggleSidebar(menuId) {
  if (!themeDemo_sidebarVisible) {
    themeDemo_slideIn(menuId);
  } else {
    themeDemo_slideOut(menuId);
  }
}