$(document).ready(function() {
    //move into here

    $('#idPowerTransformers').click(function() {
        $("#idUlPowerTransformers").toggle();
    });

    $('#idAudioTransformers').click(function() {
        $("#idUlAudioTransformers").toggle();
    });

    //Form logic
    $("#frmRequestAQuote").submit(function() {
        // we want to store the values from the form input box, then send via ajax below

        if (!validateForm()) {
            return false;
        }

        var name = $('#idName').attr('value');
        var phone = $('#idPhone').attr('value');
        var email = $('#idEmail').attr('value');
        var message = $('#idMessage').attr('value');

        $.ajax({
            type: "POST",
            url: "email.ashx",
            data: "name=" + name + "&phone=" + phone + "&email=" + email + "&message=" + message,
            success: function() {
                $('#divMsg').html("Thank you for sending a quote request.").fadeIn();
                $('#idName').val('');
                $('#idPhone').val('');
                $('#idEmail').val('');
                $('#idConfirmEmail').val('');
                $('#idMessage').val('');
            }
        });
        return false;
    });

    var limit = 500;

    $('#idMessage').keyup(function() {
        var len = $(this).val().length;
        if (len > limit) {
            this.value = this.value.substring(0, limit);
        }
    });

});
	    
	function validateForm() {

	    var errorString="";
        var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
        
	    var name = $('#idName').attr('value');
	    var phone = $('#idPhone').attr('value');
	    var email = $('#idEmail').attr('value');
	    var confirmemail = $('#idConfirmEmail').attr('value');
	    var message = $('#idMessage').attr('value');
	    
	    $('#idName').removeClass('requiredborder');
	    $('#idEmail').removeClass('requiredborder');
	    $('#idConfirmEmail').removeClass('requiredborder');
	    $('#idMessage').removeClass('requiredborder');
	    $('#divMsg').html('');
	    
	    if (name == "") {
	        errorString += "Please provide a name<br/>";
	        $('#idName').addClass('requiredborder');
	    }

	    if (email == "") {
	        errorString +="Please provide an email address<br/>"
	        $('#idEmail').addClass('requiredborder');
	    }

	    if (confirmemail == "") {
	        errorString += "Please provide a confirm email address<br/>";
	        $('#idConfirmEmail').addClass('requiredborder');
	    }

	    if (confirmemail != email) {
	        errorString += "Email and confirm email address don't match<br/>";
	        $('#idEmail').addClass('requiredborder');
	        $('#idConfirmEmail').addClass('requiredborder');
	    }

	    if (confirmemail != "") {

	        if (!filter.test($('#idConfirmEmail').attr('value'))) {
	          errorString += 'Please provide a valid confirm email address<br/>';
	          $('#idConfirmEmail').addClass('requiredborder');
	      }
	    }

	    if (email != "") {

	        if (!filter.test($('#idEmail').attr('value'))) {
	          errorString += 'Please provide a valid email address<br/>';
	          $('#idEmail').addClass('requiredborder');
	      }
	    }
	    
	    if (message == "") {
	        errorString += "Please provide a message<br/>";
	        $('#idMessage').addClass('requiredborder');
	    }

	    if (errorString != "") {

	        $('#divMsg').html(errorString).fadeIn();
	        return false;
	    }
	    else {
	        return true;
	    }
	}
