Full Name

Email

Phone

Comments

</div>
                                </div>

<div class="form-group">
                                <label for="" class="col-lg-2 control-label">Contact Type</label>
                                <div class="col-lg-7">
                                    <select id="ContactType" name="ContactType" class="form-control">
                                        <option value="New Candidate">New Candidate</option>
                                        <option value="Job Candidate">Job Candidate</option>
                                        <option value="Referral">Referral</option>
                                    </select>
                                </div>
                                </div>

<div class="form-group">
                                <label for="" class="col-lg-2 control-label">Contact Details</label>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control input-lg" name="ContactReason" id="ContactReason" maxlength="200" readonly="readonly" />
                                </div>
                                </div>

<div class="form-group">
                                <label for="" class="col-lg-2 control-label">Upload Resume</label>
                                <div class="col-lg-7">
                                    <input type="file" name="file" />
                                </div>
                                </div>
                                <div id="divReferral" style="display:none;">
                                    <div class="form-group">
                                    <label for="" class="col-lg-2 control-label">Referral Name</label>
                                    <div class="col-lg-7">
                                        <input type="text" class="form-control input-lg" name="ReferralName" id="ReferralName" placeholder="Enter referral full name" maxlength="200" />
                                    </div>
                                    </div>

<div class="form-group">
                                    <label for="" class="col-lg-2 control-label">Referral Email</label>
                                    <div class="col-lg-7">
                                        <input type="text" class="form-control input-lg" name="ReferralEmail" id="ReferralEmail" placeholder="Enter referrals email" maxlength="200" />
                                    </div>
                                    </div>

<div class="form-group">
                                    <label for="" class="col-lg-2 control-label">Referral Phone</label>
                                    <div class="col-lg-7">
                                        <input type="text" class="form-control input-lg" name="ReferralPhone" id="ReferralPhone" placeholder="Enter referrals phone number" maxlength="40" />
                                    </div>
                                    </div>
                                </div>
		                    </div>
	                    </div>                
                    </section>

<div class="container mb15">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="color4 ctaBox ">
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-md-8">
                                                    <h1>
                                                        If you're done filling out the above information, press the SUBMIT button and someone will contact you shortly.
                                                    </h1>

</div>
                                                <div class="col-md-4">
                                                    <button name="submit" type="submit" class="btn btn-md btn-warning" id="submit"><i class="icon-thumbs-up"></i> Submit</button>
                                                    <input name="Subject" type="text" id="Subject" placeholder="subject" title="please enter subject" class="form-control subject" value="" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </section>

</div>
            </section>
</form>    </div>

<footer>
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-md-offset-10">
                    <a href="javascript:$.pageslide.close()" class="btn pull-right"><i class="icon-cancel-outline"></i>Close</a>

</div>
            </div>
        </div>
    </footer>

</div>

$('#ContactType').val('New Candidate');

$('#frmSubmitJob button').on('click', function (event) {
            var errFound = false;
            $('#frmSubmitJob input').css('border', 'none');
            if ($('#frmSubmitJob #FullName').val().length <= 0) {
                $('#frmSubmitJob #FullName').css('border', '3px solid red');
                errFound = true;
            }
            if ($('#frmSubmitJob #Email').val().length <= 0) {
                $('#frmSubmitJob #Email').css('border', '3px solid red');
                errFound = true;
            }

return !errFound;
        });

$('#ContactType').on('change', function () {
            if (this.value.toUpperCase() == "REFERRAL") {
                $('#divReferral').show();
            } else {
                $('#divReferral').hide();
            }
        });
    });

</script>