window.addEvent('domready', function()
{
 function installFocusTrick(elem1, elem2, switch1, switch2, m)
 {
  var animation;
  elem1.addEvent('mouseenter', function(e)
  {
   e.stop();
   if (!animation && !elem1.hasClass('active_language'))
   {
    animation = setTimeout(function()
    {
     elem1.morph('.active_language');
     elem2.morph('.other_language');
     switch2.setStyles({'opacity': 0, 'display': 'block'});
     switch1.fade('out');
     switch2.fade('in');
     setTimeout(function()
     {
      elem1.toggleClass('active_language');
      elem1.toggleClass('other_language');
      elem2.toggleClass('active_language');
      elem2.toggleClass('other_language');
      switch1.setStyles({'display': 'none'});
     }, 1000);
    }, 750);
   }
  });
  elem1.addEvent('mouseleave', function(e)
  {
   e.stop();
   if (animation)
   {
    clearTimeout(animation);
    animation = null;
   }
  });
 }

 var english = $('english_content');
 var dutch = $('dutch_content');
 var switch_to_english = $('switch_to_english');
 var switch_to_dutch = $('switch_to_dutch');

 installFocusTrick(english, dutch, switch_to_english, switch_to_dutch, '<?= $switch_to_dutch ?>');
 installFocusTrick(dutch, english, switch_to_dutch, switch_to_english, '<?= $switch_to_english ?>');

 //english.style.width = english.getSize().x + 'px';
 //dutch.style.width = dutch.getSize().x + 'px';
});