var start=false;
var isOver=false;
var lastLayer=null;
var oldsub = new Array(); // aktive Layer
var oldover = new Array(); // aktive Buttons
var oldover_color = new Array(); // alte Farbe der aktive Buttons
var tmp = 0;

function init() {
  window.onresize = resizeFix;
  organize();
}  

function resizeFix(){
//  orgStatusLayer();
//  show('status');
  if(start) organize();
}

function organize(){
  start = false;
  for (i in arr) if(arr[i][2]!='0') alignLayer(arr[i][0],whereX('bild_'+arr[i][0],arr[i][1]),whereY('bild_'+arr[i][0],arr[i][1]));
//  orgBackLayer();
  start = true;
//  hide('status');
}

function getWindowWidth(){
 return document.body.clientWidth;}

function getWindowHeight(){
 return document.body.clientHeight;}

function orgStatusLayer(){
  return alignLayer('status',getWindowWidth()/2-60,getWindowHeight()/2-20);
}

function orgBackLayer(){
  var x = getWindowWidth();
  var y = getWindowHeight();
  document.getElementById(['back']).style.width = x+'px';
  document.getElementById(['back']).style.height = y+'px';
  return true;
}

function whereX(bild,ebene){
  tmp = document.getElementById([bild]).offsetLeft;     
  parent_obj = document.getElementById([bild]).offsetParent;
  if(parent_obj){
    while(parent_obj.tagName.toLowerCase()!='body'){
      tmp += parent_obj.offsetLeft;    
      parent_obj = parent_obj.offsetParent;
    }
  }
  if(ebene=='0') tmp += -1;
  else tmp += 11;
  return tmp;
}

function whereY(bild,ebene){
  tmp = document.getElementById([bild]).offsetTop;     
  parent_obj = document.getElementById([bild]).offsetParent;
  if(parent_obj){
    while(parent_obj.tagName.toLowerCase()!='body'){
      tmp += parent_obj.offsetTop;    
      parent_obj = parent_obj.offsetParent;
    }
  } 
  if(ebene=='0') tmp += 5;
  else tmp += -6;
  return tmp;
}

function alignLayer(layer_id,x,y){
   document.getElementById([layer_id]).style.left = x+'px';
  document.getElementById([layer_id]).style.top = y+'px';
  return true;
}

function show(layer_id){
  isOver=true;
  document.getElementById([layer_id]).style.visibility = 'visible';
  return true;
}

function hide(layer_id){
  document.getElementById([layer_id]).style.visibility="hidden";
  return true;
}

function submenu(layer,layer_view,ebene,obj){
  isOver=true;
  // nur ausführen wenn ausgerichtet und wenn der layer nicht doppelt aufgerufen wird
  if(start && lastLayer!=layer){
   if (ebene==1) hideall();

    lastLayer=layer;
    // transparenten Hintergrundlayer aktivieren
    show('back');

    // existiert in der ebene schon ein aufgeklappter Layer?
    if(oldsub[ebene]!=layer){
      // dann alle Layer bis zu der Ebene schliessen
      for(i in oldsub){
        if(i>=ebene){
          if (oldsub[i]!=null) hide(oldsub[i]);
          oldsub[i]==null;
        }
      }
    }

    // existiert in der Ebene schon ein overeffekt?
    if(oldover[ebene]!=null){
      for(i in oldover){
        if(i>=ebene){
          if(oldover[i]!=null){
            oldover[i].style.backgroundColor=oldover_color[i];
            oldover[i]=null;
            oldover_color[i]='';
          }
        }
      }
    }

    // neuen Effekt Ablegen
    if(obj) {
      oldover[ebene] = obj;
      oldover_color[ebene] = obj.style.backgroundColor;
      obj.style.backgroundColor=obj.getAttribute("overcolor","false");
    }

    // öffne submenu
    if (layer!="none" && layer_view==1) {
      show(layer);
      oldsub[ebene]=layer;
    }
  }
  return true;
}

function hideall(){
  lastLayer=null;

  for (i in oldsub){
    if (oldsub[i]!=null) hide(oldsub[i]);
    oldsub[i]=null;
  }
  hide('back');
  for(i in oldover){
    if (oldover[i]!=null) if(oldover[i].style) oldover[i].style.backgroundColor=oldover_color[i];
    oldover[i]=null;
    oldover_color[i]='';
  }
  return true;
}

function hideobj() { 
  if (!isOver) hideall();
}

function tohide(timeout){
  isOver=false;
  window.setTimeout("hideobj()",timeout);
}