$(function() {

    
    var years = {
        '2005': { n: '2005', e: [ 'Avalon' ] },
        '2006': { n: '2006', e: [ 'Avalon' ] },
        '2007': { n: '2007', e: [ 'Avalon', 'Camry', 'Tundra' ] },
        '2008': { n: '2008', e: [ 'Avalon', 'Camry', 'Tundra', 'Sequoia' ] },
        '2009': { n: '2009', e: [ 'Avalon', 'Camry', 'Corolla', 'RAV4', 'Matrix', 'Tundra', 'Sequoia' ] },
        '2010': { n: '2010', e: [ 'Avalon', 'Camry', 'Corolla', 'RAV4', 'Matrix', 'Highlander', 'Tundra', 'Sequoia' ] }
    }; 

    var popModels = function() {
        var y = $('#year').val();

        $('#model').empty();

        for ( m in  years[y].e ) {
            var model =  years[y].e[m];
            $('#model').append("<option value=\"" + model + "\">" + model + "</option>");
        }
    };

    for ( zyear in years ) {
        $('#year').append("<option value=\"" + zyear + "\">" + years[zyear].n + "</option>");
    }

    popModels();

    $('#year').change( function() {
        popModels();
    });

    $('#gogogo').click( function() {



        var rf = [ 'name', 'email', 'telephone', 
                   'street', 'city', 'province', 'postcode' ];

        var af = [ 'year', 'model', 'vin', 'name', 'email', 'telephone', 'street', 'city', 
                   'province', 'postcode', 'date', 'time' ];

        var error = false;

        for ( f in rf ) {
            if ( $('#'+rf[f]).val() == '' ) {
                error = true;
                $('#'+rf[f]).parent().css({ backgroundColor: '#aa0000' });
            }
            else {
                $('#'+rf[f]).parent().css({ backgroundColor: '#ffffff' });
            }
        }
   
        if ( ! $('#email').val().match(/\b[A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,4}\b/i) ) {
            error = true;
            $('#email').parent().css({ backgroundColor: '#aa0000' });
        }
        else
            $('#email').parent().css({ backgroundColor: '#ffffff' });
 

        if ( error ) 
            $('#errors').show();
        else {
            var data = new Object;

            $('#errors').hide();
            $('#pleasewait').show();
            $('#bookForm').hide();


            for ( f in af ) 
                data[af[f]] = $('#'+af[f]).val();

            data.booktype = $('input[name=booktype]:checked').val();

            $.ajax({
                type: 'POST',
                timeout: 4000,
                url: 'submit.php',
                data: data,
                error: function() {
                    $('#errors').hide();
                    $('#pleasewait').hide();
                    $('#bookForm').show();
                    alert('There was a problem .. please try again later!');
                },
                success: function(jsd) {
                    $('#errors').hide();
                    $('#bookForm').hide();
                    $('#pleasewait').hide();
                    $('#complete').show();
                }
            });
        }

    });


});