var clrNormal = "#FF8000";
var clrActive = "#CC6600";

var divObjects;
var closeSubemenuFlag;

function init() {
  //initialize the dhtml-library
  DHTML_init();

  //initialise an array with all div-objects
  divNames = new Array("main", "menu", "mHome","mCVContainer", "mCV", "submenu", "mPersonal", "mEducation", "mSkills", "mMisc", "mContact", "content", "cHome", "cCVPersonal", "cCVEducation", "cCVSkills", "cCVMisc", "cContact");

  //get the style-objects of each div
  getStyleObjects(divNames);

  //set some style-attributes of the main div
  centerMainDiv();

  //set current visible objects
  setInitialVisibleContent();

  closeSubemenuFlag = false;

  //set event-handler
  window.onresize = centerMainDiv;
}

function getStyleObjects(divNames) {
  divObjects = new Array();
  for(var i=0; i<divNames.length; i++) {
    divObjects[divNames[i]] = getElem("id", divNames[i], null);
  }
}

function centerMainDiv() {
  divObjects["main"].style.width = 760;
  divObjects["main"].style.height = 530;

  //set the main div to the middle of the browser screen
  var warnMessage;
  if(MS) {	//IE: variable from dhtml-library
    divObjects["main"].style.top = (document.body.offsetHeight - parseInt(divObjects["main"].style.height))/2;
    divObjects["main"].style.left = (document.body.offsetWidth - parseInt(divObjects["main"].style.width))/2;
  } else {	//any other browser
    divObjects["main"].style.top = (window.innerHeight - parseInt(divObjects["main"].style.height))/2;
    divObjects["main"].style.left = (window.innerWidth - parseInt(divObjects["main"].style.width))/2;
  }
}

function setInitialVisibleContent() {
  divObjects["mCurrent"] = divObjects["mContact"];
  divObjects["cCurrent"] = divObjects["cContact"];
  onClickMenuItem("Home");
}

function onClickMenuItem(mItem) {
  if(divObjects["mCurrent"]!=divObjects["m"+mItem]) {
    divObjects["mCurrent"].style.backgroundColor = clrNormal;
    divObjects["mCurrent"].style.color = clrActive;
    onMouseOverMenuItem("m"+mItem);
    divObjects["mCurrent"] = divObjects["m"+mItem];
    if(mItem!="CV") {
      divObjects["cCurrent"].style.visibility = "hidden";
      divObjects["cCurrent"] = divObjects["c"+mItem];
      divObjects["cCurrent"].style.visibility = "visible";
    }
  }
}

function onClickSubMenuItem(sItem) {
  if(divObjects["cCurrent"]!=divObjects[sItem]) {
    onClickMenuItem("CV");
    divObjects["cCurrent"].style.visibility = "hidden";
    divObjects["submenu"].style.visibility = "hidden";
    divObjects["cCurrent"] = divObjects[sItem];
    divObjects["cCurrent"].style.visibility = "visible";
  }
  divObjects["content"].style.zIndex = 0;
}

function onMouseOverMenuItem(mItem) {
  if(mItem=="mCV") {
    divObjects["submenu"].style.visibility = "visible";
    closeSubemenuFlag = false;
  } else {
    divObjects["submenu"].style.visibility = "hidden";
  }
  divObjects[mItem].style.backgroundColor = clrActive;
  divObjects[mItem].style.color = clrNormal;
}

function onMouseOverSubMenuItem(sItem) {
  divObjects[sItem].style.backgroundColor = clrActive;
  divObjects[sItem].style.color = clrNormal;
  closeSubemenuFlag = false;
}

function onMouseOutMenuItem(mItem) {
  if(divObjects["mCurrent"]!=divObjects[mItem]) {
    divObjects[mItem].style.backgroundColor = clrNormal;
    divObjects[mItem].style.color = clrActive;
  }
}

function onMouseOutSubMenuItem(sItem) {
  divObjects[sItem].style.backgroundColor = clrNormal;
  divObjects[sItem].style.color = clrActive;
}

function onMouseOverContent() {
  //special for ie
  //set flag that mouse-cursor went over the content-div and hide submenu-div after a while
  closeSubemenuFlag = true;
  window.setTimeout("closeSubMenu()",1000);
}

function closeSubMenu() {
  if(closeSubemenuFlag) {
    divObjects["submenu"].style.visibility = "hidden";
  }
}