var imNone = new Image();
    imNone.src = "templates/images/slide.jpg";
    var imLeftSelect = new Image();
    imLeftSelect.src = "templates/images/slide-left.jpg";
    var imRightSelect = new Image();
    imRightSelect.src = "templates/images/slide-right.jpg";

function MenuMove(id){
  var centermenu=document.getElementById('center'+id);
  var leftside=document.getElementById('leftside'+id);
  var imgmenuleft=document.getElementById('imgleft'+id);
  var imgmenuright=document.getElementById('imgright'+id);
  var menudiv=document.getElementById('ssubmenu'+id);
  if (imgmenuleft!=null)
    imgmenuleft.src=imLeftSelect.src;
  if (imgmenuleft!=null)
    imgmenuright.src=imRightSelect.src;
  centermenu.className="centermenusel";
  if (menudiv.innerHTML!=''){
  menudiv.style.visibility='visible';
  menudiv.style.display='block';
  }
//  alert(getElementPosition(imgmenuleft));
  menudiv.style.left=getElementPosition(leftside)+50+'px';
}

function MenuOut(id,current){
  if (id!=current){
  var leftmenu=document.getElementById('left'+id);
  var centermenu=document.getElementById('center'+id);
  var rightmenu=document.getElementById('right'+id);
  var imgmenuleft=document.getElementById('imgleft'+id);
  var imgmenuright=document.getElementById('imgright'+id);
  if (imgmenuleft!=null)
    imgmenuleft.src=imNone.src;
  if (imgmenuleft!=null)
    imgmenuright.src=imNone.src;
  centermenu.className="centermenu";
  }
  var menudiv=document.getElementById('ssubmenu'+id);
  menudiv.style.visibility='hidden';
  menudiv.style.display='none';
}

function SubMenuMove(id){
  id.className="subselected";
}
function SubMenuOut(id){
  id.className="subusual";
}

function getElementPosition(elem)
{

    var w = elem.offsetWidth;
    var h = elem.offsetHeight;

    var l = 0;
    var t = 0;

    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return l;
}