$(function() {
    
    
		$('#signupInput').bind("keypress", function(e) {
			if (e.keyCode == 13) {
        $(this).blur();
        $('#signupEmail').focus();
        var x = setTimeout("unclickButton()", 1000);
        if ($('#signupInput').val() != 'Enter E-Mail')
        {
            $('#signupEmail').val($('#signupInput').val()); 
        }
        var y = setTimeout("$('#signupOverlay').show()", 1000);
			}
		});
    
    $('#signupInput').focus(function() {
        if ($('#signupInput').val() == 'Enter E-mail')
        {
            $('#signupInput').val('');
        }
    });
    $('#signupInput').blur(function() {
        if ($('#signupInput').val() == '')
        {
            $('#signupInput').val('Enter E-Mail');
        }
    });
    $('#signupRow a').click(function() {
        $(this).css({'background-position':'0px -23px'});
        $(this).blur();
        $('#signupEmail').focus();
        var x = setTimeout("unclickButton()", 1000);
        if ($('#signupInput').val() != 'Enter E-Mail')
        {
            $('#signupEmail').val($('#signupInput').val());
        }
        var y = setTimeout("$('#signupOverlay').show()", 1000);
    });
    $('.signupClose').click(function() {
        $('#signupOverlay').hide();
    });
    $('#signupComplete').click(function() {
        $('#signupComplete').css({'background-position':'0px -23px'});
        $(this).blur();
        var signup_errors = validate_form();
        if (signup_errors != true)
        {
        var signup_form = $('#signup form').serialize();
        $.ajax({
            type: "POST",
            url: "/signup/controller.aspx",
            data: signup_form,
            success: function(msg){
               $('#signupComplete').css({'background-position':'0px 0px'});
            }
        });
        /*
            Ajax Request is here!
        */
        $('.signupClose').hide();
        $('#signup').fadeOut(1000, function() {
            $('#yourein').fadeIn();
            $('.signupClose').show();
            $('#returnToMain').click(function() {
                $('#signupOverlay').fadeOut(1000, function() {
                    $('#signupOverlay').css({"visibility":"hidden", "display":"block"});
                });
            });
        });
        }
        else
        {
               setTimeout("$('#signupComplete').css({'background-position':'0px 0px'});", 1000);
        }
    });
    if ($.browser.msie)
    {
            $('#jawboneText').css({"top":"292px"});
            $('#signupComplete').css({'position':'relative',
                                      'top':'-15px'});
            $('#signupRight li').css({"background":"transparent url(/signup/images/signup_circle.gif) no-repeat scroll 0 0px"});
            $('#signupComplete').css({"top":"10px"});
    }
    $('#signupInput').focus(function() {
        if ($('#signupInput').val() == 'Enter E-Mail')
        {
            $('#signupInput').val('');
        }
    });
    $('#signupInput').blur(function() {
        if ($('#signupInput').val() == '')
        {
            $('#signupInput').val('Enter E-Mail');
        }
    });
    $('#signupFirst').focus(function() {
        $('#signupFirst').css({"background": "#FFFFFF"});
        if ($('#signupFirst').val() == 'First Name')
        {
            $('#signupFirst').val('');
        }
    });
    $('#signupFirst').blur(function() {
        if ($('#signupFirst').val() == '')
        {
            $('#signupFirst').val('First Name');
        }
    });
    $('#signupLast').focus(function() {    
        $('#signupLast').css({"background": "#FFFFFF"});
        if ($('#signupLast').val() == 'Last Name')
        {
            $('#signupLast').val('');
        }
    });
    $('#signupLast').blur(function() {
        if ($('#signupLast').val() == '')
        {
            $('#signupLast').val('Last Name');
        }
    });
    $('#signupZip').focus(function() {
        $('#signupZip').css({"background": "#FFFFFF"});
        if ($('#signupZip').val() == 'Zip / Postal Code')
        {
            $('#signupZip').val('');
        }
    });
    $('#signupZip').blur(function() {
        if ($('#signupZip').val() == '')
        {
            $('#signupZip').val('Zip / Postal Code');
        }
    });
    $('#signupEmail').focus(function() {
        $('#signupEmail').css({"background": "#FFFFFF"});
        if ($('#signupEmail').val() == 'E-Mail')
        {
            $('#signupEmail').val('');
        }
    });
    $('#signupEmail').blur(function() {
        if ($('#signupEmail').val() == '')
        {
            $('#signupEmail').val('E-Mail');
        }
    });
    $('#signupVerifyEmail').focus(function() {
        $('#signupVerifyEmail').css({"background": "#FFFFFF"});
        if ($('#signupVerifyEmail').val() == 'Verify E-Mail')
        {
            $('#signupVerifyEmail').val('');
        }
    });
    $('#signupVerifyEmail').blur(function() {
        if ($('#signupVerifyEmail').val() == '')
        {
            $('#signupVerifyEmail').val('Verify E-Mail');
        }
    });
    $('#signupVerifyEmail').keyup(function() {
        match('signupEmail','signupVerifyEmail');
    });
});
function match(field1,field2){
	len = document.getElementById(field2).value.length;
	//var field1val = document.getElementById(field1).value.substring(0,len);
	//var field2val = document.getElementById(field2).value;
	//alert(field1val + ':' + field2val + ':' + len); 
	if (document.getElementById(field1).value.substring(0,len) != document.getElementById(field2).value){
		document.getElementById(field2).style.backgroundColor = 'rgb(255,0,0)';
	} else {
		document.getElementById(field2).style.backgroundColor = 'rgb(255,255,255)';
	}
}

function validate_form() {
    errors = false;
    if ( ($('#signupFirst').val() == 'First Name') || ($('#signupFirst').val() == '') )
    {
        $('#signupFirst').css({'background':'#CC0000'});
        errors = true;
    }
    else
    {
        $('#signupFirst').css({'background':'#FFFFFF'});
    }
    
    if ( ($('#signupLast').val() == 'Last Name') || ($('#signupLast').val() == '') )
    {
        $('#signupLast').css({'background':'#CC0000'});
        errors = true;
    }
    else
    {
        $('#signupLast').css({'background':'#FFFFFF'});
    }
    
    if ( ($('#signupZip').val() == 'Zip / Postal Code') || ($('#signupZip').val() == '') )
    {
        $('#signupZip').css({'background':'#CC0000'});
        errors = true;
    }
    else
    {
        $('#signupZip').css({'background':'#FFFFFF'});
    }

    if ( ($('#signupLast').val() == 'Last Name') || ($('#signupLast').val() == '') || ($('#signupFirst').val() == 'First Name') || ($('#signupFirst').val() == '') || ($('#signupZip').val() == 'Zip / Postal Code') || ($('#signupZip').val() == '') )
		{
        $('#generalError').css({'display':'block'});
        errors = true;
    }   
    else
    {
        $('#generalError').css({'display':'none'});
    }



    
    if ( ($('#signupEmail').val() == 'E-Mail') || ($('#signupEmail').val() == '') )
    {
        $('#signupEmail').css({'background':'#CC0000'});
        errors = true;
    }
    else
    {
        $('#signupEmail').css({'background':'#FFFFFF'});
    }
    
    if (($('#signupVerifyEmail').val() == 'Verify E-Mail') || ($('#signupVerifyEmail').val() == ''))
    {
        $('#signupVerifyEmail').css({'background':'#CC0000'});
        errors = true;
    }
    else
    {
        $('#signupVerifyEmail').css({'background':'#FFFFFF'});
    }
    
    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
    if (!pattern.test($('#signupVerifyEmail').val())) { 
        $('#signupEmail, #signupVerifyEmail').css({'background':'#CC0000'});
		}
    
    if ($('#signupEmail').val() != $('#signupVerifyEmail').val())
    {
        $('#signupEmail, #signupVerifyEmail').css({'background':'#CC0000'});
        $('#validEmail').css({'display':'block'});
        errors = true;
    }
    else
    {
        $('#validEmail').css({'display':'none'});
    }

    var n = $("input:checked").length;
    if (n == 0)
    {
        $('#requiredBoxes').css({'display':'block'});
        errors = true;
    }
    else
    {
        $('#requiredBoxes').css({'display':'none'});
    }

    return errors;
}

function unclickButton() {
        $('#signupRow a').css({'background-position':'0px 0px'});
    }