var IE = document.all?true:false;


function findPosition( oElement ) {
  if( typeof( oElement.offsetParent ) != 'undefined' ) {
    for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent ) {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
    return [ posX, posY ];
  } else {
    return [ oElement.x, oElement.y ];
  }
}

function getX( id ) {
var oElement = document.getElementById(id);
  if( typeof( oElement.offsetParent ) != 'undefined' ) {
    for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent ) {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
    return  posX;
  } else {
    return oElement.x;
  }
}

function getY( id ) {
var oElement = document.getElementById(id);
  if( typeof( oElement.offsetParent ) != 'undefined' ) {
    for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent ) {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
    return posY;
  } else {
    return oElement.y;
  }
}

function showSubmenu(id, nr){
	document.getElementById(id).style.display="block";
	var x = getX('img_' + id);
	if(IE){
		y = (nr * -4) + 2;
	}else{
		y = (nr * -5) + 2;
	}
	var xMenu = getX('menu');
	
	y = 0 - y;
	document.getElementById(id).style.left = (x - xMenu)+ 'px';
	document.getElementById(id).style.top = y+ 'px';
}

function showSubmenuItem(id){

document['submenu'+ id].src='images/arrow_blue.jpg';
}

function hideSubmenuItem(id){

document['submenu'+ id].src='images/spacer.gif';
}
function hideSubmenu(id){
	document.getElementById(id).style.display="none";
}