Помогите исправить калькулятор так, чтобы чекбокс "+ Зеркало" показывался только при выборе "Шкафы купе ЛДСП"
<div id="calculator">
<h3>Калькулятор</h3>
<p>Выбирите материал:</p>
<select onchange="calc()" id="type_design">
<optgroup label="Кухня">
<option value="9500">ЛДСП</option>
<option value="12300">МДВ</option>
<option value="15000">Пластик</option>
<option value="15000">Крашенный</option>
<option value="22000">Массив</option>
</optgroup>
<optgroup label="Шкаф купе">
<option value="5500">ЛДСП</option>
<option value="13000">Пескоструй</option>
<option value="22000">Печать</option>
</optgroup>
<optgroup label="Прихожая">
<option value="7500">ЛДСП</option>
</optgroup>
<optgroup label="Детская">
<option value="7500">ЛДСП</option>
</optgroup>
<optgroup label="Гостиная">
<option value="7500">ЛДСП</option>
</optgroup>
</select>
<br/>
<input type="checkbox" onchange="calc()" value="800" id="is_html" />
<label for="is_html">+Зеркало</label>
<br/>
<p>Погонный метр: <p><input type="text" id="count" value="1" onchange="calc()" />
<div id="calc-sum">= <span id="result">0</span> руб.
</div>
<div class="menu-search-box scnd-fix">
<a href="bedroom.html" class="spec-button">Заказать</a>
</div>
</div>
function calc() {
//получаем ссылку на элемент Select (Тип дизайна)
var type_design = document.getElementById("type_design");
//получаем ссылку на чекбокс (Требуется верстка?)
var is_html = document.getElementById("is_html");
//получаем ссылку на элемент input (Кол-во вариантов)
var count = document.getElementById("count");
//получаем ссылку на элемент span, в него будем писать стоимость дизайна
var result = document.getElementById("result");
var price = 0;
price += parseInt(type_design.options[type_design.selectedIndex].value);
price += (is_html.checked == true) ? parseInt(is_html.value) : 0;
price = parseInt(count.value) * price;
result.innerHTML = price;
}