// JavaScript Document

window.addEvent('domready', function() {
	//Get Element where the the HTML will be loaded into.
	var el = $('result');
	var elSubscribeLink = $('makeRequest');
	var resultsContainer = $('result-container');

	overlay = new Element('div', { 'id':'tween-overlay','styles':{ 'opacity':'0','visibility':'visible' }}).inject($(document.body));
		
	//We can use one Request object many times.
	//var req = new Request.HTML({url:demo_path+'data.html', 
	var req = new Request.HTML({url:'/email-signup/signupemails/add',
	onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('result').set('text', '');
			//Inject the new DOM elements into the results div.
			$('result').adopt(html);


			//Input validator actions
			validator2 = new FormValidator('SignupemailAddForm');

			//Add AJAX Submit
			$('SignupemailAddForm').addEvent('submit', function(submitEvent) {
				/**
				 * Prevent the submit event
				 */
				new Event(submitEvent).stop();
			 
				this.set('send', {
					url: this.action,
					method: 'post',
					onSuccess: function(responseText, responseXML) {
						el.set('html', '<div id="submission-response">Thank you for registering yor email.</div><div id="tween-close"><img src="/newsletter/gfx/btn_close__black.gif" border="0" alt="x"></div><div class="clear"></div>');

							//--- On Email Submission Close the dialog via the "x" button
							$('tween-close').addEvent('click', function(e) {
							e.stop();
							overlay.fade(0);
							el.toggleClass('results-on');
							
							resultsContainer.setStyle('visibility', 'hidden');
							el.empty();
							
							window.history.back();
							//---
						});
					}
				})
				this.send();
			});


		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('result').set('text', 'The request failed.');
		}
	});

	$('makeRequest').addEvent('click', function(e) {
		//Apply the tween effect____________
		overlay.setStyles({ 'top': -$(window).getScroll().y,'height':$(window).getScrollSize().y+$(window).getScroll().y });
		//e.stop();
		overlay.fade(0.7);

		el.toggleClass('results-on');

		//Show results container___________
		resultsContainer.setStyle('visibility', 'visible');

		//Add AJAX throbber_____________
		el.set('html', '<div class="throbber"></div>');

		req.send();//req.send()...
	});


	//--- Close the dialog any time by clicking outside of it.
	$('tween-overlay').addEvent('click', function(e) {
		e.stop();
		overlay.fade(0);
		el.toggleClass('results-on');
		
		window.history.back();
		
		//Hide results container___________
		resultsContainer.setStyle('visibility', 'hidden');
	
		el.empty();
	});
	//---
	


	$('makeRequest').fireEvent('click', null, 1);
	
	
});