<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- bootstrap css -->
        <link rel="stylesheet" href="//d1qfrurkpai25r.cloudfront.net/graphical/css/bootstrap-3.3.6.min.css" type="text/css" media="all">
        <!-- font awesome css -->
        <link rel="stylesheet" id="font-awesome-css" href="//d1qfrurkpai25r.cloudfront.net/graphical/css/font-awesome-4.7.0.min.css" type="text/css" media="all">
        <!-- jquery -->
        <script src="//d1qfrurkpai25r.cloudfront.net/graphical/javascript/jquery-2.2.0.min.js"></script>
        <!-- bootstrap js -->
        <script src="//d1qfrurkpai25r.cloudfront.net/graphical/javascript/bootstrap-3.3.6.min.js"></script>
        <!-- page css -->
        <style type="text/css">
            body {
                color: #555;
                font-size: 16px;
            }
            h1, h2, h3 {
                color: #666;
            }
            h2 {
                font-size: 1.7em;
            }
            a {
                text-decoration: underline;
            }
            .bg-blue {
                background: #2567ac;
                color: #fff;
            }
            .bg-grey {
                background: #ededed;
                color: #2567ac;
            }
            .padded {
                padding: 15px;
                height: 50px;
            }
            label {
                font-weight: 500;
                text-align: right;
            }
            input.form-control, select.form-control {
                border-radius: 0;
                border-color: #999;
            }

            /* Banner */
            .banner {
                padding: 30px 0;
            }
            .banner h1 {
                color: #fff;
                font-size: 2.7em;
            }
            .sub-banner {
                padding: 10px 0 5px;
            }

            /* mortgage calc */
            .mortgage-calc.compressed {
                float: left;
            }
            .mortgage-calc .form-group {
                margin-bottom: 0;
            }
            .mortgage-calc.compressed:after {
                display: block;
                content: " ";
                clear: both;
                height: 0px;
            }
            .mortgage-calc.compressed .price, .mortgage-calc.compressed .down, .mortgage-calc.compressed .interest, .mortgage-calc.compressed .term {
                width: 50%;
                float: left;
                margin-left: 0;
                margin-right: 0;
                padding: 0;
            }
            .mortgage-calc.compressed label {
                width: 100%;
                text-align: left;
                background: #2567ac;
                margin-bottom: 0;
                color: #fff;
            }
            .mortgage-calc.compressed .interest label, .mortgage-calc.compressed .term label {
                background: #fff;
                color: #555;
                border-bottom: 1px #999 solid;
                border-left: 1px #999 solid;
                border-radius: 0;
            }
            .mortgage-calc.compressed .term label {
                border-right: 1px #999 solid;
                border-radius: 0;
            }
            .mortgage-calc.compressed .bottom {
                padding: 0;
                width: 50%;
            }
            .mortgage-calc.compressed .bottom input, .mortgage-calc.compressed .bottom select, .mortgage-calc.compressed .bottom span {
                display: block;
                border: 0;
                border-left: 1px #999 solid;
                border-bottom: 1px #999 solid;
                border-radius: 0;
            }
            .mortgage-calc.compressed .bottom:last-child select, .mortgage-calc.compressed .bottom.last {
                border-right: 1px #999 solid;
            }
            .mortgage-calc.expanded span {
                display: block;
            }

            /* mortgage filter */
            .mortgage-filter .form-group {
                padding: 0;
                margin-bottom: 0;
            }
            .mortgage-filter .form-group:first-child {
                padding-left: 15px;
            }
            .mortgage-filter .form-group:last-child {
                padding-right: 15px;
            }
            .mortgage-filter .form-group label {
                display: block;
                margin: 0;
                text-align: left;
            }
            .mortgage-filter .form-group input, .mortgage-filter .form-group select {
                border-right: 0;
                border-radius: 0;
            }
            .mortgage-filter .form-group:last-child input, .mortgage-filter .form-group:last-child select {
                border-right: 1px solid #999;
                border-radius: 0;
            }
            .mortgage-filter .form-group label.bottom.padded {
                border-left: 1px #999 solid;
            }
            .mortgage-filter .form-group label.bottom.padded.last {
                border-right: 1px #999 solid;
            }

            /* amort table */
            .amort {
                width: 100%;
            }

            .amort th, .amort td {
                padding: 15px;
            }

            .amort > thead > tr >  th {
                background: #2567ac;
                color: #fff;
                font-weight: 500;
            }

            .amort > tbody > tr:nth-child(4n+3) td {
                background: #f3f3f3;
            }

            .amort > tbody > tr > td:nth-child(1), .amort > tbody > tr > td:nth-child(4) {
                font-weight: bold;
            }

            .amort > tbody > tr > td:nth-child(1) {
                color: #8CC63E;
            }

            /* monthly table */
            td.full-span {
                padding: 0;
            }
            table.monthly-amort {
                width: 100%;
                border-top: 1px #ccc solid;
                border-bottom: 1px #ccc solid;
            }
            table.monthly-amort th {
                border-bottom: 1px #ccc solid;
            }
            table.monthly-amort th, table.monthly-amort td {
                font-weight: normal;
                color: #666;
                padding: 5px 15px;
            }

            /* Lender */
            .lenders {
                transition: opacity 1.5s ease-in-out;
            }
            .loading {
                margin: 30px;
                text-align: center;
            }
            .loading img {
                width: 50px;
            }
            .lender-header .title {
                padding: 15px 30px;
            }
            .lender {
                border-bottom: 1px #ccc solid;
                box-sizing: border-box;
                padding: 30px;
            }
            .lender a.name {
                display: block;
                font-size: 20px;
                margin-bottom: 5px;
                text-decoration: none;
                color: #2567ac;
            }
            .lender .nmls, .lender .state-license {
                font-size: 12px;
                color: #aaa;
            }
            .lender .phone {
                color: #2567ac;
                font-size: 20px;
                margin-top: 5px;
            }
            .lender .offer-date {
                margin: 5px 0 15px;
            }
            .lender a.next {
                text-decoration: none;
                margin: 15px 0;
                padding: 10px 15px;
                text-align: center;
                display: block;
                background: #F25A38;
                color: #fff;
                font-weight: bold;
                border-radius: 2px;
                box-shadow: 0px 0px 2px #ccc;
                border-color: #F25A38;
                transition: background 0.4s;
            }
            .lender a.next:hover {
                background: #fff;
                color: #F25A38;
            }
            .lender span {
                color: #999;
            }
            .lender .monthly {
                font-weight: bold;
                font-size: 1.5em;
            }

            /* More Rates Link */
            .more-rates, .more-rates:link, .more-rates:active, .more-rates:visited  {
                display: block;
                padding: 15px;
                text-align: center;
                text-decoration: none;
                margin: 30px 0;
                border: 1px #fff solid;
                color: #fff;
                transition: border 0.5s, background 0.5s;
            }
            .more-rates:hover {
                background: #fff;
                color: #2567ac;
                border: 1px #2567ac solid;
                text-decoration: none;
            }
            .warning img {
                height: 4em;
                float: right;
            }

            /* Footer */
            .footer {
                text-align: center;
                border-top: 1px #ddd solid;
                padding: 10px;
                margin-top: 45px;
                color: #bbb;
                font-size: 0.75em;
            }
        </style>
        <!-- Custom IDX Data Layer -->
        <script>
            idxDataLayer=[{
                'pageCategory': 'disabledpage'
            }];
        </script>
        <!-- End Custom IDX Data Layer -->
        <!-- Google Tag Manager -->
        <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-W956FV"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','idxDataLayer','GTM-W956FV');</script>
        <!-- End Google Tag Manager -->
        <script type="text/javascript">
            var mortgages = {};
            var monthlySchedule;
            var ajaxURL = '/idx/ajax/mortgage.php';

            var states = [
                ['Arizona', 'AZ'],
                ['Alabama', 'AL'],
                ['Alaska', 'AK'],
                ['Arizona', 'AZ'],
                ['Arkansas', 'AR'],
                ['California', 'CA'],
                ['Colorado', 'CO'],
                ['Connecticut', 'CT'],
                ['Delaware', 'DE'],
                ['Florida', 'FL'],
                ['Georgia', 'GA'],
                ['Hawaii', 'HI'],
                ['Idaho', 'ID'],
                ['Illinois', 'IL'],
                ['Indiana', 'IN'],
                ['Iowa', 'IA'],
                ['Kansas', 'KS'],
                ['Kentucky', 'KY'],
                ['Kentucky', 'KY'],
                ['Louisiana', 'LA'],
                ['Maine', 'ME'],
                ['Maryland', 'MD'],
                ['Massachusetts', 'MA'],
                ['Michigan', 'MI'],
                ['Minnesota', 'MN'],
                ['Mississippi', 'MS'],
                ['Missouri', 'MO'],
                ['Montana', 'MT'],
                ['Nebraska', 'NE'],
                ['Nevada', 'NV'],
                ['New Hampshire', 'NH'],
                ['New Jersey', 'NJ'],
                ['New Mexico', 'NM'],
                ['New York', 'NY'],
                ['North Carolina', 'NC'],
                ['North Dakota', 'ND'],
                ['Ohio', 'OH'],
                ['Oklahoma', 'OK'],
                ['Oregon', 'OR'],
                ['Pennsylvania', 'PA'],
                ['Rhode Island', 'RI'],
                ['South Carolina', 'SC'],
                ['South Dakota', 'SD'],
                ['Tennessee', 'TN'],
                ['Texas', 'TX'],
                ['Utah', 'UT'],
                ['Vermont', 'VT'],
                ['Virginia', 'VA'],
                ['Washington', 'WA'],
                ['West Virginia', 'WV'],
                ['Wisconsin', 'WI'],
                ['Wyoming', 'WY'],
            ];
            var hash = window.location.hash.split('.')
            var zipcode = hash[1];
            var state = '';
            for(i = 0; i < states.length; i++){
                if(states[i][1] == hash[0].replace('#', '')){
                    state = states[i][0];
                }
            }
            $(document).ready(function() {
                $('#clientState').text(state);
                document.title = 'Get Home Loan Rates in '+state;
            });

            $(function(){
                update();
                callLoans();
                $(".mortgage-calc input, .mortgage-calc select").change(function(e){
                    $("#loanAmount").trigger("change");
                });
                $(".mortgage-calc input, .mortgage-calc select").focusout(function(e){
                    $("#loanAmount").trigger("change");
                });
                $(".mortgage-filter input, .mortgage-filter select").change(function(){
                    update();
                    callLoans();
                });
                $("#loanAmount").click(function(){
                    $("#down").focus();
                });
                $("body").on('show.bs.collapse', '.collapse', function() {
                    monthlyAmort($(this).attr("id"));
                    $("#" + $(this).attr("id") + "-button").html('<i class="fa fa-compress"></i>');
                });
                $("body").on('hide.bs.collapse', '.collapse', function() {
                    $("#" + $(this).attr("id") + "-button").html('<i class="fa fa-expand"></i>');
                });
            });

            function calculate () {
                mortgages.price = parseInt($('#price').val().replace(/,/g,""));
                mortgages.down = $('#down').val();
                mortgages.downPerc;
                mortgages.unit = $('#unit').val();
                mortgages.interest = $('#interest').val();
                mortgages.years = $('#years').val();
                mortgages.zip = zipcode;
                mortgages.score = $('#score').val();
                mortgages.points = $('#points').val();
                mortgages.type = $('#type').val();
                mortgages.legacy = $('#type option:selected').data('legacy');

                if (mortgages.unit == '%') {
                    mortgages.ltv = 100 - mortgages.down;
                    mortgages.loanAmount = ((mortgages.ltv * mortgages.price) / 100);
                    mortgages.downPerc = mortgages.down;
                    mortgages.down = mortgages.price * mortgages.down / 100;
                } else if (mortgages.unit == 'Dollars') {
                    mortgages.loanAmount = mortgages.price - mortgages.down;
                    mortgages.ltv = (mortgages.loanAmount/mortgages.price) * 100;
                    mortgages.downPerc = 100 - mortgages.tv;
                }

                var monthlyInterest = (mortgages.interest/100)/12;
                var termsInMonths = mortgages.years * 12;

                mortgages.principal = mortgages.price - mortgages.down;
                mortgages.monthlyPayment = amortize(mortgages.principal,monthlyInterest,termsInMonths);
            }

            function amortization() {
                monthlySchedule = new Array((mortgages.years * 12) + 1);
                for(var i = 0; i < monthlySchedule.length; i++) {
                    monthlySchedule[i] = i;
                    monthlySchedule[i] = {month:i,interestPaid:"",principalPaid:"",remaining:""};
                    if(i == 0) {
                        monthlySchedule[i].remaining = mortgages.price - mortgages.down;
                        monthlySchedule[i].interestPaid = 0;
                    } else {
                        monthlySchedule[i].remaining = (monthlySchedule[i-1].remaining - mortgages.monthlyPayment) + (monthlySchedule[i-1].remaining * (mortgages.interest/100/12));
                        monthlySchedule[i].interestPaid = (monthlySchedule[i-1].remaining * (mortgages.interest/100/12));
                    }
                    monthlySchedule[i].principalPaid = (mortgages.monthlyPayment - monthlySchedule[i].interestPaid);
                }

                var trs = "";
                for(var year = 1; year <= mortgages.years; year++) {
                    var i = year * 12;
                    var yearlyInterestPaid = 0;
                    var yearlyPrincipalPaid = 0;
                    for(var j = 0; j < 12; j++) {
                        yearlyInterestPaid += monthlySchedule[i-j].interestPaid;
                        yearlyPrincipalPaid += monthlySchedule[i-j].principalPaid;
                    }

                    trs +=  '<tr>';
                    trs +=      '<td>' + year + '</td>';
                    trs +=      '<td>' + yearlyInterestPaid.toFixed(2) + '</td>';
                    trs +=      '<td>' + yearlyPrincipalPaid.toFixed(2) + '</td>';
                    trs +=      '<td>' + monthlySchedule[i].remaining.toFixed(2) + '</td>';
                    trs +=      '<td>';
                    trs +=          '<a id="' + year + '-table-button" role="button" data-toggle="collapse" href="#' + year + '-table" aria-expanded="false" aria-controls="' + year + '-table">';
                    trs +=              '<i class="fa fa-expand"></i>';
                    trs +=          '</a>';
                    trs +=      '</td>';
                    trs += '</tr>';
                    trs += '<tr id="' + year + '-table" class="collapse">';
                    trs +=      '<td colspan="5" class="full-span">';
                    trs +=          '<table class="monthly-amort">';
                    trs +=              '<thead>';
                    trs +=                  '<tr>';
                    trs +=                      '<th>';
                    trs +=                          'Month';
                    trs +=                      '</th>';
                    trs +=                      '<th>';
                    trs +=                          'Interest Paid';
                    trs +=                      '</th>';
                    trs +=                      '<th>';
                    trs +=                          'Principal Paid';
                    trs +=                      '</th>';
                    trs +=                      '<th>';
                    trs +=                          'Remaining Balance';
                    trs +=                      '</th>';
                    trs +=                  '</tr>';
                    trs +=                  '</thead>';
                    trs +=              '<tbody>';
                    trs +=              '</tbody>';
                    trs +=          '</table>';
                    trs +=      '</td>';
                    trs += '</tr>';
                }
                $(".amort tbody").html(trs);
            }

            function amortize(principal,interest,terms) {
                payment = principal * (interest + (interest / (Math.pow((1 + interest),terms) - 1)));
                payment = payment.toFixed(2);
                return payment;
            }

            function monthlyAmort(id) {
                i = id.replace("-table","");
                i = i * 12;
                trs = "";
                for(var j = 11; j >= 0; j--) {
                    trs +=  '<tr>';
                    trs +=      '<td>';
                    trs +=          i - j;
                    trs +=      '</td>';
                    trs +=      '<td>';
                    trs +=          monthlySchedule[i-j].interestPaid.toFixed(2);
                    trs +=      '</td>';
                    trs +=      '<td>';
                    trs +=          monthlySchedule[i-j].principalPaid.toFixed(2);
                    trs +=      '</td>';
                    trs +=      '<td>';
                    trs +=          monthlySchedule[i-j].remaining.toFixed(2);
                    trs +=      '</td>';
                    trs +=  '</tr>';
                }
                $("#" + id + " tbody").html(trs);
            }

            function callLoans() {
                var options = {
                    zip: mortgages.zip,
                    loanAmount: mortgages.principal,
                    fico: mortgages.score,
                    ltv: mortgages.ltv,
                    products: mortgages.type,
                    points: mortgages.points
                }
                $.ajax({
                    url: 'http://homes.idxbroker.com/idx/api/mortgages/rates',
                    data: options
                }).done(function (resp) {
                    $('.lenders').css("opacity","0");
                    $('.lenders').empty();
                    if (resp && resp.result && (typeof resp.result[0]) === 'object') {
                        var advertiser, temp, regx, field, points;

                        for (var i = 0; i < resp.result.length; i++) {
                            var lender = "";
                            advertiser = resp.result[i];
                            console.log(advertiser);
                            var date = new Date(advertiser.svydate).toDateString().replace(/\s\d{4}/, '');

                            if (!advertiser.points) {
                                advertiser.points = parseFloat(advertiser.originationpoints) + parseFloat(advertiser.discpoints);
                            }
                            lender +=   '<div class="lender">';
                            lender +=       '<div class="row">';
                            lender +=           '<div class="col-md-4">';
                            if (advertiser.ispaid == "true") {
                                lender +=               '<a class="logo" href="' + advertiser.cpc + '">';
                                lender +=                   '<img src="http://www.bankrate.com/system/img/inst/' + advertiser.logo + '">';
                                lender +=               '</a>';
                            }
                            lender +=               '<a class="name" href="' + advertiser.cpc + '">';
                            lender +=                   advertiser.advertiser;
                            lender +=               '</a>';
                            lender +=               '<div class="nmls">';
                            lender +=                   advertiser.nmls;
                            lender +=               '</div>';
                            lender +=               '<div class="state-license">';
                            lender +=                   advertiser.slicense;
                            lender +=               '</div>';
                            lender +=               '<div class="phone">';
                            lender +=                   advertiser.phone;
                            lender +=               '</div>';
                            lender +=           '</div>';
                            lender +=           '<div class="col-md-4">';
                            lender +=               '<div class="apr">';
                            lender +=                   '<span>APR:</span>';
                            lender +=                   advertiser.apr + '%';
                            lender +=               '</div>';
                            lender +=               '<div class="points">';
                            lender +=                   '<span>Points:</span>';
                            lender +=                   advertiser.points;
                            lender +=               '</div>';
                            lender +=               '<div class="caps">';
                            lender +=                   '<span>Caps:</span>';
                            lender +=                   advertiser.firstcap + '/' + advertiser.addcap + '/' + advertiser.lifecap;
                            lender +=               '</div>';
                            lender +=               '<div class="rates">';
                            lender +=                   '<span>Rates:</span>';
                            lender +=                   advertiser.rate;
                            lender +=               '</div>';
                            lender +=               '<div class="fees">';
                            lender +=                   '<span>Fees:</span>';
                            lender +=                   '$' + advertiser.fees;
                            lender +=               '</div>';
                            lender +=           '</div>';
                            lender +=           '<div class="col-md-4">';
                            lender +=               '<div class="monthly">';
                            lender +=                   '$' + advertiser.estpayment + '/mo';
                            lender +=               '</div>';
                            lender +=               '<div class="offer-date">';
                            lender +=                   date;
                            lender +=               '</div>';
                            if (advertiser.ispaid == "true") {
                                lender +=               '<a class="next" href="' + advertiser.cpc + '">Get Rate</a>';
                            }
                            lender +=           '</div>';
                            lender +=       '</div>';
                            lender +=   '</div>';

                            $('.lenders').append(lender);
                            $('.more-rates').attr("href",showAllRates());
                        }
                    //no results
                    } else {
                        noResult = "";
                        noResult += '<h3>';
                        noResult +=     'We were not able to find mortgage loans that fit your requirements.';
                        noResult += '</h3>';
                        noResult += '</p>';
                        noResult +=     'Most loans have a down payment requirement between 5% to 40%';
                        noResult += '<br />';
                        noResult += 'Please try adjusting accordingly.';
                        noResult += '</p>';
                        $('.lenders').html(noResult);
                    }

                    $('.lenders').css("opacity","1");
                });
            }

            function showAllRates() {
                // show all rate button
                if (mortgages.zip !== '') {
                    var points;
                    if ( mortgages.points === 'One') {
                        points = 'ZeroToOne';
                    } else if ( mortgages.points === 'Two' ) {
                        points = 'OneToTwo';
                    } else {
                        points = mortgages.points;
                    }
                    link = 'http://www.bankrate.com/funnel/mortgages/mortgage-results.aspx?pid=p:idxb&zip=' + mortgages.zip + '&loan=' + mortgages.loanAmount + '&perc=' + mortgages.downPerc + '&prods=' + mortgages.legacy + '&points=' + points;
                }
                else{
                    link = 'http://www.bankrate.com/funnel/mortgages/?pid=p:idxb&loan=' + mortgages.loanAmount + '&prods=' + mortgages.legacy + '&points=All';
                }

                return link;
            }

            function display() {
                $("#loanAmount").val(mortgages.loanAmount);
            }

            function update() {
                calculate();
                display();
                amortization();
            }
        </script>
    </head>
    <body>
        <div class="section banner bg-blue">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1>
                            Get Home Loan Rates in <span id="clientState"></span>
                        </h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="section sub-banner bg-grey">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        This website is inactive. If you are the owner of this site you can reenable you IDX Broker
                        account <a href="https://middleware.idxbroker.com/mgmt/billing.php">here</a>.
                    </div>
                </div>
            </div>
        </div>
        <div class="section">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2>
                            Mortgage Calculator
                        </h2>
                        <form class="form-horizontal mortgage-calc compressed">
                            <div class="form-group price">
                                <label class="col-md-3 padded" for="price">
                                    Price of Home
                                </label>
                                <div class="col-md-6 bottom">
                                    <input type="text" id="price" class="form-control padded" value="250,000">
                                </div>
                                <div class="col-md-3 bottom">
                                    <span class="padded">
                                        Dollars
                                    </span>
                                </div>
                            </div>
                            <div class="form-group down">
                                <label class="col-md-3 padded" for="down">
                                    Down Payment
                                </label>
                                <div class="col-md-6 bottom">
                                    <input type="text" id="down" class="form-control padded" value="20">
                                </div>
                                <div class="col-md-3 bottom">
                                    <select id="unit" class="form-control padded">
                                        <option>
                                            %
                                        </option>
                                        <option>
                                            Dollars
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group interest">
                                <label class="col-md-3 padded" for="interest">
                                    Interest Rate
                                </label>
                                <div class="col-md-6 bottom">
                                    <input type="text" id="interest" class="form-control padded" value="5.0">
                                </div>
                                <div class="col-md-3 bottom">
                                    <span class="padded">
                                        %
                                    </span>
                                </div>
                            </div>
                            <div class="form-group term">
                                <label class="col-md-3 padded" for="years">
                                    Mortgage Term
                                </label>
                                <div class="col-md-6 bottom">
                                    <input id="years" type="text" class="form-control padded" value="30">
                                </div>
                                <div class="col-md-3 bottom last">
                                    <span class="padded">
                                        Years
                                    </span>
                                </div>
                            </div>
                        </form>
                        <div style="clear:both;">
                        </div>
                        <h2>
                            Amortization Estimates
                        </h2>
                        <table class="amort">
                            <thead>
                                <tr>
                                    <th>
                                        Year
                                    </th>
                                    <th>
                                        Interest Paid
                                    </th>
                                    <th>
                                        Principal Paid
                                    </th>
                                    <th>
                                        Remaining Balance
                                    </th>
                                    <th>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <h2>
                            Lenders Filter
                        </h2>
                        <form class="mortgage-filter">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="bg-blue padded" for="down">
                                        Loan Amount
                                    </label>
                                    <input id="loanAmount" class="form-control padded" type="text" value="377,600" readonly>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="bg-blue padded" for="score">
                                        Credit Score
                                    </label>
                                    <select id="score" class="form-control padded">
                                        <option value="660|679">
                                            660 - 679
                                        </option>
                                        <option value="680|699">
                                            680 - 699
                                        </option>
                                        <option value="700|719">
                                            700 - 719
                                        </option>
                                        <option value="720|739">
                                            720 - 739
                                        </option>
                                        <option value="740|1000" selected="">
                                            740+
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label class="padded bottom" for="points">
                                        Points
                                    </label>
                                    <select id="points" class="form-control padded">
                                        <option value="All">
                                            All
                                        </option>
                                        <option value="Zero">
                                            Zero
                                        </option>
                                        <option value="One">
                                            Zero To One
                                        </option>
                                        <option value="Two">
                                            One To Two
                                        </option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6">
                                    <label class="padded bottom last" for="type">
                                        Loan Type
                                    </label>
                                    <select id="type" class="form-control padded">
                                        <option value="1" data-legacy="1">
                                            30 yr fixed
                                        </option>
                                        <option value="2" data-legacy="2">
                                            15 yr fixed
                                        </option>
                                        <option value="3" data-legacy="3">
                                            1 yr ARM
                                        </option>
                                        <option value="5" data-legacy="5">
                                            30 yr FHA Mortgage
                                        </option>
                                        <option value="6" data-legacy="6">
                                            5/1 ARM
                                        </option>
                                        <option value="8" data-legacy="8">
                                            3/1 ARM
                                        </option>
                                        <option value="9" data-legacy="9">
                                            7/1 ARM
                                        </option>
                                        <option value="10" data-legacy="10">
                                            10/1 ARM
                                        </option>
                                        <option value="116" data-legacy="215">
                                            15 yr fixed refi
                                        </option>
                                        <option value="117" data-legacy="216">
                                            30 yr fixed refi
                                        </option>
                                        <option value="118" data-legacy="217">
                                            1 yr ARM refi
                                        </option>
                                        <option value="119" data-legacy="218">
                                            3/1 ARM refi
                                        </option>
                                        <option value="120" data-legacy="219">
                                            5/1 ARM refi
                                        </option>
                                        <option value="121" data-legacy="220">
                                            7/1 ARM refi
                                        </option>
                                        <option value="122" data-legacy="221">
                                            10/1 ARM refi
                                        </option>
                                        <option value="156" data-legacy="265">
                                            30 yr FHA refi
                                        </option>
                                        <option value="266" data-legacy="387">
                                            20 yr fixed
                                        </option>
                                        <option value="267" data-legacy="388">
                                            10 yr fixed
                                        </option>
                                        <option value="268" data-legacy="389">
                                            3/1 ARM (interest only)
                                        </option>
                                        <option value="269" data-legacy="390">
                                            5/1 ARM (interest only)
                                        </option>
                                        <option value="271" data-legacy="392">
                                            20 yr fixed refi
                                        </option>
                                        <option value="272" data-legacy="393">
                                            10 yr fixed refi
                                        </option>
                                        <option value="304" data-legacy="425">
                                            3/1 ARM refi (interest only)
                                        </option>
                                        <option value="305" data-legacy="426">
                                            5/1 ARM refi (interest only)
                                        </option>
                                        <option value="322" data-legacy="447">
                                            7/1 ARM (interest only)
                                        </option>
                                        <option value="323" data-legacy="448">
                                            7/1 ARM refi (interest only)
                                        </option>
                                        <option value="324" data-legacy="449">
                                            30 year VA Mortgage Loan
                                        </option>
                                        <option value="325" data-legacy="450">
                                            30 year VA mortgage refi
                                        </option>
                                        <option value="427" data-legacy="565">
                                            30 yr fixed (interest only)-0 point
                                        </option>
                                        <option value="428" data-legacy="566">
                                            40 yr fixed-0 point
                                        </option>
                                    </select>
                                </div>
                            </div>
                        </form>
                        <h2 class="rates">
                            Get Rates
                        </h2>
                        <div class="lender-header bg-blue">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class=" title padded">
                                        Company
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class=" title padded">
                                        Details
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class=" title padded">
                                        Rates
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="lenders">
                            <div class="loading">
                                <img src="/images/ajaxLoadSmall.gif" alt="loading"/>
                            </div>
                        </div>
                        <a class="more-rates bg-blue" href="#" target="_blank">
                            Show All Rates
                        </a>
                        <div class="warning">
                            Rates were collected by Bankrate.com on the dates specified.
                            Rates are subject to change without notice and may vary from branch to
                            branch.
                            APR and Payment examples shown do not include amounts for taxes and insurance
                            premiums.
                            The monthly payment obligation will be greater if taxes and insurance are
                            included.
                            <br />
                            <br />
                            These quotes are from banks, thrifts, and brokers,
                            some of whom have paid for a link to their own Web site,
                            where you can find additional information.
                            Many lenders have different rates on their own Websites than those posted on
                            Bankrate.com.
                            Please identify yourself as a Bankrate consumer to lenders to ensure you get
                            the Bankrate.com rate.
                            If you believe that you have received an inaccurate quote or are otherwise not
                            satisfied with the services provided to you by the lender you choose,
                            please
                            <a href="mailto:qualitycontrol@bankrate.com">click here</a>.
                            <a href="http://www.bankrate.com">
                                <img src="https://s3.amazonaws.com/idx-staticassets/images/mini-mtg-v3-images.png" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            Services &copy; 2016
            <a href="http://www.idxbroker.com">IDX Broker</a>. All rights reserved.
        </div>
    </body>
</html>
