function getRealLeft(el){
var xPos = document.getElementById(el).offsetLeft;
var tempEl = document.getElementById(el).offsetParent;
while (tempEl != null) {
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;
}

function getRealTop(el){
var yPos = document.getElementById(el).offsetTop;
var tempEl = document.getElementById(el).offsetParent;
while (tempEl != null) {
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}

function dispTruePos(isID){
trueX = getRealLeft(isID);
trueY = getRealTop(isID);
}

function viewLayer(displayValue,ID)
{
var menu_offset_y = 28; // menu_y offset
var l = 'Layer'+ID;
var d = 'm'+ID;
var x_s = (ID == 6)? -15: 0; // id=6 x_offset

if (displayValue) {
shiftTo(document.getElementById(l), getRealLeft(d)+x_s, getRealTop(d)+menu_offset_y);
document.getElementById(l).style.visibility='inherit';
if(ID == 1 ||ID == 3 || ID==5 || ID == 7) { fix_select(1);}
} else {
document.getElementById(l).style.visibility='hidden';
if(ID == 1 ||ID == 3 || ID==5 || ID == 7) { fix_select(0);}
}
}


function showMenu(){
  var left = getRealLeft('mediaImg');
  var top = getRealTop('mediaImg');
  var div = document.getElementById('mediaMenu');
  div.style.left = left+'px' ;
  div.style.top = top+30+'px';
  div.style.display = 'block' ;
}

function hideMenu(){
  var div = document.getElementById('mediaMenu');
  div.style.display = 'none' ;
}