// JavaScript Document
var leftmost = -115;
var rightmost = -2;
var topmost = 40;
var bottonmost = -100;

var interval_menu = null;
var interval2_menu = null;
var sidebarVisible = false;
var DOMCapable;

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

function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }
 function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
  
function scrollRight(menuId) {
  var leftPosition;
  if (DOMCapable) {
    leftPosition = parseInt(document.getElementById(menuId).style.left);
    if (leftPosition >= rightmost) {
      clearInterval(interval2_menu);
      return;
    } else {
      leftPosition += 15;
      document.getElementById(menuId).style.left = leftPosition+"px";
    }
  }
}

function scrollLeft(menuId) {
  if (DOMCapable) {
    leftPosition = parseInt(document.getElementById(menuId).style.left);
    if (leftPosition <= leftmost) {
      clearInterval(interval2_menu);
      return;
    } else {
      leftPosition -= 15;
      document.getElementById(menuId).style.left = leftPosition+"px";
    }
  }
}

function scrollTop(menuId,padre) {
  var topPosition;
  if (DOMCapable) {
    topPosition = parseInt(document.getElementById(menuId).style.top);
	topmenumost=topmost;
    if (topPosition >= topmenumost) {
      clearInterval(interval_menu);
      return;
    } else {
      topPosition += 2;
      document.getElementById(menuId).style.top = topPosition+"px";
    }
  }
}

function scrollBotton(menuId,padre) {
  var topPosition;
  if (DOMCapable) {
    topPosition = parseInt(document.getElementById(menuId).style.top);
    if (topPosition <= bottonmost) {
      clearInterval(interval_menu);
      return;
    } else {
      topPosition -= 2;
      document.getElementById(menuId).style.top = topPosition+"px";
    }
  }
}

function slideIn(menuId,padre) {
  if (document.getElementById(menuId)) {
    clearInterval(interval_menu);
	clearInterval(interval2_menu);
    // interval = setInterval('scrollRight("'+menuId+'")', 5);
	obj_padre=document.getElementById(padre);
	l=findPosX(obj_padre);
    
   	document.getElementById(menuId).style.left=l +"px";
	interval2_menu = setInterval('scrollTop("'+menuId+'","'+padre+'")', 20);
  }
  sidebarVisible = true;
}

function slideOut(menuId,padre) {
  if (document.getElementById(menuId)) {
    clearInterval(interval_menu);
	clearInterval(interval2_menu);
    // interval = setInterval('scrollLeft("'+menuId+'")', 5);
	    interval2_menu = setInterval('scrollBotton("'+menuId+'","'+padre+'")', 20);
  }
  sidebarVisible = false;
}
function slideIn_L(menuId) {
  if (document.getElementById(menuId)) {
    clearInterval(interval_menu);
	clearInterval(interval2_menu);
     interval_menu = setInterval('scrollRight("'+menuId+'")', 50);
    // interval2 = setInterval('scrollTop("'+menuId+'")', 5);
  }
  sidebarVisible2 = true;
}

function slideOut_L(menuId) {
  if (document.getElementById(menuId)) {
    clearInterval(interval_menu);
	clearInterval(interval2_menu);
     interval_menu = setInterval('scrollLeft("'+menuId+'")', 50);
	// interval2 = setInterval('scrollBotton("'+menuId+'")', 50);
  }
  sidebarVisible2 = false;
}


function toggleSidebar(menuId) {
  if (!sidebarVisible) {
    slideIn(menuId);
  } else {
    slideOut(menuId);
  }
}
function toggleSidebar2(menuId) {
  if (!sidebarVisible2) {
    slideIn_L(menuId);
  } else {
    slideOut_L(menuId);
  }
}