var data = {

  mail: {
    label: 'E-Mail',
    params: { '_action' : 'login',
	      '_timezone' : 1,
	      '_user' : '{{param1}}',
	      '_pass' : '{{param2}}' },
    url: 'http://roundcube.w-4.ch'
  },

  ftp: {
    label: 'Login',
    params: { 'state' : 'browse',
	      'state2' : 'main',
	      'sslconnect' : 'no',
	      'passivemode' : 'yes',
	      'ftpserverport' : 21,
	      'language' : 'de',
	      'ftpserver' : 'localhost',
	      'ftpmode' : 'automatic',
	      'anonymous' : 0,
	      'Login' : 'Anmeldung',

	      'username' : '{{param1}}',
	      'password' : '{{param2}}' }
  },

  statistic: {
    label: 'Domain',
    url: 'http://{{param1}}/plesk-stat/webstat/'
  },
  
  newsletter: {
    label: 'Login',
    params: { 'action' : '1',
	      'layout' : '0',
	      'password' : '{{param2}}',
	      'username' : '{{param1}}',
	      'submit.x' : '75',
	      'submit.y' : '15' },
    url: 'http://{{param3}}:8080/logon.do'
  }

};

function loginW4( url, params) {

  var f = document.createElement( 'form');
      f.id = '_tmp';
      f.method = 'post';
      f.target = '_blank';
      f.action = insertParams( url);	
	
  for( var k in params) {
    
    var h = document.createElement("input");
	h.setAttribute("type", "hidden");
	h.setAttribute("name", k);
	h.setAttribute("value", insertParams( params[k]));

    f.appendChild(h);

  }
  
  document.body.appendChild( f);
  f.submit();
  document.body.removeChild( f);

  return false;

}

function insertParams( s) {

  var r = s;

  if( 'string' == typeof( s)) {

    [ 'param1', 'param2', 'param3'].each( function( id) {

      r = r.replace( new RegExp( "{{"+id+"}}", "i"), $( id).value);

    });

  }

  return r;

};

window.addEvent('domready', function() {
  
  var f = function( e){

      $('labelParam1').innerHTML = data[ $('types').value].label;

      var visibility = ( 'Domain' == data[ $('types').value].label) ? 'hidden' : 'visible';

      [ 'param2', 'labelParam2'].each( function( id) { 

	$( id).setStyle( 'visibility', visibility);

      });
      
      if( 'newsletter'==$('types').value) {
	
	$('if3').setStyle( 'display', 'block');
	$('if2').setStyle( 'display', 'block');

      } else if( 'statistic'==$('types').value) {
	
	$('if3').setStyle( 'display', 'none');
	$('if2').setStyle( 'display', 'none');
	
      } else {
	
	$('if3').setStyle( 'display', 'none');
	$('if2').setStyle( 'display', 'block');
	
      }

  };

  $( 'types').addEvent( 'change', f);

  f();

});