// JavaScript Document


/////////////////////////////////////////////////
//                                             //
//        The Register box		 ...           //
//                                             //
/////////////////////////////////////////////////

function	ExpandRegister(a, type) {
	RegisterAjaxObject = new XmlRequest();
	var td = a.parentNode
	td.removeChild(a);
	var table = td.appendChild(dc('table'));
	var tbody = table.appendChild(dc('tbody'));
	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.appendChild(dt('Nom'));
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'right';
	var firstname = td.appendChild(MakeInput());
	firstname.style.width = '150px';
	
	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.innerHTML += 'Prénom';
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'right';
	var lastname = td.appendChild(MakeInput());
	lastname.style.width = '150px';

	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.appendChild(dt('Courriel'));
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'right';
	var email = td.appendChild(MakeInput());
	email.style.width = '150px';

	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.colSpan = 2;
	td.style.textAlign = 'right';
	var button = td.appendChild(MakeInput({type: 'button', value:'S\'inscrire', disabled: 'disabled'}));

	button.style.width = '100px';
	button.style.textAlign = 'center';
	//button.inputs = {firstname : firstname, lastname:lastname, email:email};
	
	button.onclick = function () {
		RegisterAjaxObject.onReceive = function (status, xml, text) {
			var parent = this.inputs.table.parentNode;
			if (this.ACTION['register'] && this.ACTION['register'].response == 'OK') {
				parent.removeChild(this.inputs.table);
				parent.appendChild(dt(this.ACTION['register'].desc));
			}
			else {
				parent.removeChild(this.inputs.table);
				parent.appendChild(dt(this.ACTION['register'].desc));
			}
		}
		var firstname = escape(this.inputs.firstname.value);
		var lastname = escape(this.inputs.lastname.value);
		var email = escape(this.inputs.email.value);
		var type = this.inputs.type;
		RegisterAjaxObject.query('POST', '?xml', true, 'Action=register&firstname='+firstname+'&lastname='+lastname+'&email='+email+'&register='+type);
	}
	button.inputs = firstname.inputs = lastname.inputs = email.inputs = RegisterAjaxObject.inputs = {firstname : firstname, lastname:lastname, email:email, button: button, table:table, type:type};
	
	firstname.onkeyup = firstname.onchange = lastname.onkeyup = lastname.onchange = email.onkeyup = email.onchange = function() {
		if (this.inputs.firstname.value && this.inputs.lastname.value && ValidateEmail(this.inputs.email.value))
			button.disabled = false;
		else
			button.disabled = true;
	}
	
}

//var	RegisterAjaxObject = false;
var RegisterToLetterWindow = false;
function	RegisterToLetter() {
	if (RegisterToLetterWindow) {
		RegisterToLetterWindow.focus();
	}
	else {
		RegisterToLetterWindow = new NewsletterRegister();
		RegisterToLetterWindow.onClose = function() {
			RegisterToLetterWindow = false;
		}
	}
	return false;
}

function	NewsletterRegister() {
	this.RegisterAjaxObject = new XmlRequest();
	this.RegisterAjaxObject.popup = this;
	this.Window = new Popup("Formulaire d'inscription à la newsletter", 500, 200);
	this.Window.ContentObject = this;
	
	
	var td = this.Window.content;
//	return ;
//	var td = a.parentNode
//	td.removeChild(a);
	var tbl = td.appendChild(dc('table'));
	tbl.style.width = this.Window.content.clientWidth+'px';

	var tbodym = tbl.appendChild(dc('tbody'));
	var tr = tbodym.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.style.height = '50px';
	td.style.textAlign = 'left';
	td.style.verticalAlign = 'bottom';
	td.style.paddingLeft = '5px';
	td.style.paddingBottom = '5px';
	var img = td.appendChild(dc('img'));
	img.src = GLOBALS.ROOT+GLOBALS.PICT_FOLDER+'logo.gif';
	td.innerHTML += 'Institut du développement durable et des relations internationales';

	var tr = tbodym.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.appendChild(dc('hr'));

	var tr = tbodym.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.style.paddingBottom = '10px';
	td.innerHTML +=  'L\'inscription ne prendra qu\'une seconde et vous permettra d\'être informé des activités de l\'Iddri';
	this.oldtxt = td;
	var tr = tbodym.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.colSpan = 2;
	td.style.paddingLeft = '25px';
	td.style.paddingRight = '25px';
	td.style.paddingBottom = '10px';
	
	this.table = td.appendChild(dc('table'));
	this.table.style.width = '100%';
	var tbody = this.table.appendChild(dc('tbody'));
	var tr = tbody.appendChild(dc('tr'));
	
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.appendChild(dt('Nom '));
	var font = td.appendChild(dc('span'));
	font.style.color = 'red';
	font.appendChild(dt('*'));
	td.appendChild(dc('br'));
	this.firstname = td.appendChild(MakeInput({popup: this}));
	this.firstname.style.width = '200px';

	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.innerHTML += 'Prénom ';
	var font = td.appendChild(dc('span'));
	font.style.color = 'red';
	font.appendChild(dt('*'));
	td.appendChild(dc('br'));
	this.lastname = td.appendChild(MakeInput({popup: this}));
	this.lastname.style.width = '200px';

	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.appendChild(dt('Courriel '));
	var font = td.appendChild(dc('span'));
	font.style.color = 'red';
	font.appendChild(dt('*'));
	td.appendChild(dc('br'));
	this.email = td.appendChild(MakeInput({popup: this}));
	this.email.style.width = '200px';

	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.appendChild(dt('Organisme / Compagnie '));
	var font = td.appendChild(dc('span'));
	font.style.color = 'red';
	td.appendChild(dc('br'));
	this.company = td.appendChild(MakeInput({popup: this}));
	this.company.style.width = '200px';


	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.appendChild(dt('Fonction'));
	td.appendChild(dc('br'));
	this.fonction = td.appendChild(MakeInput({popup: this}));
	this.fonction.style.width = '200px';
	
	var td = tr.appendChild(dc('td'));
	td.style.textAlign = 'left';
	td.innerHTML += 'Téléphone';
	td.appendChild(dc('br'));
	this.phone = td.appendChild(MakeInput({popup: this}));
	this.phone.style.width = '200px';

	var tr = tbody.appendChild(dc('tr'));
	var td = tr.appendChild(dc('td'));
	td.colSpan = 2;
	td.style.textAlign = 'left';
	td.style.paddingTop = '10px';
	var font = td.appendChild(dc('span'));
	font.style.color = 'red';
	font.appendChild(dt('*'));
	td.appendChild(dt(' Champs obligatoires'));

	this.cancel = this.Window.AddButton('Annuler');
	this.cancel.popup = this;
	this.cancel.onclick = function() {
		this.popup.Close();	
	}
	
	
	this.button = this.Window.AddButton('S\'inscrire');
	this.button.disabled = 'disabled';
	this.button.popup = this;

	this.RegisterAjaxObject.onReceive = function(status, xml, text) {
		var parent = this.popup.table.parentNode;
		if (this.ACTION.newsletter && this.ACTION.newsletter.response == 'OK') {
			parent.removeChild(this.popup.table);
			this.popup.oldtxt.innerHTML = '';
			parent.innerHTML = (this.ACTION.newsletter.desc);
			this.popup.button.parentNode.removeChild(this.popup.button);
			this.popup.cancel.value = 'Fermer';
//			this.popup.Close();
		}
		else {
			parent.removeChild(this.popup.table);
			parent.appendChild(dt(this.ACTION.newsletter.desc));
		}
	}
	
	
	this.button.onclick = function () {
		var firstname = escape(this.popup.firstname.value);
		var lastname = escape(this.popup.lastname.value);
		var email = escape(this.popup.email.value);
		var fonction = escape(this.popup.fonction.value);
		var company = escape(this.popup.company.value);
		var phone = escape(this.popup.phone.value);
		this.popup.RegisterAjaxObject.query('POST', '?xml', true, 'Action=newsletter&firstname='+firstname+'&lastname='+lastname+'&email='+email+'&fonction='+fonction+'&phone='+phone+'&company='+company);
	}
	this.RegisterAjaxObject.inputs = {firstname:this.firstname, lastname:this.lastname, email:this.email, fonction:this.fonction, phone:this.phone, company:this.company, button:this.button, table:this.table};
	
	this.firstname.onkeyup=this.firstname.onchange=this.lastname.onkeyup=this.lastname.onchange=this.email.onkeyup=this.email.onchange=function() {
		this.popup.button.disabled = (this.popup.firstname.value && this.popup.lastname.value && ValidateEmail(this.popup.email.value))? false: true;
	}
	this.focus = function() {
		
	}
	this.Close = function() {
		this.Window.Close();
	}
}

/*jQuery(function() {
	var menutd = getRef('lang');

	var div = dc('div');
	div.style.textAlign = 'left';
	div.style.width = '100%';
	var layer = div.appendChild(dc('div'));
	layer.style.position = 'relative';
	layer.style.top = '65px';
	layer.style.left = (menutd.clientWidth-110)+'px';
	var alayer = layer.appendChild(dc('div'));
	alayer.style.position = 'absolute';
	
	alayer.style.textAlign = 'center';
	alayer.style.color = 'white';
	var a = alayer.appendChild(dc('a'));
	a.href = 'javascript:';
	a.onclick = RegisterToLetter;
	var img = a.appendChild(dc('img'));
	img.src = GLOBALS.ROOT+GLOBALS.PICT_FOLDER+'IddriLetter.gif';
	img.alt = 'Inscription a la Newsletter';
	
	menutd.parentNode.insertBefore(div, menutd.nextSibling);*
});*/