/*************************************************************************************
Mailing List functionality
Requirements(s):
- /js/global/jquery-1.3.2.min.js
- /js/global/shade.js
************************************************************************************/

var mailinglist = {
	isCreated: false,
		
	open: function(){
		shade.show();
		
		if(!mailinglist.isCreated){
			mailinglist.createMailingListLayer();
			mailinglist.isCreated = true;
		}else{
			$('#mailinglist').fadeIn(1000);
		}
	},	
	
	createMailingListLayer: function(){
		$(document.body).append('<div id="mailinglist" style="display: none"></div>');
        var $mailinglist = $('#mailinglist');

        $mailinglist.css({
            'z-index' : '1000001',
            'position' : 'absolute',
            'top' : '200px',
            'left' : ($(window).width() / 2) - 150 + 'px',
            'width' : '300px',
            'height' : '210px',
            'background-color' : 'black',
            'border' : '3px solid white',
            'padding' : '10px',
            'color' : 'white',
            'font-size': '11px'
        });

        $mailinglist.load('/tiles/mailinglist.php', function(){
        	$mailinglist.fadeIn(1000);
        });        
                
        this.isCreated = true;
	},
	
	submitted: function(){
		// do ajax call to add email to mailing list
		$.ajax({
			type : 'POST',
			url : '/submit_mailinglist.php',
			dataType : 'json',
			data: {
				email : $('#ml_email').val(),
				first_name : $('#ml_first').val(),
				last_name : $('#ml_last').val(),
				postal : $('#ml_postal').val()
			},
			success : function(data){
				$('#mailinglistMessage').text(data.msg);
				$('#mailinglistMessage').fadeIn(1000);
				
				if (!data.error) {
					$('#mailinglistForm').fadeOut(1000);
				}
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				$('#mailinglistMessage').text('There was an error processing your submission');
				$('#mailinglistMessage').fadeIn(1000);
			}
		});
	},
	
	close: function(){
		shade.hide();		
		$('#mailinglist').fadeOut(1000, function(){
			//resets the layers
			$('#mailinglistForm').css('display','block');
			$('#mailinglistMessage').css('display','none');
		});		
	}
}