$(document).ready(function() {
    
    // $("#checkout_form").hide();
    
    var validator = $("#checkout_form").validate({
        rules: {
            first_name: "required",
            last_name: "required",
            city: "required",
            address: "required",
            shipping_first_name: "required",
            shipping_last_name: "required",
            credit_card_number: "required",
            expiration_month: "required",
            expiration_year: "required",
            card_type: "required",
            email_address: {
                required: true,
                email: true
            },
            zip: "required"
        },
        messages: {
            first_name: "Please enter your first name",
            last_name: "Please enter your surname",
            email_address: {
                required: "Please enter a valid email address",
                minlength: "Please enter a valid email address"
            },
            zip: "Please enter your postcode"
        }
    });


    var validator = $("#contact_form").validate({
        rules: {
            name: "required",
            subject: "required",
            email: "required",
            message: "required",
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            name: "Please enter your name",
            subject: "Please enter a subject",
            email: {
                required: "Please enter a valid email address",
                minlength: "Please enter a valid email address"
            }
        }
    });

    $('#slides').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });

    //when the checkbox is checked or unchecked
    $('#use_billing_info').click(function() {

        // If checked
        if ($("#use_billing_info").is(":checked")) {

            //for each input field
            $('#shipping input', ':visible', document.body).each(function(i) {
                //copy the values from the billing_fields inputs
                //to the equiv inputs on the shipping_fields
                $(this).val( $('#billing input').eq(i).val() );
            });

        } else {

            //for each input field
            $('#shipping input', ':visible', document.body).each(function(i) {
                //set shipping_fields inputs to blank
                $(this).val("");
            });
            $("#scountry").selectOptions("");
        }
    });

    $('#prod-image-list li:first').addClass('selected');
    $('#prod-image-list li a').click(function(e){

        e.preventDefault();
        $('#prod-image-list li').removeClass('selected');
        $(this).parent().addClass('selected');
        $('#prod-asset-wrap img').attr('src', $(this).attr('href'));
    });

});