/*

  JJMenu by D.J.Jansen @ JDI-ICT
  2007-10-26

*/

function JJMenu (){
  this.Childs = [];
  this.MenuItems = [];
  this.MenuLists = [];
 
  this.Closing = [];
  this.Opening = [];

  this.AnimationOpenTime = 250;
  this.AnimationCloseTime = 250;

  this.minCPUResolution = 15;
 
  this.StandaardOpenTime = 100;
  this.MenuItemUpPostFix = 'Up';
  this.zIndex = 9000;
}

function JJMenuItem( menu, element, idToOpen , idToKeepOpen ) {
  this.Menu       = menu;
  this.Parent     = null;
  this.Index      = null;
  this.Element    = element;

  this.NormalClass = element.className;

  this.MouseOn     = false;

  this.ParentY    = element.offsetTop;
  this.ParentX    = element.offsetLeft - 39;
//+ element.parentNode.offsetLeft;

  this.ToOpenID   = idToOpen;
  this.ToOpen     = null;
  if ( this.ToOpenID ){
    var List = new JJMenuList( menu, idToOpen, this );
    this.ToOpen     = List;

    if ( this.ToOpen ){

      List.FindElement();

      if ( List.Element ){
        List.Element.onmouseout = function (){
          List.MouseOut();
        }

        List.Element.onmouseover = function (){
          List.MouseOver();
        }
      }
    }

  }
  this.KeepOpenID = idToKeepOpen;
  if ( this.KeepOpenID ){
    this.KeepOpen   = this.Menu.SearchMenuList( this.KeepOpenID );
    this.Parent = this.KeepOpen;
  }

  this.Open = false;
 
  this.Menu.AddMenuItem( this );
}

JJMenuList.prototype.FindElement = function( ){
  if ( this.Element == null ){
    this.Element = document.getElementById( this.IDReference );

    if ( this.Element != null ){
      var SubMenuH = document.getElementById( 'SubMenuHolder' );
      if ( SubMenuH ){ 
        SubMenuH.appendChild( this.Element );
        this.Element = document.getElementById( this.IDReference );
      }

      this.Element.style.display = 'block';
      this.DropDownY = this.Element.offsetHeight;
      this.Element.style.display = 'none';
      this.DropDownX = this.Element.offsetWidth;
      this.Element.style.left = this.Opener.ParentX + 'px';
      this.Element.style.top  = ( this.Opener.ParentY - this.DropDownY ) + 'px';
      this.BerekenAccelConst( this.DropDownY );
    }
  }
}

JJMenuItem.prototype.UpdateClassName = function( ChildOpen ){
  Class = "";

  if ( ChildOpen ){ 
    Class = this.NormalClass;
    ML = this.Menu.MenuItemUpPostFix.length;
    CL = Class.length;
    if ( Class.substring( CL - ML, CL ) != this.Menu.MenuItemUpPostFix ){ 
      Class += this.Menu.MenuItemUpPostFix;
    }
  } else {
    Class = this.NormalClass;
  }

  if ( this.Element.className != Class ){ 
//    this.Element.className = Class;
  }
}

JJMenu.prototype.SearchMenuList = function ( idToSearch ){
  for( idx in this.MenuLists ){  
    MenuList = this.MenuLists[ idx ];
    if ( MenuList.IDReference == idToSearch ){ 
      return MenuList;
    }
  }
  return null;
}

function JJMenuList( menu, idref, opener ){
  this.IDReference = idref;
  this.Opener      = opener;
  this.Menu        = menu;

  this.Childs      = [];
  this.DropDownX   = 0;
  this.DropDownY   = 0;
  this.Open        = false;
  this.Direction   = "open";

  this.MouseOn     = false;

  this.accelOpenConst  = 0.0004;

  this.FindElement();
 
  this.StartTime            = null;
  this.ActionIntervalRunner = null;
  this.AutoCloseTimer       = null;
 
  this.Menu.AddMenuList( this );

}

JJMenuList.prototype.BerekenAccelConst = function( ) {
  Space = ( parseInt( this.Element.style.top ) - this.Opener.ParentY ) * -1;

  this.accelOpenConst = Space / this.Menu.AnimationOpenTime / this.Menu.AnimationOpenTime;
  this.accelCloseConst = Space / this.Menu.AnimationCloseTime / this.Menu.AnimationCloseTime;
}

JJMenu.prototype.RegisterToMenu = function( element, idToOpen, idToKeepOpen ){
  var menuitem = new JJMenuItem( this, element, idToOpen, idToKeepOpen );

  if ( menuitem.ToOpen || menuitem.KeepOpen ){ 

    this.AddToMenuOrder( menuitem );

    element.onmouseover = function (){
      menuitem.MouseMove();
    }

    element.onmouseover();

    element.onmouseout = function(){
      menuitem.MouseOut();
    }

    return true;
  } else {
    element.onmouseover = function(){ };
    return false;
  }
}

JJMenu.prototype.GetNewZIndex = function (){
  this.zIndex++;
  return this.zIndex;
}

JJMenu.prototype.AddMenuItem = function ( MenuItem ){
  var index = ( this.MenuItems.push( MenuItem ) ) - 1;
  MenuItem.Index = index;
}

JJMenu.prototype.AddMenuList = function ( MenuList ){
  var index = ( this.MenuLists.push( MenuList ) ) - 1;
  this.Closing[ index ] = false;
  this.Opening[ index ] = false;
  MenuList.Index = index;
}

JJMenu.prototype.AddToMenuOrder = function ( MenuItem ){

  ChildIndex = null;

  if ( MenuItem.KeepOpen ){ 
    for( var i in this.Childs ){ 
      if ( ChildIndex == null && this.Childs[ i ].ToOpen ){
        ChildIndex = this.Childs[ i ].ToOpen.AddToMenuOrder( MenuItem );
      }
    }
  } else { 
    ChildIndex = ( this.Childs.push( MenuItem ) ) - 1;
  }

  if ( ChildIndex ){
    this.MenuItems[ MenuItem.Index ].ChildIndex = ChildIndex;
  }

}

JJMenuList.prototype.AddToMenuOrder = function( MenuItem ){
  ChildIndex = null;
  if ( this.ToOpen == MenuItem.KeepOpen ){ 
    MenuItem.Parent = this;
    return this.Childs.push( MenuItem );
  }
  for( var i in this.Childs ){
    ChildIndex = this.Childs[ i ].AddToMenuOrder( MenuItem );
    if ( ChildIndex ){ 
      return ChildIndex;
    }
  }
  return null;
}


JJMenuList.prototype.MouseOut = function(){
  this.MouseOn     = false;
  this.CheckPossibleClose();
}

JJMenuList.prototype.MouseOver = function(){
  this.MouseOn     = true;
  this.CheckPossibleClose();
}

JJMenuItem.prototype.MouseOut = function( ){
  this.MouseOn     = false;
  if ( this.ToOpen ){
    this.ToOpen.CheckPossibleClose();
  }
}

JJMenuItem.prototype.MouseMove = function ( ){ 

  this.MouseOn     = true;

  if ( this.ToOpen != null ){
    this.ToOpen.StartOpenMenu();
  }

  if ( this.KeepOpen != null && this.Menu.Closing[ this.KeepOpen.Index ] == false ){
    this.KeepOpen.StartOpenMenu();
  }
}

JJMenu.prototype.CloseOtherThanMe = function( index ){
  for( var idx in this.Childs ){ 
    MenuItem = this.Childs[ idx ];
    cIndex = MenuItem.Index;
    if ( cIndex != index ){
      if ( MenuItem.ToOpen ){
        lIndex = MenuItem.ToOpen.Index;
        if ( this.Closing[ lIndex ] == false && ( MenuItem.ToOpen.Open || this.Opening[ lIndex ] == true ) ){ 
          MenuItem.ToOpen.StartCloseMenuList();
        } 
      }
    }
  }
}

JJMenuItem.prototype.CloseOtherThanMe = function( Index ){
  if ( this.Parent ) { 
    for( var idx in this.Childs ){ 
      MenuList = this.Childs[ idx ];
      if ( MenuList.Index != Index ){ 
        MenuList.StartCloseMenuList();
      }
    }
  } else {
     this.Menu.CloseOtherThanMe( this.Index );
  }
}

JJMenuList.prototype.StartOpenMenu = function () {

  this.FindElement();

  this.Opener.CloseOtherThanMe( this.Index );

  this.Element.style.zIndex = this.Menu.GetNewZIndex();

  if ( this.Menu.Opening[ this.Index ] == true ){
    return;
  }

  if ( this.Open == false || this.Menu.Closing[ this.Index ] == true ){ 

    this.StartTime = (new Date()).getTime();

    this.Opener.UpdateClassName( true );

    this.Element.style.top  = ( this.Opener.ParentY - this.DropDownY ) + 'px';

    this.Element.style.display = 'block';

    this.Menu.Closing[ this.Index ] = false;
    this.Menu.Opening[ this.Index ] = true;
    this.Direction = "open";

    clearInterval( this.ActionIntervalRunner );
    this.ActionIntervalRunner = setInterval( "JJMenu_SlideMenuList( " + this.Index + " )", this.Menu.minCPUResolution );
  } else { 
    if ( this.Open == true ){
      this.ResetCloseTimer();
    }
  }
}

JJMenu_SlideMenuList = function ( index ){
  if ( Menu.MenuLists[ index ] ){ 
    Menu.MenuLists[ index ].SlideMenuList();
  }
}

JJMenu_AutoCloseMenu = function ( index ){
  if ( Menu.MenuItems[ index ] ){
    Menu.MenuLists[ index ].StartCloseMenuList();
  }
}

JJMenuList.prototype.SlideMenuList = function(){
  var elapsed = (new Date()).getTime() - this.StartTime;

  Top = this.Opener.ParentY;

  if ( this.Direction == "open" ){ 
    var d = Math.round(Math.pow(this.Menu.AnimationOpenTime-elapsed, 2) * this.accelOpenConst);
    Top = this.Opener.ParentY - d;

  } else { 
    var d = Math.round(Math.pow(elapsed, 2) * this.accelCloseConst );

    Top = this.Opener.ParentY - d ; 
  }

  this.Element.style.top  = ( Top ) + 'px';

  if ( elapsed > ( this.Direction == "open" ? this.Menu.AnimationOpenTime : this.Menu.AnimationCloseTime) ) {
    if ( this.Direction == "open" ){
      this.EndOpenMenuList();
    } else { 
      this.EndCloseMenuList();
    }
  }
}

JJMenuList.prototype.EndOpenMenuList = function(){
  clearInterval( this.ActionIntervalRunner );
  this.Open = true;
  this.Element.style.top  = this.Opener.ParentY + 'px';

  this.Menu.Opening[ this.Index ] = false;
  this.ResetCloseTimer( false );
}

JJMenuList.prototype.CheckPossibleClose = function(){

  this.FindElement();

  if ( this.MouseOn == true ) {
    this.ClearCloseTimer();
    return false;
  }

  if ( this.Opener != null && this.Opener.MouseOn == true ){
    this.ClearCloseTimer();
    return false;
  }

  this.ResetCloseTimer();

  return true;
}

JJMenuList.prototype.ClearCloseTimer = function ( ToKidsTo ){
  if ( this.AutoCloseTimer ){
    clearInterval( this.AutoCloseTimer );
  }
}

JJMenuList.prototype.ResetCloseTimer = function ( ToKidsTo ){
  clearInterval( this.AutoCloseTimer );
  this.AutoCloseTimer = setTimeout( "JJMenu_AutoCloseMenu( " + this.Index + " )", this.Menu.StandaardOpenTime );
  if ( ToKidsTo ){ 
    HasKids = false;
    for( var idx in Childs ){ 
      MenuItem = Childs[ idx ];
      if ( MenuItem.ToOpen ){  
        if ( MenuItem.ToOpen.Open ){
          MenuItem.ToOpen.ResetCloseTimer( ToKidsTo );
          ToKidsTo = true;
        }
      }
    }
    ToKidsTo = HasKids;
  }
  if ( ! ToKidsTo ){
    if ( this.Opener.Parent ){ 
      this.Opener.Parent.ResetCloseTimer( false );
    }
  }
}

JJMenuList.prototype.StartCloseMenuList = function () {

  if ( ! this.CheckPossibleClose() ){
    return;
  }

  for( var idx in this.Childs ){
    MenuItem = this.Childs[ idx ].ToOpen;
    if ( MenuItem.ToOpen ){
      MenuItem.ToOpen.StartCloseMenuList();
    }
  }

  clearTimeout( this.AutoCloseTimer );
  if ( this.Open || this.Menu.Opening[ this.Index ] == true ) {
    this.StartTime = (new Date()).getTime();

    this.Direction  = "close";
    this.Menu.Closing[ this.Index ] = true;
    this.Menu.Opening[ this.Index ] = false;
    clearInterval( this.ActionIntervalRunner );
    this.ActionIntervalRunner = setInterval( "JJMenu_SlideMenuList( " + this.Index + " )", this.Menu.minCPUResolution );
  }
}

JJMenuList.prototype.EndCloseMenuList = function(){
  clearInterval( this.ActionIntervalRunner );
  this.Open = false;
  this.Opener.UpdateClassName( false );
  this.Element.style.display = 'none';
  this.Menu.Closing[ this.Index ] = false;
}

Menu = new JJMenu();


function ShowFlash( url, width, height ){
  html = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="' + width + '" height="' + height + '">';
  html += '<PARAM NAME=allowFlashAutoInstall VALUE=true>';
  html += '<param name="allowScriptAccess" value="sameDomain" />';
  html += '<PARAM NAME="loop" VALUE="true">';
  html += '<param name="movie" value="' + url + '" />';
  html += '<PARAM NAME="wmode" VALUE="transparent">';
  html += '<param name="quality" value="high" />';
  html += '<param name="bgcolor" value="#ffffff" />';
  html += '<embed src="' + url + '" wmode="transparent" swLiveConnect="true" loop="true" quality="high" bgcolor="#ffffff" width="' + width + '" height="' + height + '" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
  html += '</object>';
  document.write( html );
}

var IC_Photo_DarkLayer = null;
var IC_Photo_Popup_referer = null;

var IC_Photo_Settings = {
  MarginToBorders: 10,
  Title: 'Klik hier om te sluiten',
  CloseTitle: 'x',
  UseAltTag: true,
  UseCloseTag: true,
  UseDarkLayer: true,
  Padding: 15
};

function IC_Photo_Popup( Link, URL, Width, Height, Alt ){
  var Body = document.getElementsByTagName( 'body' ).item( 0 );
  var Html = document.getElementsByTagName( 'html' ).item( 0 );

  if ( ! IC_Photo_DarkLayer && IC_Photo_Settings.UseDarkLayer ){
    IC_Photo_DarkLayer = document.createElement( 'div' );
    IC_Photo_DarkLayer.id = 'IC_Photo_DarkLayer';

    IC_Photo_DarkLayer.onResize = function(){
      DLHeight = Math.max( Body.offsetHeight, Html.offsetHeight );
      IC_Photo_DarkLayer.style.height = DLHeight + 'px';
    }
    if(window.addEventListener){
      document.addEventListener('onresize', IC_Photo_DarkLayer.onResize, false);
    } else {
      document.attachEvent('onresize', IC_Photo_DarkLayer.onResize);
    }

    Body.appendChild( IC_Photo_DarkLayer );
  }

  if ( IC_Photo_Popup_referer == null ){
    IC_Photo_Popup_referer = document.createElement( 'a' );
    IC_Photo_Popup_referer.id = 'IC_Photo_Popup_Holder';
    IC_Photo_Popup_referer.onclick = IC_Photo_Popup_Close;
    IC_Photo_Popup_referer.href = '#';
    IC_Photo_Popup_referer.title = IC_Photo_Settings.Title;

    if ( IC_Photo_Settings.UseAltTag ){
      var AltTag = document.createElement( 'span' );
      AltTag.className = 'AltLabel';
      AltTag.appendChild( document.createTextNode( Alt ) );
      IC_Photo_Popup_referer.appendChild( AltTag );
      IC_Photo_Popup_referer.Label = AltTag;
    }

    if ( IC_Photo_Settings.UseCloseTag ){
      var ATag = document.createElement( 'a' );
      ATag.className = 'CloseButton';
      ATag.href = '#';
      ATag.appendChild( document.createTextNode( IC_Photo_Settings.CloseTitle ) );
      IC_Photo_Popup_referer.appendChild( ATag );
    }
    Body.appendChild( IC_Photo_Popup_referer );
  }
  if ( IC_Photo_Popup_referer != null ) {
    IC_Photo_Popup_referer.style.display = 'block';

    IC_Photo_Popup_referer.style.height = ( Height + IC_Photo_Settings.Padding * 2 ) + 'px';
    IC_Photo_Popup_referer.style.width = ( Width + 30 ) + 'px';

    LabelHeight = 0;

    if ( IC_Photo_Settings.UseAltTag ){
      IC_Photo_Popup_referer.Label.innerHTML = Alt;

      if ( Alt != '' ){
        LabelHeight = IC_Photo_Popup_referer.Label.offsetHeight;

        IC_Photo_Popup_referer.style.height = ( Height + LabelHeight + IC_Photo_Settings.Padding * 2 ) + 'px';
      }
    }

    IC_Photo_Popup_referer.style.backgroundPosition = 'center ' + ( IC_Photo_Settings.Padding + LabelHeight ) + 'px';

    IC_Photo_Popup_referer.style.backgroundImage = 'url(' + URL + ')';

    IC_Image = null;
    for( i=0; i<Link.childNodes.length; i++ ){
      if ( Link.childNodes[ i ].tagName.toUpperCase() == 'IMG' ){
        IC_Image = Link.childNodes[ i ];
      }
    }
    if ( IC_Image ){
      Position = getPositionFrom( IC_Image );

      Left = ( Position.left + IC_Image.offsetWidth / 2 ) - IC_Photo_Popup_referer.offsetWidth / 2;

      Left = Math.min( Left, Body.offsetWidth - IC_Photo_Popup_referer.offsetWidth - IC_Photo_Settings.MarginToBorders );
      Left = Math.max( Left, IC_Photo_Settings.MarginToBorders );

      Top = ( Position.top + IC_Image.offsetHeight / 2 ) - IC_Photo_Popup_referer.offsetHeight / 2;
      WindowMax = Math.max( Body.offsetHeight, Html.offsetHeight );
      Top = Math.min( Top, WindowMax - IC_Photo_Popup_referer.offsetHeight - IC_Photo_Settings.MarginToBorders );
      Top = Math.max( Top, IC_Photo_Settings.MarginToBorders );

      IC_Photo_Popup_referer.style.top = Top + 'px';
      IC_Photo_Popup_referer.style.left = Left + 'px';

      if ( IC_Photo_Settings.UseDarkLayer ){
        IC_Photo_DarkLayer.style.display = 'block';

        IC_Photo_DarkLayer.onResize();

      }
    }
  }
}


function IC_Photo_Popup_Close(){
  if ( IC_Photo_Popup_referer != null ){
    IC_Photo_Popup_referer.style.display = 'none';
  }
  if ( IC_Photo_Settings.UseDarkLayer && IC_Photo_DarkLayer != null ){
    IC_Photo_DarkLayer.style.display = 'none';
  }
  return false;
}

function getPositionFrom(element) {
  var Pos = {top:0,left:0};
  var absoluteAncestor = false;

  while ( element.offsetParent ) {

    Pos.top += element.offsetTop - element.scrollTop;
    Pos.left += element.offsetLeft - element.scrollLeft;

    element = element.offsetParent;

    if ( element.nodeName.toLowerCase() != 'html' ) {
      if ( element.currentStyle ) {
        if (element.currentStyle[ 'position' ] == 'absolute')
          absoluteAncestor = true;
      } else {
        if ( window.getComputedStyle ){
          if ( document.defaultView.getComputedStyle(element,null).getPropertyValue( 'position' ) == 'absolute' ){
            absoluteAncestor = true;
          }
        }
      }
    }
  }

  if ( ! absoluteAncestor ){
    var Body = document.getElementsByTagName( 'BODY' ).item( 0 );
    Pos.top += Body.offsetTop;
    Pos.left += Body.offsetLeft;
  }

  return Pos;
}

var DarkLayer = null;
OpenPictureNext = null;
OpenPicturePrev = null;
function OpenAfbeelding( idx ){
  if ( idx != null){
    url = Images[ idx ];
  }
  if ( url ){
    bodys = document.getElementsByTagName( 'body' );
    body = bodys[ 0 ];
    phj = document.getElementById( 'PopupHolder' );

    phjFoto = document.getElementById( 'PopupFoto' );

    phjSluiten = document.getElementById( 'Sluiten' );

    pvol = document.getElementById( 'PopupVolgende' );
    pvor = document.getElementById( 'PopupVorige' );

    if ( body && phj && phjFoto && pvol && pvor && phjSluiten ){


      if ( ! DarkLayer ){

        DarkLayer = document.createElement( 'div' );
        DarkLayer.className = 'DarkLayer';
        DarkLayer.style.height = GetWindowHeight() + 'px';
      }

      body.appendChild( DarkLayer );
      phj.style.display = 'block';
      phjFoto.style.backgroundImage = 'url(' + url + ')';

      pvor.style.display = Images[ idx - 1 ] ? 'block' : 'none';
      pvol.style.display = Images[ idx + 1 ] ? 'block' : 'none';

      phjSluiten.href = '#foto' + idx;

      OpenPictureNext = idx + 1;
      OpenPicturePrev = idx - 1;
    }
  }
}
function ClosePicture () {
  bodys = document.getElementsByTagName( 'body' );
  body = bodys[ 0 ];
  body.removeChild( DarkLayer );
  phj = document.getElementById( 'PopupHolder' );
  if ( phj ){
    phj.style.display = 'none';
  }
}
function GetWindowHeight() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight + 1;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    myHeight = document.body.clientHeight + 2;
  }
  var Body = document.getElementsByTagName( 'body' ).item( 0 );
  var Html = document.getElementsByTagName( 'html' ).item( 0 );

  if ( Body && Html ){
    IC_Body = Body;
    IC_HTML = Html;
  }
  return Math.max( myHeight, IC_HTML.offsetHeight, IC_Body.offsetHeight );
}

function CheckPoll( e ) {

var form = e.form;
var count = form.elements.length;
var selected = false;

  for ( var i = 0; i < count; i++ ) {
    if (form.elements[i].type == 'radio') {
      if (form.elements[i].checked == true ) {
        selected = true;
        break;
      }
    }
  }

  if ( selected ) {
    form.submit();
  } else {
   alert('U heeft nog geen keuze gemaakt.');
  }
}