pic1= new Image(16,16); 
pic1.src="images/wait.gif"; 
pic2= new Image(16,16); 
pic2.src="images/x.png"; 
pic3= new Image(16,16); 
pic3.src="images/valid.png"; 

function writecookie(content) {
    var expiredate = new Date();
    expiredate.setMonth(expiredate.getFullYear() + 9);
    document.cookie = "sps_email="+ content +";expires=" +expiredate.toGMTString();
}

function checkemail() {
    var emailfilter = /^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i;
    var returnval = emailfilter.test(document.getElementById('email').value);
    var first_name = document.getElementById('first_name').value;
    var last_name = document.getElementById('last_name').value;
    
    if(!returnval || first_name == '' || last_name == '') {
        document.getElementById('valid').src = 'images/x.png';
        document.getElementById('sending').innerHTML = '';
    } else {
        document.getElementById('valid').src = 'images/valid.png'
        document.getElementById('sending').innerHTML = '<input type="button" value="Submit" id="email_submit" onclick="submit_email()" />'
    }
}

function submit_email() {
    var first_name = document.getElementById('first_name').value;
    var last_name = document.getElementById('last_name').value;
    var email = document.getElementById('email').value;
    
    document.getElementById('sending').innerHTML = '<img src="images/loading.gif" />'
    new Ajax.Request(
        'SubmitEmail.php?first_name='+ encodeURIComponent(first_name) +'&last_name='+ encodeURIComponent(last_name) +'&email='+ encodeURIComponent(email), 
        {
            method:'get',
            onSuccess: function(transport) {
                var response = transport.responseText || 'null';
                if(response == 'null') {
                    writecookie(document.getElementById('email').value);
                    document.getElementById('results').innerHTML = 'Your email has been succesfully submitted!';
                    document.getElementById('sending').innerHTML = '';
                    document.getElementById('valid').src = 'images/blank.gif';
                } else {
                    document.getElementById('results').innerHTML = 'Inputted values are invalid. Please refresh and try again.'
                    document.getElementById('sending').innerHTML = '';
                    document.getElementById('valid').src = 'images/blank.gif';
                }
            },
            onFailure: function() {
                document.getElementById('results').innerHTML = 'Sorry, there was a failure in your query. Please refresh and try again.'
                document.getElementById('sending').innerHTML = '';
                document.getElementById('valid').src = 'images/blank.gif';
            }
        }
    );
}

function getcookie(c_name) {
    if(document.cookie.length > 0) {
        var c_start = document.cookie.indexOf(c_name +"=");
        if(c_start != -1) {
            c_start = c_start + c_name.length + 1;
            var c_end = document.cookie.indexOf(";", c_start);
            if(c_end == -1)
                c_end = document.cookie.length;
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
}