window.addEvent('domready', function(){
  $('formulaire').getElements("INPUT").addEvent('focus', function(){
    this.getParent().setStyle('background-position', 'bottom');
  });

  $('formulaire').getElements("TEXTAREA").addEvent('focus', function(){
    this.getParent().setStyle('background-position', 'bottom');
  });
  
  $('formulaire').getElements("INPUT").addEvent('blur', function(){
    this.getParent().setStyle('background-position', 'top');
  });

  $('formulaire').getElements("TEXTAREA").addEvent('blur', function(){
    this.getParent().setStyle('background-position', 'top');
  });

  $('contactemail').setStyle('cursor', 'pointer');
  $('contactemail').addEvent('click', function(e){
    e.stop();
    document.location='mailto:contact@spluw.com';
  });


  if ($('submitcontact'))
  {
    $('mailcontactsent').setStyles({'opacity': 0, 'display': 'none'});
    
    if (Browser.Engine.trident)
    {
      if (Browser.Engine.trident4)
        $('browser').value = "Internet Explorer 6";
      else if (Browser.Engine.trident5)
        $('browser').value = "Internet Explorer 7";
      else
        $('browser').value = "Internet Explorer (autre)";
    }
    else if (Browser.Engine.gecko)
    {
      $('browser').value = "Firefox";
    }
    else if (Browser.Engine.webkit)
    {
      if (Browser.Engine.webkit419)
        $('browser').value = "Safari 2";
      else if (Browser.Engine.webkit420)
        $('browser').value = "Safari 3";
      else
        $('browser').value = "Safari (autre)";
    }
    else if (Browser.Engine.presto)
    {
      if (Browser.Engine.presto925)
        $('browser').value = "Opera 9.25";
      else if (Browser.Engine.presto950)
        $('browser').value = "Opera 9.50";
      else
        $('browser').value = "Opera (autre)";
    }
    else
      $('browser').value = Browser.Engine.name;
    $('platform').value = Browser.Platform.name;
    $('flash').value = Browser.Plugins.Flash.version;
    
    $('submitcontact').addEvent('click', function(e){
      e.stop();
      if ($('nom').value && $('prenom').value && $('email').value && $('message').value)
      {
        
        $('formulaire').send();
        $('formulaire').fade('out');
        (function(){
          $('formulaire').setStyle('display', 'none');
          $('mailcontactsent').setStyle('display', 'block');
          $('mailcontactsent').fade('in');
        }).delay(500);
      }
      else
      {
        $('contactform').highlight('#ff7d7d');
      }
    });
  }


});