﻿$(document).ready(function () {    
    $(".your-email").focus(function () {
        $(this).animate({color: "#c21b04"},300);
    });
    
    $(".your-email").blur(function () {
        $(this).animate({color: "#424242"},300);
        validate(("#"+$(this).attr("id")),"email","Your email address","Must be a valid email address.");
    })
    
    $(".your-password").focus(function () {
        $(this).animate({color: "#c21b04"},300);
    });
    $(".your-password").blur(function () {
        $(this).animate({color: "#424242"},300);
        validate(("#"+$(this).attr("id")),"password","Your code","Your password contains invalid characters.");
    });
    
    $(".your-location").focus(function () {
        $(this).animate({color: "#c21b04"},300);
    });
    
    $(".your-location").blur(function () {
        $(this).animate({color: "#424242"},300);
        validate(("#"+$(this).attr("id")),"sqlinjection","location","Your location contains invalid characters.");
    });
    
    $(".your-dob").focus(function () {
        $(this).animate({color: "#c21b04"},300);
    });
    
    $(".your-dob").blur(function () {
        $(this).animate({color: "#424242"},300);
        validate(("#"+$(this).attr("id")),"dob","dd/mm/yyyy","Your date of birth is invalid.");
    });
    
    $(".your-address").focus(function () {
        $(this).animate({color: "#c21b04"},300);
    });
    
    $(".your-address").blur(function () {
        $(this).animate({color: "#424242"},300);
        validate(("#"+$(this).attr("id")),"sqlinjection","postcode","Your address contains invalid characters.");
    });
    
    $(".your-card-ref").focus(function () {
        $(this).animate({color: "#c21b04"},300);
    });
    
    $(".your-card-ref").blur(function () {
        $(this).animate({color: "#424242"},300);
        validate(("#"+$(this).attr("id")),"sqlinjection","privilege card #","Your card reference contains invalid characters.");
    });
});

