* required
';\r\n html += '';\r\n html += 'Notice - This is not a credit decision or a commitment to lend. Estimated payment does not include taxes and insurance, which could result in a higher payment.';\r\n html += '
';\r\n html += 'Complete required items to view chart
'\r\n\r\n html = beginHtml + 'Does not include taxes and insurance
');\r\n $('#divmontlypayment2').html(paymentType + ' Payment $' + formatCurrency(monthlyPayment) + 'Does not include taxes and insurance
');\r\n\r\n updatecharts(data);\r\n\r\n }\r\n /*helper methods section */\r\n function switchValues(purchaseprice, amountdown, format) {\r\n var strValue = '';\r\n if (purchaseprice != '' || purchaseprice != 0 || amountdown != '' || amountdown != 0) {\r\n if (format == \"%\") {\r\n var v = parseFloat(amountdown / purchaseprice * 100)\r\n truepercent = v;\r\n strValue = v.toFixed(2);\r\n trueValue = strValue;\r\n } else {\r\n\r\n if (amountdown == trueValue) {\r\n strValue = (parseFloat(purchaseprice / 100) * truepercent) / 100;\r\n } else {\r\n strValue = (parseFloat(purchaseprice / 100) * amountdown) / 100;\r\n truepercent = 0;\r\n trueValue = 0;\r\n }\r\n\r\n strValue = strValue.toFixed(2);\r\n }\r\n }\r\n return strValue;\r\n }\r\n function roundNumber(original_number, decimals) {\r\n var result1 = original_number * Math.pow(10, decimals)\r\n var result2 = Math.round(result1)\r\n var result3 = result2 / Math.pow(10, decimals)\r\n return result3;\r\n }\r\n function calculate_payment(PV, IR, NP) {\r\n var PMT = (PV * IR) / (1 - Math.pow(1 + IR, (-1 * NP)))\r\n return roundNumber(PMT, 2)\r\n }\r\n function formatCurrency(str) {\r\n\r\n return str.toString().split('').reverse().join('').replace(/(?=\\d*\\.?)(\\d{3})/g, '$1,').split('').reverse().join('').replace(/^[\\,]/, '');\r\n }\r\n function updatecharts(data) {\r\n\r\n\r\n var mortgage = 1200;\r\n var propertytaxes = 400;\r\n var homeinsurance = 100;\r\n var hoadues = 33;\r\n\r\n $('#chart1').html('');\r\n $('#chart2').html('');\r\n //getvalues\r\n if (data == '') {\r\n\r\n if (settings.hoaDuesOn == true) {\r\n data = [[' Mortgage - $1200 ', mortgage], [' Taxes - $400 ', propertytaxes], [' Insurance - $100 ', homeinsurance], [' HOA - $33 ', hoadues]];\r\n } else {\r\n data = [[' Mortgage - $1200 ', mortgage], [' Taxes - $400 ', propertytaxes], [' Insurance - $100 ', homeinsurance]];\r\n\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n plot1 = $.jqplot('chart1', [data],\r\n {\r\n height: 285,\r\n width: 285,\r\n grid: {\r\n drawGridLines: false, // wether to draw lines across the grid or not.\r\n gridLineColor: '#cccccc', // *Color of the grid lines.\r\n background: '#fff', // CSS color spec for background color of grid.\r\n borderColor: '#fff', // CSS color spec for border around grid.\r\n borderWidth: 0.0, // pixel width of border around grid.\r\n shadow: false, // draw a shadow for grid.\r\n shadowAngle: 0, // angle of the shadow. Clockwise from x axis.\r\n shadowOffset: 0, // offset from the line of the shadow.\r\n shadowWidth: 0, // width of the stroke for the shadow.\r\n shadowDepth: 0, // Number of strokes to make when drawing shadow.\r\n // Each stroke offset by shadowOffset from the last.\r\n shadowAlpha: 0,\r\n },\r\n seriesDefaults: {\r\n // Make this a pie chart.\r\n renderer: $.jqplot.PieRenderer,\r\n trendline: { show: false },\r\n rendererOptions: {\r\n padding: 15,\r\n showDataLabels: false,\r\n shadowAlpha: 0,\r\n shadowDepth: 0,\r\n shadowOffset: 0\r\n },\r\n seriesColors: ['#9BBB59', '#8064A2', '#4F81BD', '#C0504D']\r\n },\r\n legend: {\r\n show: true,\r\n placement: 'outside',\r\n disableIEFading: true,\r\n rendererOptions: {\r\n numberRows: 2,\r\n border: 'none'\r\n },\r\n location: 's',\r\n marginTop: '10px',\r\n marginLeft: '2px',\r\n marginRight: '0px',\r\n marginBottom: '200px',\r\n background: 'white'\r\n }\r\n })\r\n\r\n plotS1.length = 0;\r\n\r\n buildAmortTable();\r\n\r\n plotS1[plotS1.length - 1][1] = 0;\r\n\r\n plot2 = jQuery.jqplot('chart2', [plotS1],\r\n {\r\n width: 265,\r\n animate: true,\r\n // Will animate plot on calls to plot1.replot({resetAxes:true})\r\n animateReplot: true,\r\n grid: {\r\n drawGridLines: true, // wether to draw lines across the grid or not.\r\n gridLineColor: '#cccccc', // *Color of the grid lines.\r\n background: '#fff', // CSS color spec for background color of grid.\r\n borderColor: '#fff', // CSS color spec for border around grid.\r\n borderWidth: 0.0, // pixel width of border around grid.\r\n shadow: false, // draw a shadow for grid.\r\n shadowAngle: 0, // angle of the shadow. Clockwise from x axis.\r\n shadowOffset: 0, // offset from the line of the shadow.\r\n shadowWidth: 0, // width of the stroke for the shadow.\r\n shadowDepth: 0, // Number of strokes to make when drawing shadow.\r\n // Each stroke offset by shadowOffset from the last.\r\n shadowAlpha: 0,\r\n },\r\n series: [\r\n {\r\n showMarker: true,\r\n pointLabels: {\r\n show: false,\r\n },\r\n renderer: $.jqplot.LineRenderer,\r\n showHighlight: true,\r\n yaxis: 'y2axis',\r\n highlighter: {\r\n show: true\r\n },\r\n rendererOptions: {\r\n // Speed up the animation a little bit.\r\n // This is a number of milliseconds. \r\n // Default for bar series is 3000. \r\n animation: {\r\n speed: 1500\r\n },\r\n barWidth: 15,\r\n barPadding: -15,\r\n barMargin: 0,\r\n highlightMouseOver: true\r\n }\r\n }\r\n ],\r\n axesDefaults: {\r\n pad: 0\r\n },\r\n axes: {\r\n // These options will set up the x axis like a category axis.\r\n xaxis: {\r\n label: 'Year',\r\n tickInterval: 1,\r\n drawMajorGridlines: true,\r\n drawMinorGridlines: false,\r\n drawMajorTickMarks: true,\r\n },\r\n y2axis: {\r\n tickOptions: {\r\n formatString: \"$%'d\"\r\n },\r\n rendererOptions: {\r\n // align the ticks on the y2 axis with the y axis.\r\n alignTicks: true,\r\n forceTickAt0: true\r\n\r\n }\r\n }\r\n },\r\n highlighter: {\r\n show: true,\r\n showMarker: true,\r\n showLabel: true,\r\n useAxesFormatters: true,\r\n tooltipAxes: 'both',\r\n bringSeriesToFront: true,\r\n sizeAdjust: 7.5, tooltipLocation: 'ne'\r\n }\r\n });\r\n }\r\n\r\n // function tooltipContentEditor(str, seriesIndex, pointIndex, plot) {\r\n // display series_label, x-axis_tick, y-axis value\r\n // tooltipContentEditor: tooltipContentEditor\r\n // return plot.series[seriesIndex][\"label\"] + \", \" + plot.data[seriesIndex][pointIndex];\r\n // }\r\n\r\n function buildAmortTable() {\r\n\r\n\r\n\r\n var html = '';\r\n\r\n if ($('#txtPurchasePrice').val() == 0) {\r\n html += 'Purchase price is required
';\r\n }\r\n\r\n if ($('#txtLoanTerms').val() == 0) {\r\n html += 'Loan term is required
';\r\n }\r\n\r\n if ($('#txtInterestRate').val() == 0) {\r\n html += 'Interest rate is required
' + paymentType + ' | ';\r\n\r\n\r\n html += 'P & I | ';\r\n html += 'Principal | ';\r\n html += 'Interest | ';\r\n html += 'Balance | ';\r\n html += '
|---|---|---|---|---|
| {0} | ${1} | ${2} | ${3} | ${4} |
| {0} | ${1} | ${2} | ${3} | ${4} |
| ';\r\n html += 'Year ' + years + ' | Balance $' + formatCurrency(pr, true) + ' ';\r\n html += ' |