$(document).ready(function() {

	/* TABS
	---------------------------------------------------------------------------*/
		
	/*--[ IPHONE FEATURES ]--*/
    $("#iphone-features").tabs();

	/*--[ BLACKBERRY FEATURES ]--*/
    $("#blackberry-features").tabs();


	/* VALIDATION
	---------------------------------------------------------------------------*/
	
	/*--[ #SUPPORT-FORM ]--*/
    $("#support-form").validate({
        errorLabelContainer: "#form-messages",
        wrapper: "li",
        onfocusout: false,
        onkeyup: false,
        onclick: false,
        rules: {
            name: {
				required: true
			},
			email: {
				required: true,
				email: true
			},
			subject: {
				required: true
			},
			description: {
				required: true
			}
        },
        messages: {
            name: {
				required: "Name is a required field. "
			},
            email: {
				required: "Email address is a required field. ",
				email: "You must enter a valid email address. "
			},
            subject: {
				required: "Subject is a required field. "
			},
            description: {
				required: "Description is a required field. "
			}
        },
        highlight: function(element, errorClass) {
           $(element).addClass(errorClass);
           $(element.form).find("label[for=" + element.id + "]")
                          .addClass(errorClass);
        },
        unhighlight: function(element, errorClass) {
           $(element).removeClass(errorClass);
           $(element.form).find("label[for=" + element.id + 	 "]")
                          .removeClass(errorClass);
        }
    });

	/*--[ #BUY-FORM ]--*/
    $("#buyForm").validate({
        errorLabelContainer: "#form-messages",
        wrapper: "li",
        onfocusout: false,
        onkeyup: false,
        onclick: false,
        rules: {
            first_name: {
				required: true
			},
	        last_name: {
				required: true
			},		
			email: {
				required: true,
				email: true
			},
			license: {
				required: true
			},
			month: {
				required: true
			},
			address: {
				required: true
			},			
			city: {
				required: true
			},
			state: {
				required: true
			},
			zip: {
				required: true
			},
			cc_number: {
				required: true
			},
			cvv: {
				required: true
			},
			cc_expire_month: {
				required: true
			},
			cc_expire_year: {
				required: true
			}
			
        },
        messages: {
            first_name: {
				required: "First Name is required. "
			},
            last_name: {
				required: "Last Name is required. "
			},
            email: {
				required: "Email address is required. ",
				email: "You must enter a valid email address. "
			},
            license: {
				required: "Number of licenses is required. "
			},
            months: {
                required: "Number of months is required. "
			},			
            address: {
				required: "Address is required. "
			},
            city: {
				required: "City is required. "
			},
            state: {
				required: "State is required. "
			},
            zip: {
				required: "Zip is required. "
			},
            cc_number: {
				required: "Credit card number is required. "
			},
	        cc_expire_month: {
				required: "Credit Card expiration month is required. "
			},
            cc_expire_year: {
				required: "Credit Card expiration year is required. "
			},
            cvv: {
				required: "Credit Card CVV is required. "
			}			
        },
        highlight: function(element, errorClass) {
           $(element).addClass(errorClass);
           $(element.form).find("label[for=" + element.id + "]")
                          .addClass(errorClass);
        },
        unhighlight: function(element, errorClass) {
           $(element).removeClass(errorClass);
           $(element.form).find("label[for=" + element.id + 	 "]")
                          .removeClass(errorClass);
        }
    });
	
});