var OPEN_POPUP_SPEED	= 400;

var MailingPopup = new Class({
	Implements: [Events],
	Binds: ['close', 'submitClicked', 'onScroll'],
	initialize: function(__emailId, __name) {
		this.emailId	= __emailId;
		this.name		= __name;
		this.setup();
	},
	
	containerDiv	: 0,
	formDiv			: 0,
	isOpen			: false,
	
	setup: function() {
		this.containerDiv	= new Element('div');
		this.containerDiv.addClass('lightbox');
		
		this.createHtml();
		
		if (!SUPPORT_OPACITY) {
			this.containerDiv.setStyle('opacity', 0);
			this.formDiv.setStyle('opacity', 0);
			this.formDiv.setAnimationProperties(['opacity'], [OPEN_POPUP_SPEED], [''], [0]);
		}
		
		this.containerDiv.setAnimationProperties(['opacity'], [OPEN_POPUP_SPEED], [''], [0]);
		
		if (!SUPPORT_POSITION_FIXED) {
			window.addEvent('scroll', this.onScroll);
		}
		
		this.open();
		this.resize(window.getSize().x, window.getSize().y);
		
		//$('submitContactForm').addEvent('click', this.submitClicked);
	},
	
	onScroll: function(e) {
		var scrolled		= window.getScroll().y,
			windowHeight	= window.getSize().y,
			formHeight		= this.formDiv.getSize().y,
			diff			= windowHeight - formHeight,
			toTop			= Math.round( scrolled + +(diff * .5) );
			
		this.formDiv.setStyle('margin-top', toTop + 'px');
	},
	
	createHtml: function() {
		var bgDiv		= new Element('div');
		bgDiv.addClass('bg');
		bgDiv.inject(this.containerDiv);
		
		bgDiv.addEvent('click', this.close);
		
		this.formDiv	= new Element('div');
		this.formDiv.addClass('contact-form-holder');
		this.formDiv.addClass('mailing-form-holder');
		this.formDiv.inject(this.containerDiv);
		this.formDiv.set('html', this.getFormHtml());
		
		this.formDiv.getElements('.close-popup-btn').addEvent('click', this.close);
	},
	
	getFormHtml: function() {
		var html	= '<div id="lb-form-holder"><h3 class="green mediumFont">Subscribe</h3>' + 
			'<form id="formMailing" enctype="multipart/form-data" class="contact-form" action="'+shareurl+'" method="post">' +
			'<input type="hidden" value="' + shareurl + '" name="fromurl" />' +
			'<input type="hidden" value="' + '7' + '" name="mailsub" />' +
			'<input style="display:none;" type="text" value="' + this.emailId + '" name="emailId" id="emailId" />' +
			'<label for="name">Name  *</label>' +
			'<p class="pcompulsory">* Compulsory</p>' +
			'<input type="text" name="name" id="name" />' +
			'<label for="surname">Surname *</label><input type="text" name="surname" id="surname" />' +
			'<label for="jobtitle">Job title *</label><input type="text" name="jobtitle" id="jobtitle" />' +
			'<label for="company">Company *</label><input type="text" name="company" id="company" />' +
			'<label for="country">Country *</label><input type="text" name="country" id="country" />' +
			'<label for="telephone">Telephone</label><input type="text" name="telephone" id="telephone" />' +
			'<label for="email">Email *</label><input type="text" name="email" id="email" />' +

			'<p class="forcewhite">By submitting this form you accept our legal terms<a href="'+absolute+'privacy" target="_blank"> <img src="'+absolute+'img/extlink.png" class="extlink" /></a></p>' +


			'<input type="submit" name="submit" class="big-btn" id="submitContactForm" value="Submit"></form><div class="big-btn close-popup-btn">Cancel</div></div>' +
			'<div id="lb-thanks-holder" style="display:none;"><h3 class="green mediumFont">Thank you</h3><p>Please Check your email and confirm your subscription</p><div class="big-btn close-popup-btn">Close </div></div>' +
			'<div id="lb-fail-holder" style="display:none;"><h3 class="green mediumFont">Submit failed</h3><p>There was a problem submitting </p></h3><p id="ErrorMsgMailing"></p><div class="big-btn close-popup-btn">Close </div></div>';
		
		return html;
	},
	
	submitClicked: function() {
		//this.close();
		//return true;
		//if (this.validateForm()) return true;
		//else return false;
	},
	
	showThankyouMsg: function() {
		this.open();
		$('lb-form-holder').setStyle('display', 'none');
		$('lb-fail-holder').setStyle('display', 'none');
		$('lb-thanks-holder').setStyle('display', 'block');
	},
	
	showFailedMsg: function() {
		this.open();
		$('ErrorMsgMailing').innerHTML=iFrameErrorMsg;
		$('lb-form-holder').setStyle('display', 'none');
		$('lb-thanks-holder').setStyle('display', 'none');
		$('lb-fail-holder').setStyle('display', 'block');
	},
	
	open: function() {
		if (!this.isOpen) {
			this.isOpen	= true;
			this.containerDiv.inject($$('body')[0]);
			var t	= this;
			setTimeout(function() {
				//if (!SUPPORT_POSITION_FIXED) t.onScroll(); //will be called in resize() instead
				t.containerDiv.animateStyle('opacity', 1);
				if (!SUPPORT_OPACITY) t.formDiv.animateStyle('opacity', 1);
				
				var iFrame = new iFrameFormRequest(document.getElementById('formMailing'),{
					requiredFieldIds: ['name', 'surname', 'company', 'email', 'country', 'jobtitle'],
					onFailure: function(){ 
						log('iframe onFailure()');
						t.showFailedMsg();
						return false;
					}, 
					onComplete: function(response){ 
						log('iframe onComplete()');
						t.showThankyouMsg();
						return false;
					} 
				});
				
			}, 5);
		}
	},
	
	close: function() {
		if (this.isOpen) {
			this.isOpen	= false;
			this.containerDiv.animateStyle('opacity', 0);
			if (!SUPPORT_OPACITY) this.formDiv.animateStyle('opacity', 0);
			
			var t	= this;
			setTimeout(function() {
				t.containerDiv.dispose();
				t.fireEvent('popupClosed');
			}, OPEN_POPUP_SPEED);
		}
	},
	
	resize: function(w, h) {
		if (!SUPPORT_POSITION_FIXED) {
			var fullPageHeight	= $$('.main')[0].getSize().y + $$('.main')[0].getPosition().y;
			this.containerDiv.setStyle('height', fullPageHeight + 'px');
			this.onScroll();
		} else {
			var toTop	= Math.round( (h * .5) - (this.formDiv.getSize().y * .5) );
			this.formDiv.setStyle('margin-top', toTop + 'px');
		}
	}
	
});