/// <summary>
/// Eventhandler for IE -> add hover to <li> elements
/// </summary>
sfHover = function() {
  var sfEls = document.getElementById("menuctl00_nav").getElementsByTagName("LI");
  for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
      this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
      this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
  }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


/// <summary>
/// - Via UFO de flashbanner plaatsen
/// - Onze klanten images rouleren via AJAX Interval
/// </summary>
function InitPage() {
  var FO = { movie:"imagerotator.swf", width:"689", height:"169", majorversion:"6", build:"0", xi:"true", wmode:"transparent", flashvars:"file=/homeimage.xml&transition=lines&overstretch=false&backcolor=0xFFFFFF&shuffle=false"};
  UFO.create(FO, "homevisual");
  
  
  // JQuery
//  var refreshId = setInterval(function() {
//    $("#OnzeKlantenImages").load("OnzeKlantenImageRotator.aspx");  
//  }, 7000);

  // Prototype
  var OnzeKlantenImagesRotator = new Ajax.PeriodicalUpdater('OnzeKlantenImages', '/OnzeKlantenImageRotator.aspx', { method: 'get', frequency: 7, decay: 1 }); 
}

/// <summary>
/// Inloggen op de helpdesk
/// </summary>
function LoginHelpdesk() 
{
  var f = document.forms[0];
  f.action="http://www.megelink.com/helpdesk/index.php"
  f.method = "POST";
  f.target = "_blank";                
  f.submit();
  f.reset();
}



function hideOnzeKlanten() {
  imageId = 'OnzeKlantenImages';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  if(image.style.display)
     image.style.display = 'block;';
}

function showOnzeKlanten() {
  imageId = 'OnzeKlantenImages';
  image = document.getElementById(imageId);
  fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}