var site_base = "";
window.addEvent('domready', function()
{
    
  //get basepath
  if(a=document.getElementsByTagName("link")[0])
  {
    site_base = a.href.substr(0,a.href.indexOf('/resources'));
  }
  // IE li hover fix
  if($('nav') && Browser.Engine.trident4 == true){$$('#nav li').each(function(el){el.addEvents({'mouseenter': function(){el.addClass('iehover');},'mouseleave': function(){el.removeClass('iehover');}});});}
  if($('submenu') && Browser.Engine.trident4 == true){$$('#submenu li').each(function(el){el.addEvents({'mouseenter': function(){el.addClass('iehover');},'mouseleave': function(){el.removeClass('iehover');}});});}
  
  if ($('login_username'))
  {
    new FieldText($('login_username'),'Uw gebruikersnaam');
    new FieldText($('recovery'),'Uw gebruikersnaam');
  }
  
  $$('.toggler').each(function(el)
  {
      if($(el.hash.substring(1)))
      {
        el.addEvent('click', function(e)
        {
          var el = $(this.hash.substring(1));
          var opened = el.offsetHeight>0? true : false;
          el.tween('height', opened? 0:el.scrollHeight);
          e.stop();
        });
      }
  });
});

var FieldText = new Class({
  initialize: function(element, default_text)
  {
    this.element      = element;
    this.default_text = default_text;
 
    this.unsel(); //set the defaulttext
 
    if(this.element.form)
    {
      this.element.form.onsubmit = function(){this.sel()}.bind(this);
    }
    this.element.onclick = function(){this.sel()}.bind(this);
    this.element.onblur  = function(){this.unsel()}.bind(this);
  },
  sel : function()
  {
    if(this.element.value==this.default_text)
    {
      this.element.value = '';
    }
  },
  unsel : function()
  {
    if(this.element.value=='')
    {
      this.element.value = this.default_text;
    }
  }
});