/***
 * Fontanel 2009
 * by DRA
 */



/**
 * Class Home
 */
function Carrousel(parentEl, itemsContainerEl) {
  this.parentEl = parentEl;
  this.itemsContainerEl = itemsContainerEl;
  this.navigator = new Element('p', { 'class':'itemnavigator' });
  this.parentEl.appendChild(this.navigator);
}
Carrousel.prototype = {
  items: [],
  currentItem: null,
  el: null,
  timer: null,
  
  
  init: function() {
    this.el = $('specials');
    if(!this.el) {
      return false;
    }

    var specialsHeight = 420;
    var first = true;
    this.items.each(function(item) {
      if(!first){      
        item.handle.removeClass('current-item');
        item.article.setStyle('display', 'none');
      }
      else {
        item.handle.addClass('current-item');
        item.article.setStyle('display', 'block');
        first = false;
      }
      if(item.article.getSize().y > specialsHeight) {
        specialsHeight = item.article.getSize().y;
      }
    });
    var specialsbody = $$('body.homepage div#specials').getElement('div.section-body');
    specialsbody.setStyle('height', specialsHeight);
    
    this.currentItem = 0;

    var that = this;
    var showNext = that.showNext;

    this.el.addEvent('mouseenter', function(e) {
      $clear(this.timer);
      e.stop();
    }.bind(this));
    
    this.el.addEvent('mouseleave', function(e) {
      this.timer = showNext.periodical(5000, that);
      e.stop();
    }.bind(this));

    if($(document.body).hasClass('homepage')) {
      this.timer = showNext.periodical(5000, that);
    }
  },
  
  
  disableAll: function(carItem) {
    this.items.each(function(carItem) {
      carItem.handle.removeClass('current-item');
    });
  },
  
  
  show: function(itemNr) {
    this.disableAll();
    this.items[itemNr].handle.addClass('current-item');
    this.hideArticle(this.items[this.currentItem].article);
    this.showArticle(this.items[itemNr].article);
    this.currentItem = itemNr;
  },
  
  
  hideArticle: function(articleEl) {
    var hideEffect = new Fx.Morph(articleEl, {
      duration: 'long',
      transition: Fx.Transitions.Sine.easeOut,
      onComplete: function(el) {
        el.setStyle('display', 'none');
      }
    });
    hideEffect.start({
      'opacity': [1, 0]
    });
  },
  
  
  showArticle: function(articleEl) {
    articleEl.setStyle('display', 'block');
    var showEffect = new Fx.Morph(articleEl, {
      duration: 'long',
      transition: Fx.Transitions.Sine.easeOut
    });
    showEffect.start({
      'opacity': [0, 1]
    });
  },
  
  
  showNext: function() {
    if(this.items[this.currentItem + 1]) {
      this.show(this.currentItem + 1);      
    }
    else {
      this.show(0);
    }
  },
  
  
  addItem: function(carArticle) {
    var itemsLength = this.items.length;
    var that = this;
    var navItem = new Element('a', { 'href': '#FIXMEs' });
    navItem.addEvent('click', function(e) {
      that.show(itemsLength);
      e.stop();
    });

    this.items.push({
      'carrousel': that,
      'handle': navItem,
      'article': carArticle
    });
    this.navigator.appendChild(navItem);
  }
};






var Home = {
  el: null,


  init: function() {
    if($(document.body).hasClass('homepage')) {
      this.setupSpecials();
    }
  },
  
  
  setupSpecials: function() {
    var specialsContainer = $('specials');
    var carrousel = new Carrousel($('specials'), $('specials').getElement('div.section-body'));
    var specials = specialsContainer.getElements('div.specials-item');
    specials.each(function(special) {
      carrousel.addItem(special);
    });
    carrousel.init();
  }
};
/* end home */





/* footer */
var Footer = {
  el: null,
  
  
  init: function() {
    if($(document.body).hasClass('fontaneljobs-page')) {
      return false;
    }
    
    var that = this;
    this.el = $('footer');
    this.sections = $$('div#footer div.about-section', 'div#footer div.newsletter-section', 'div#footer div.elsewhere-section', 'div#footer div.twitterupdates-section', 'div#footer div.copyright-section');
    
    this.el.addEvent('mouseenter', function(e) {
      that.show();
      e.stop();
    });
    this.el.addEvent('mouseleave', function(e) {
      that.hide();
      e.stop();
    });
    this.hide();
  },
  
  show: function() {
    this.sections.each(function(section) {
      var appearFx = new Fx.Tween(section, { duration: 'short' });
      appearFx.start('opacity', '1');
    });  
  },
  
  hide: function() {
    this.sections.each(function(section) {
      var disappearFx = new Fx.Tween(section, { duration: 'short' });
      disappearFx.start('opacity', '0.1');
    });
  }
};
/* end footer */





/**
 * Main Application
 */
var Application = {
  setupArticles: function() {
    if($$('#article-header object').length !== 0) {
      $('article-header').addClass('video-header');
      $('article-header').setStyle('height', $$('#article-header object')[0].getAttribute('height') + 'px');
    }
  },


  setupExternalLinks: function() {
    $$("a").each(function(el) {
      if(el.get('rel') == 'external' || (el.get('href') && el.get('href').contains('http://'))) {
        el.target = '_blank';
      }
    });
  },


  setupPrintLinks: function() {
    $$("a.feature-print").each(function(el) {
      el.addEvent('click', function(e) {
        print();
        e.stop();
      });
    });
  },


  setupHovers: function() {
    // Calendaritems
    $$("body.homepage div.calendar-item").each(function(el) {
      el.addEvent('mouseenter', function(e) {
        this.addClass('calendar-item-hover');
        e.stop();
      });
      el.addEvent('mouseleave', function(e) {
        this.removeClass('calendar-item-hover');
        e.stop();
      });
      
      el.addEvent('click', function(e) {
        var elAnchor = this.getElement('a');
        if(elAnchor) {
          document.location.href = elAnchor.href;
        }
        e.stop();
      });
    });
    
    // inspirationitems
    $$("body.homepage div.inspiration-item", "body.inspiration-overview  div.inspiration-item").each(function(el) {
      el.addEvent('mouseenter', function(e) {
        this.addClass('inspiration-item-hover');
        e.stop();
      });
      el.addEvent('mouseleave', function(e) {
        this.removeClass('inspiration-item-hover');
        e.stop();
      });
    });
    
    // Commentitems
    $$("p.comments-item").each(function(el) {
      el.addEvent('mouseenter', function(e) {
        this.addClass('comments-item-hover');
        e.stop();
      });
      el.addEvent('mouseleave', function(e) {
        this.removeClass('comments-item-hover');
        e.stop();
      });
      
      el.addEvent('click', function(e) {
        var elAnchor = this.getElement('a');
        if(elAnchor) {
          document.location.href = elAnchor.href;
        }
        e.stop();
      });
    });
    
    // Companies
    $$("div.companies-section div.company-item, div.featured-companies-section div.company-item").each(function(el) {
      el.addEvent('mouseenter', function(e) {
        this.addClass('company-item-hover');
        e.stop();
      });
      el.addEvent('mouseleave', function(e) {
        this.removeClass('company-item-hover');
        e.stop();
      });
      
      el.addEvent('click', function(e) {
        var elAnchor = this.getElement('a');
        if(elAnchor) {
          document.location.href = elAnchor.href;
        }
        e.stop();
      });
    });
    
    // Jobtables
    $$("#jobslist-container table tr").each(function(el) {
      el.addEvent('click', function(e) {
        var elAnchor = this.getElement('a');
        if(elAnchor) {
          document.location.href = elAnchor.href;
        }
        e.stop();
      });
    });
    

  },
  
  
  setupTagsToggle: function() {
    var tagsContainer = $('article-tags-container');
    var tagsHandle = $('tags-toggle');
    
    if(tagsContainer && tagsHandle) {
      tagsHandle.addEvent('click', function(e) {
        if(tagsContainer.hasClass('tags-hidden')) {
          tagsHandle.set('text', 'tags -');
          tagsContainer.removeClass('tags-hidden');
        }
        else {
          tagsHandle.set('text', 'tags +');
          tagsContainer.addClass('tags-hidden');        
        }
        e.stop();
      });
      tagsHandle.set('text', 'tags +');
      tagsContainer.addClass('tags-hidden');      
    }
  },
  
  
  setupNewsletterForm: function() {
    var newsletterform1 = $('newsletterform-1');
    if(newsletterform1) {
      newsletterform1.addEvent('focus', function(e) {
        if(this.get('value') == 'Naam') {
          this.set('value', '');
        }
        e.stop();
      });
      newsletterform1.addEvent('blur', function(e) {
        if(this.get('value') == '') {
          this.set('value', 'Naam');
        }
        e.stop();
      });
    }
    
    var newsletterform2 = $('newsletterform-2');
    if(newsletterform2) {
      newsletterform2.addEvent('focus', function(e) {
        if(this.get('value') == 'E-mailadres') {
          this.set('value', '');
        }
        e.stop();
      });
      newsletterform2.addEvent('blur', function(e) {
        if(this.get('value') == '') {
          this.set('value', 'E-mailadres');
        }
        e.stop();
      });
    }
  },
  
  
  setupSectionHeaders: function() {
    $$('div.section-header').each(function(el) {
      $(el).addEvent('click', function(e) {
        document.location.href = $(this).getElement('a').get('href');
        e.stop();
      });
    });
  },
  
  
  setupPaginator: function() {
    var paginatorSinglePages = $$('div.paginator div.page-previous', 'div.paginator div.page-next');
    paginatorSinglePages.each(function(paginatorSinglePage) {
      var handle = paginatorSinglePage.getElement('p.singular a');
      var articleItemContainer = paginatorSinglePage.getElement('div.paginator-article');
      var articleItem = paginatorSinglePage.getElement('div.article-item');
      if(!handle || !articleItemContainer || !articleItem) {
        return false;
      }
      
      handle.addEvent('mouseenter', function(e) {
        articleItemContainer.set('tween', {
          duration: 250,
          onStart: function() {
            articleItemContainer.setStyle('display','block');
          }
        });
        articleItemContainer.tween('opacity','1');
        e.stop();
      });
      
      paginatorSinglePage.addEvent('mouseleave', function(e) {
        articleItemContainer.set('tween', {
          duration: 250,
          onComplete: function() {
            articleItemContainer.setStyle('display','none');
          }
        });
        articleItemContainer.tween('opacity','0');
        e.stop();
      });
      
      articleItem.addEvent('click', function(e) {
        document.location.href = this.getElement('a').get('href');
        e.stop();
      });

      articleItemContainer.set('tween', {
        duration: 250,
        onComplete: function() {
          articleItemContainer.setStyle('display','none');
        }
      });
      articleItemContainer.tween('opacity','0');
    });
  },
  
  
  setupBrowsersniff: function() {
    $(document.body).addClass(Browser.Engine.name);
  },
  
  
  setupRounded: function() {
    var setRounded = function(elSet) {
      elSet.each(function(formel) {
        formel.addClass('fillet');
      });    
    }
  
    setRounded($$('#generic-form div.textfield-container input'));
    setRounded($$('#generic-form div.selectfield-container select'));
    setRounded($$('#generic-form textarea'));
  },


  setupPreviousLinks: function() {
    $$('a.to-previous-page').each(function(el, index) {
      $(el).addEvent('click', function(e) {
        history.back();
        e.stop();
      });
    });
  },


  init: function() {
    this.setupArticles();
    this.setupExternalLinks();
    this.setupPrintLinks();
    this.setupHovers();
    this.setupTagsToggle();
    this.setupNewsletterForm();
    this.setupSectionHeaders();
    this.setupPaginator();
    this.setupBrowsersniff();
    this.setupRounded();
    this.setupPreviousLinks();
  }
}



/***
 * Comment Form
 */
function CommentForm(el) {
  this.el = el;
}
CommentForm.prototype = {
  init: function() {
    if(!this.el) {
      return false;
    }
    
    // set commentername behaviour
    var commenternameCookie = Cookie.read('commentername');
    var commentername = $('comment-add-name');
    if(commenternameCookie && commentername) {
      commentername.value = commenternameCookie;
    }
    
    // set commenteremail behaviour
    var commenteremailCookie = Cookie.read('commenteremail');
    var commenteremail = $('comment-add-email');
    if(commenteremailCookie && commenteremail) {
      commenteremail.value = commenteremailCookie;
    }
    
    // set commenterwebsite behaviour
    var commenterwebsiteCookie = Cookie.read('commenterwebsite');
    var commenterwebsite = $('comment-add-website');
    if(commenterwebsiteCookie && commenterwebsite) {
      commenterwebsite.value = commenterwebsiteCookie;
    }
    
    if((commenternameCookie || commenteremailCookie || commenterwebsiteCookie) && $('comment-remember-me')) {
      $('comment-remember-me').checked = true;
    }
    
    
    this.el.addEvent('submit', function(e) {
      var errors = [];
      
      var message = $('comment-add-message');
      if(message && message.value == '') {
        errors.push('You need to say something in the messagebox.');
      }

      if(errors.length > 0) {
        var errorShout = '';
        for(var i = 0, len = errors.length; i < len; i++) {
          errorShout += errors[i] + '\n';
        }
        //alert(errorShout);
        e.stop();
        return false;
      }

      var commentername = $('comment-add-name');
      if(commentername && commentername.value == '') {
        commentername.value = 'Nobody';
      }
      
      var commenteremail = $('comment-add-email');
      if(commenteremail && commenteremail.value == '') {
        commenteremail.value = 'anonymous@anonymous.nl';
      }


      var commentRemember = $('comment-remember-me');
      if(commentRemember && commentRemember.checked == true) {
        var commenternameCookie = Cookie.write('commentername', commentername.value, { 'domain': 'fontanel.nl', 'path': '/' });
        var commenteremailCookie = Cookie.write('commenteremail', commenteremail.value, { 'domain': 'fontanel.nl', 'path': '/' });
        var commenterwebsiteCookie = Cookie.write('commenterwebsite', $('comment-add-website').value, { 'domain': 'fontanel.nl', 'path': '/' });
      }
      else {
        Cookie.dispose('commentername');
        Cookie.dispose('commenteremail');
        Cookie.dispose('commenterwebsite');
      }
    });
  } 
};
/* end - Commentform */



/***
 * EVENT MAPS
 */
var EventMap = {
  el: null,


  init: function() {
    if($(document.body).hasClass('calendaritem-article')) {
      this.setupMap();
    }
  },
  
  
  setupMap: function() {
    this.el = $('map');
    if (this.el && GBrowserIsCompatible()) {
      $(document.body).addEvent('unload', function(e) {
        GUnload();
        e.stop();
      });
      
      var eventLocation = $('event-location');
      var locationAddress = eventLocation.getElement('span.location-address');
      var locationCity = eventLocation.getElement('span.location-city');
      var map = new GMap2(this.el);
      var location = locationAddress.get('text') + ', ' + locationCity.get('text');
      var geocoder = new GClientGeocoder();
      geocoder.getLatLng(
        location,
        function(point) {
          if (!point) {
            map.setStyle('display', 'none');
          } else {
            map.setCenter(point, 15);
            var marker = new GMarker(point);
            map.addOverlay(marker);
          }
        }
      );
    }
  }
};
/* end - eventmaps */



/***
 * BLENDSPECIAL
 */
var Blendspecial = {
  blendPersons: [],
  el: null,

  init: function() {
    if(!$(document.body).hasClass('article-blend')) {
      return false;
    }
    
    var that = this;  
    $$('div.blend-group').each(function(el) {
      that.el = el;
      var bpersons = $(el).getElements('div.blendperson');
      bpersons.each(function(bpEL) {
        var bp = new BlendPerson(bpEL);
        bp.init();
        that.blendPersons.push(bp);
      });
    });
    
    var toBlendGroup = $('to-blend-group');
    if(toBlendGroup) {
      new SmoothScroll({ duration:700 }, window);
      toBlendGroup.addEvent('click', function(e) {
        e.stop();
        var scroll = new Fx.Scroll(window, { wait: false, duration: 700, transition: Fx.Transitions.Quad.easeInOut });
        scroll.toElement('blend-group');
      });
    }
    
    this.setupPersonBehaviour();
    this.setupClickableMainVisual();
  },
  
  setupPersonBehaviour: function() {
    var that = this;
    $$('a.blendperson-handle').each(function(el) {
      $(el).addEvent('mouseenter', function(e) {
        that.showPerson(this.title);
        e.stop();
      });
      $(el).addEvent('mouseleave', function(e) {
        that.hidePerson(this.title);
        e.stop();
      });
    });
  },
  
  showPerson: function(personname) {
    $(this.el).addClass('showing-' + personname);
  },
  
  hidePerson: function(personname) {
    $(this.el).removeClass('showing-' + personname);
  },
  
  setupClickableMainVisual: function() {
    if(!$('article-header')) {
      return false;
    }
    var mainlink = $('article-header').getElement('p.button a');    
    if(!mainlink) {
      return false;
    }
    
    $('article-main-visual').addEvent('click', function(e) {
      document.location.href = $(mainlink).get('href');
      e.stop();
    });
  }
};
function BlendPerson(el) {
  this.el = el;
}
BlendPerson.prototype = {
  init: function() {
    this.description = $(this.el).getElement('div.blendperson-description');
    $(this.description).set('id', $(this.el).get('id') + '-description');
  }
};
/* end - Blendspecial */



/***
 * Jobs Tabs
 */
var JobsTabs = {
  tabscontainers: [],


  init: function() {
    var that = this;
    $$('form div.tabs-container').each(function(el) {
      var jt = new JobsTab(el);
      jt.init();
      that.tabscontainers.push(jt);
    });
  }
};
function JobsTab(el) {
  this.el = el;
  this.tabheaders = [];
  this.tabs = [];
}
JobsTab.prototype = {
  init: function() {
    var that = this;
    var defaultTabOpened = false;
    this.tabheaders = $(this.el).getElements('ul.tab-header li');
    $$(this.tabheaders).each(function(el) {
      var tabnr = $(el).get('id').replace('tabhead-','');
      that.tabs.push('tab-' + tabnr);
      $(el).addEvent('click', function(e) {
        that.openTab($(el));
        e.stop();
      });
      var radioInput = $(el).getElement('input');
      if(radioInput.checked) {
        that.openTab($(el));
        defaultTabOpened = true;
      }
    });
    if(!defaultTabOpened) {
      this.openTab(this.tabheaders[0]);
    }
  },
  
  openTab: function(el) {
    for(var i=0,len=this.tabheaders.length; i<len; i++) {
      var radioInput = $(this.tabheaders[i]).getElement('input');
      if($(this.tabheaders[i]).get('id') == $(el).get('id')) {
        $(this.tabheaders[i]).addClass('current');
        radioInput.checked = 'checked';
      }
      else {
        $(this.tabheaders[i]).removeClass('current');
        radioInput.checked = '';        
      }
    }
    for(var i=0,len=this.tabs.length; i<len; i++) {
      var tabnr = $(el).get('id').replace('tabhead-','');
      if($(this.tabs[i]).get('id') == ('tab-' + tabnr)) {
        $(this.tabs[i]).removeClass('tab-hidden');
      }
      else {
        $(this.tabs[i]).addClass('tab-hidden');
      }
    }
    var newCustomer = $('id_new_customer');
    if(newCustomer.checked) {
      var existingCustomerEmail = $('id_existing_company_email');
      var existingCustomerPassword = $('id_existing_company_password');
      if(existingCustomerEmail && existingCustomerPassword) {
        existingCustomerEmail.value = '';
        existingCustomerPassword.value = '';
      }
    }
  }
};
/* end - JobTabs */



/***
 * JobsBanner
 */
var JobsBanner = {
  el: null,
  cookie: null,

  init: function() {
    var that = this;
    this.el = $('banner-jobs-home');
    if(!$(document.body).hasClass('homepage') || !this.el) {
      return false;
    }
    
    if(Cookie.read('disable_jobsbanner') == 'krake') {
      this.hide();
    }
    
    var closeBtn = $('close-jobsbanner');
    if(closeBtn) {
      closeBtn.addEvent('click', function(e) {
        that.hide();
        e.stop();
      });
    }
    
    var bannerLink = 'http://www.fontanel.nl/special/eindexamen-exposities-2011';
    if(bannerLink) {
      $(this.el).addEvent('click', function(e) {
        //document.location.href = bannerLink.href;
        window.open(bannerLink, '_self');
        e.stop();
      });
    }
  },
  
  hide: function() {
    $(document.body).addClass('disable-jobsbanner');
    this.cookie = Cookie.write('disable_jobsbanner', 'krake');
  }
};
/* end - JobsBanner */



/***
 * JobSearchForm
 */
var JobSearchForm = {
  el: null,
  cookie: null,

  init: function() {
    var that = this;
    this.el = $('jobsearch-form');
    if(!this.el) {
      return false;
    }
    this.setupAutoSubmit('#' + this.el.id + ' select');
    this.setupAutoSubmit('#' + this.el.id + ' div.checkboxes-container input');
  },
  
  setupAutoSubmit: function(sel) {
    var that = this;
    $$(sel).each(function(el) {
      $(el).addEvent('change', function(e) {
        that.el.submit();
        e.stop();
      });      
    });
  }
};
/* end - JobSearchForm */



/***
 * CompanySearchForm
 */
var CompanySearchForm = {
  el: null,
  cookie: null,

  init: function() {
    var that = this;
    this.el = $('companysearch-form');
    if(!this.el) {
      return false;
    }
    this.setupAutoSubmit('#' + this.el.id + ' select');
  },
  
  setupAutoSubmit: function(sel) {
    var that = this;
    $$(sel).each(function(el) {
      $(el).addEvent('change', function(e) {
        that.el.submit();
        e.stop();
      });      
    });
  }
};
/* end - CompanySearchForm */



/***
 * JobNewForm1
 */
var JobNewForm1 = {
  el: null,

  init: function() {
    var that = this;
    this.el = $('jobnew-form-1');
    if(!this.el) {
      return false;
    }
    
    var typeFulltimeLabel = $('label_employmenttype_fulltime');
    $(typeFulltimeLabel).addEvent('click', function(e) {
      that.setMode('fulltimemode');
    });
    var typeInternshipLabel = $('label_employmenttype_internship');
    $(typeInternshipLabel).addEvent('click', function(e) {
      that.setMode('internshipmode');
    });
    var typeFreelanceLabel = $('label_employmenttype_freelance');
    $(typeFreelanceLabel).addEvent('click', function(e) {
      that.setMode('freelancemode');
    });
    var typeFreelance = $('id_subemploymenttype_freelance');
    $(typeFreelance).addEvent('click', function(e) {
      that.setMode('freelancemode');
    });
    var typeFulltimeLabel2 = $('label_employmenttype_fulltime2');
    $(typeFulltimeLabel2).addEvent('click', function(e) {
      that.setMode('fulltimemode');
    });
    var typeFulltime = $('id_subemploymenttype_fulltime');
    $(typeFulltime).addEvent('click', function(e) {
      that.setMode('fulltimemode');
    });
    
    var deeplinkMode = document.location.hash.replace('#soortvacature_','');
    if(deeplinkMode == 'stage') {
      this.setMode('internshipmode');    
    }
    else if(deeplinkMode == 'freelance') {
      this.setMode('freelancemode');    
    }
    else {
      this.setMode('fulltimemode');    
    }
  },
  
  setMode: function(mode) {
    var jobForm = $('jobnew-form-1');
    if(mode == 'internshipmode') {
      $(this.el).addClass('internship-mode');
      $('id_employmenttype_intern').set('checked', true);
      document.location.hash = 'soortvacature_stage';
      if(jobForm) {
        jobForm.set('action','.#soortvacature_stage');
      }
    }
    else if(mode == 'freelancemode') {
      $(this.el).removeClass('internship-mode');
      $('id_subemploymenttype_freelance').set('checked', true);
      document.location.hash = 'soortvacature_freelance';
      if(jobForm) {
        jobForm.set('action','.#soortvacature_freelance');
      }
    }
    else {
      $(this.el).removeClass('internship-mode');  
      $('id_subemploymenttype_fulltime').set('checked', true);
      document.location.hash = 'soortvacature_vastebaan';
      if(jobForm) {
        jobForm.set('action','.#soortvacature_vastebaan');
      }
    }
  }
};
/* end - JobSearchForm */



window.addEvent('domready', function() {
  $(document.body).addClass('js-enhanced');
  Application.init();
  Home.init();
  Footer.init();
  var commentForm = new CommentForm($('comment-post-form'));
  commentForm.init();
  EventMap.init();
  Blendspecial.init();
  JobsTabs.init();
  JobsBanner.init();
  JobSearchForm.init();
  CompanySearchForm.init();
  JobNewForm1.init();
});


/* newsletter switcher about page */
window.addEvent('domready', function() {
  if(!$('werkzoekendeRadio') || !$('werkzoekendeForm') || !$('werkgeverForm')) {
    return false;
  }

	$('werkzoekendeRadio').addEvent('click', function() { 
		$('werkzoekendeForm').set('class', 'visible');
		$('werkgeverForm').set('class', 'hidden');
	});

	$('werkgeverRadio').addEvent('click', function() { 
		$('werkzoekendeForm').set('class', 'hidden');
		$('werkgeverForm').set('class', 'visible');
	});	
});