solar / FTV / vyp.html
vyp.html
Raw
<!DOCTYPE html>
<html>
	<head>
		<title>FTV</title>
		<link rel="stylesheet" href="assets/style/sprites.css">
		<link rel="stylesheet" href="assets/style/main.css">
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<script src="bin/data.js"></script>
		<script src="bin/lib.js"></script>
		<script src="bin/fn.js"></script>
		<script src="bin/templates.js"></script>
		<script src="bin/vyp.js"></script>
		<script src="bin/ui.js"></script>
		<script src="bin/graph.js"></script>
	</head>
	<body>
		<div class="toolbar">
			<button class="t--btn calc" id="calc">
				<span class="sprite simg-recalc"></span>
				<span class="tb--text">Přepočítat</span>
			</button>
			<h1>
				<span class="text">SOLAR</span>
				<span class="sprite simg-solar"></span>
			</h1>
		</div>
		<div class="m--container">
			<div class="m--sidebar">
				<div class="ms--block">
					<div class="msb--content">
						<div class="s--item project">
							<a>
								<span class="sprite simg-house"></span>
								<span>Projekt</span>
							</a>
						</div>
						<div class="s--item">
							<a>
								<span class="sprite simg-temperature"></span>
								<span>Klimatické podmínky</span>
							</a>
						</div>
						<div class="s--item">
							<a>
								<span class="sprite simg-photovoltaics"></span>
								<span>Fotovoltaika</span>
							</a>
						</div>
						<div class="s--item">
							<a>
								<span class="sprite simg-floorplan"></span>
								<span>Místnosti</span>
							</a>
						</div>
					</div>
				</div>
			</div>
			<main>
				<div class="m--content">
					<div class="tabs">
						<div class="t--head">
							<ul>
								<li><a class="t--tab active" href="#tab-1">Lokalita</a></li>
								<li><a class="t--tab" href="#tab-2">Panel</a></li>
								<li><a class="t--tab" href="#tab-spotreba">Spotřeba</a></li>
								<li><a class="t--tab" href="#tab-3">Vedení</a></li>
								<li><a class="t--tab" href="#tab-4">Okrajové podmínky</a></li>
							</ul>
						</div>
						<div class="t--container">
							<div class="t--content active" id="tab-1">
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Město
											</div>
											<div class="ii--field">
												<input name="mesto_nazev" />
												<input name="mesto_name" hidden="hidden" />
												<button class="btn catalog city">
													<span class="sprite simg-catalog"></span>
												</button>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											H
										</div>
										<div class="col">
											<div class="ii--title">
												Nadmořská výška
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="mesto_nvyska" />
												</div>
												<div class="ii--unit">
													m.n.m.
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											z<sub>f</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Zeměpisná šířka
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="mesto_zsirka" />
												</div>
												<div class="ii--unit">
													&deg;
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											z<sub>g</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Zeměpisná délka
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="mesto_zdelka" />
												</div>
												<div class="ii--unit">
													&deg;
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											Z
										</div>
										<div class="col">
											<div class="ii--title">
												Znečištění atmosféry
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<select name="Z">
														<optgroup label="Konstantní">
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4">4</option>
															<option value="5">5</option>
														</optgroup>
														<optgroup label="Dle oblasti">
															<option value="h">Horská oblast</option>
															<option value="v">Venkov</option>
															<option value="m">Město</option>
															<option value="p">Průmyslová oblast</option>
														</optgroup>
													</select>
												</div>
												<div class="ii--unit">
													-
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											&rho;
										</div>
										<div class="col">
											<div class="ii--title">
												Odrazivost okolí (albedo)
											</div>
											<div class="ii--field">
												<!--<input value="0.2" name="albedo" />-->
												<div class="ii--input-container">
													<select name="albedo">
														<optgroup label="Konstantní">
															<option value="0.20">0,20</option>
															<option value="0.25">0,25</option>
														</optgroup>
														<optgroup label="Dle okolí">
															<option value="t">Tráva</option>
															<option value="l">Les</option>
															<option value="p">Louka</option>
														</optgroup>
													</select>
												</div>
												<div class="ii--unit">
													-
												</div>
											</div>
										</div>
									</div>
									<div class="i--row">
										<div class="i--item">
											<div class="ii--label">
												
											</div>
											<div class="col">
												<div class="ii--title">
													Horizont
												</div>
												<div class="ii--field">
													<!--<input value="0.2" name="albedo" />-->
													<input type="file" />
													<div class="ii--unit">
														
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="t--content" id="tab-2">
								<div class="i--row">
									<div class="i--item full">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Název fotovoltaických panelů
											</div>
											<div class="ii--field">
												<input value="" name="fv-name" />
												<button class="btn catalog fv-model">
													<span class="sprite simg-catalog"></span>
												</button>
											</div>
										</div>
										<div class="ii--unit">
											
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											&eta;<sub>ref</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Referenční účinnost
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="eta_ref" type="number" />
												</div>
												<div class="ii--unit">
													%
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											&gamma;
										</div>
										<div class="col">
											<div class="ii--title">
												Teplotní součinitel výkonu
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="gamma" type="number" />
												</div>
												<div class="ii--unit">
													%/K
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											t<sub>FV,NOCT</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Teplota FV článku při NOCT
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="t_FV" type="number" />
												</div>
												<div class="ii--unit">
													&deg;C
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											&rho;
										</div>
										<div class="col">
											<div class="ii--title">
												Odrazivost
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="5" name="ro" type="number" />
												</div>
												<div class="ii--unit">
													%
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											A<sub>FV</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Plocha jednoho panelu
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="" name="A_FV_s" type="number" />
												</div>
												<div class="ii--unit">
													m<sup>2</sup>
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Počet panelů
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="5" name="A_FV_count" type="number" />
												</div>
												<div class="ii--unit">
													ks
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--item">
										<div class="ii--label">
										</div>
										<div class="col">
											<div class="ii--title">
												Optické ztráty vlivem nekolmého úhlu dopadu slunečního záření
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="10" name="p_4" />
												</div>
												<div class="ii--unit">
													%
												</div>
											</div>
										</div>
									</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											a<sub>s</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Azimut plochy od jihu
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="0" name="a_s" type="number" />
												</div>
												<div class="ii--unit">
													&deg;
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											&alpha;
										</div>
										<div class="col">
											<div class="ii--title">
												Sklon plochy od vodorovné roviny
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="30" name="alpha_sklon" type="number" />
												</div>
												<div class="ii--unit">
													&deg;
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="t--content" id="tab-spotreba">
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Způsob stanovení odběru
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<select name="typical-el-consumption">
														<option value="TTD">Dle typických odběrových křivek (TTD)</option>
														<option value="area">Dle užitné plochy</option>
														<option value="appliances">Dle specifikací spotřebiču a jejich odběrů</option>
													</select>
												</div>
												<div class="ii--unit">
													
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Typický odběr
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<select name="typical-el-consumption">
														<option value="TTD1">TTD1 - kat. C - odběr bez tepelného využití elektřiny</option>
														<option value="TTD2">TTD2 - kat. C - odběr s akumulačním spotřebičem s hybridním vytápěním</option>
														<option value="TTD3">TTD3 - kat. C - odběr s přímotopným systémem vytápění s tepelným čerpadlem</option>
														<option value="TTD4">TTD4 - kat. D - odběr bez tepelného využití elektřiny</option>
														<option value="TTD5-SM">TTD5-Severní Morava - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-JM">TTD5-Jižní Morava - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-JC">TTD5-Jižní Čechy - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-SC">TTD5-Severní Čechy - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-VC">TTD5-Východní Čechy - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-ZC">TTD5-Západní Čechy - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-STC">TTD5-Střední Čechy - kat. D - odběr s akumulačním spotřebičem</option>
														<option value="TTD5-P">TTD5-Praha - kat. D - odběr s akumulačním spotřebičem</option>
													</select>
												</div>
												<div class="ii--unit">
													
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Spotřeba na m<sup>2</sup>
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="77" name="consumption_per_square_meter" type="number" />
												</div>
												<div class="ii--unit">
													kWh
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											
										</div>
										<div class="col">
											<div class="ii--title">
												Užitná plocha domu
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="100" name="house_area" type="number" />
												</div>
												<div class="ii--unit">
													m<sup>2</sup>
												</div>
											</div>
										</div>
									</div>
								</div>
								<table class="input-appliance">
									<thead>
										<tr>
											<td></td>
											<td></td>
											<td>Spotřebič</td>
											<td>
												<div class="ia--row">Spotřeba provoz</div>
												<div class="ia--row">Doba v provozu</div>
											</td>
											<td>
												<div class="ia--row">Spotřeba stand-by</div>
												<div class="ia--row">Doba ve stand-by</div>
											</td>
											<td>
												Uživání
											</td>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												<button class="btn remove">
													<span class="sprite simg-cross"></span>
												</button>
												<button class="btn catalog">
													<span class="sprite simg-book"></span>
												</button>
											</td>
											<td>
												<span class="ia--ilu sprite simg-fridge"></span>
											</td>
											<td>
												<div class="ia--row">
													<select name="cat[]" class="">
														<optgroup label="Kuchyně">
															<option value="fridge">Lednice</option>
															<option value="cooktop">Varná deska</option>
															<option value="electric-jug">Rychlovarná konvice</option>
															<option value="microwave">Mikrovlná trouba</option>
															<option value="mixer">Mixér</option>
															<option value="stove">Elektrická trouba</option>
															<option value="toaster">Topinkovač</option>
															<option value="dishwasher">Myčka</option>
															<option value="coffee_maker">Kávovar</option>
														</optgroup>
														<optgroup label="Obývací pokoj">
															<option value="tube_tv">CRT televize</option>
															<option value="flat_tv">LCD televize</option>
															<option value="plasma_tv">Plazmová televize</option>
															<option value="home-theatre">Domací kino</option>
															<option value="speakers">Reproduktory</option>
															<option value="settopbox">Set-top-box</option>
															<option value="radio">Rádio</option>
														</optgroup>
														<optgroup label="Osvětlení">
															<option value="fluorescent_tube">Zářivka</option>
															<option value="LED_bulb">LED žárovka</option>
															<option value="compact_fluorescent_lamp">Úsporná žárovka</option>
															<option value="filament_bulb">Klasická žárovka (filamentová)</option>
															<option value="halogen_bulb">Halogenová žárovka</option>
														</optgroup>
														<optgroup label="Koupelna">
															<option value="shaver">Holící strojek</option>
															<option value="hairdryer">Fén</option>
															<option value="">Kulma</option>

														</optgroup>
														<optgroup label="Úprava vzduchu/Vytápění">
															<option value="air_conditioning">Klimatizace</option>
															<option value="air_purifier">Čistička vzduchu</option>
															<option value="fan">Ventilátor</option>
															<option value="room_heater">Přímotop</option>
															<option value="water_heater">Průtokový ohřívač vody</option>
														</optgroup>
														<optgroup label="Domací práce">
															<option value="washing_machine">Pračka</option>
															<option value="dryer">Sušička</option>
															<option value="iron">Žehlička</option>
															<option value="vacuum_cleaner">Vysavač</option>
														</optgroup>
														<optgroup label="Pokoj/pracovna/ložnice">
															<option value="computer">Počítač</option>
															<option value="printer">Tiskárna</option>
															<option value="scanner">Skener</option>
															<option value="multi_printer">Multifunkční tiskárna</option>
															<option value="flat_monitor">LCD monitor</option>
															<option value="tube_monitor">CRT monitor</option>
															<option value="phone_charger">Nabíječka telefonu/tabletu</option>
															<option value="alarm">Elektronický budík</option>
														</optgroup>
														<optgroup label="Automatizace/Technické zařízení">
															<option value="burglar_alarm">Poplašný alarm</option>
															<option value="smart_home">Zařízení chytrého domu</option>
															<option value="router">Router/switch</option>
														</optgroup>
													</select>
												</div>
												<div class="ia--row">
													<input name="model[]" class="" value="" />
												</div>
											</td>
											<td>
												<div class="ia--row">
													<input name="comp-r[]" class="" value="" size="3" /> W
												</div>
												<div class="ia--row">
													<input name="dur-r[]" class="" value="" size="3" /> h
												</div>
											</td>
											<td>
												<div class="ia--row">
													<input name="comp-s[]" class="" value="" size="3" /> W
												</div>
												<div class="ia--row">
													<input name="dur-s[]" class="" value="" size="3" /> h
												</div>
											</td>
											<td><div class="ia--row">
													<select>
														<option>Měsíční</option>
														<option>Týdenní</option>
														<option>Denní</option>
													</select>
												</div>
												<div class="ia--row">
													<input />
												</div>
											</td>
										</tr>
									</tbody>
								</table>
								<button id="add-appliance" class="btn add">
									<span class="sprite simg-add"></span>
									<span class="text">Přidat spotřebič</span>
								</button>
							</div>
							<div class="t--content" id="tab-3">
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
										</div>
										<div class="col">
											<div class="ii--title">
												Ztráty na DC vedení
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="2" name="p_1" />
												</div>
												<div class="ii--unit">
													%
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
										</div>
										<div class="col">
											<div class="ii--title">
												Ztráty na měniči a sledovačí výkonového maxima
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="5" name="p_2" />
												</div>
												<div class="ii--unit">
													%
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
										</div>
										<div class="col">
											<div class="ii--title">
												Ztráty na AC vedení
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="1" name="p_3" />
												</div>
												<div class="ii--unit">
													%
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="t--content" id="tab-4">
								<h3>Referenční podmínky</h3>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											t<sub>e,ref</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Venkovní referenční teplota
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="25" name="t_eref" />
												</div>
												<div class="ii--unit">
													&deg;C
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											G<sub>ref</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Referenční sluneční záření
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="1000" name="G_ref" />
												</div>
												<div class="ii--unit">
													W/m<sup>2</sup>
												</div>
											</div>
										</div>
									</div>
								</div>
								<h3>NOCT podmínky</h3>
								<div class="i--row">
									<div class="i--item">
										<div class="ii--label">
											t<sub>e,NOCT</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Venkovní teplota NOCT
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="20" name="t_eNOCT" />
												</div>
												<div class="ii--unit">
													&deg;C
												</div>
											</div>
										</div>
									</div>
									<div class="i--item">
										<div class="ii--label">
											G<sub>NOCT</sub>
										</div>
										<div class="col">
											<div class="ii--title">
												Sluneční záření NOCT
											</div>
											<div class="ii--field">
												<div class="ii--input-container">
													<input value="800" name="G_NOCT" />
												</div>
												<div class="ii--unit">
													W/m<sup>2</sup>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="block">
						Horizont
						<!--<svg>
							<rect x="10" y="10" width="131.0" height="195.6" stroke-width="2" stroke="#fff" fill="transparent" transform="translate(5, 5) rotate(10 60 80)"></rect>
						</svg>-->
						<div class="graph" id="horizont"></div>
					</div>
					<div class="block">
						<div class="collapse">
							<button class="c--collapse-button">
								<span class="ccb--arrow"><span class="sprite simg-arrow"></span></span>
								<span class="ccb--label">Měsíční data</span>
								<span class="ccb--hr"></span>
							</button>
							<div class="c--content hidden">
								<table class="input-table-monthly">
									<thead>
										<tr>
											<th></th>
											<th>
												<span class="rtmh--month-number">1</span>
												<span class="rtmh--month-name">Leden</span>
											</th>
											<th>
												<span class="rtmh--month-number">2</span>
												<span class="rtmh--month-name">Únor</span>
											</th>
											<th>
												<span class="rtmh--month-number">3</span>
												<span class="rtmh--month-name">Březen</span>
											</th>
											<th>
												<span class="rtmh--month-number">4</span>
												<span class="rtmh--month-name">Duben</span>
											</th>
											<th>
												<span class="rtmh--month-number">5</span>
												<span class="rtmh--month-name">Květen</span>
											</th>
											<th>
												<span class="rtmh--month-number">6</span>
												<span class="rtmh--month-name">Červen</span>
											</th>
											<th>
												<span class="rtmh--month-number">7</span>
												<span class="rtmh--month-name">Červenec</span>
											</th>
											<th>
												<span class="rtmh--month-number">8</span>
												<span class="rtmh--month-name">Srpen</span>
											</th>
											<th>
												<span class="rtmh--month-number">9</span>
												<span class="rtmh--month-name">Září</span>
											</th>
											<th>
												<span class="rtmh--month-number">10</span>
												<span class="rtmh--month-name">Říjen</span>
											</th>
											<th>
												<span class="rtmh--month-number">11</span>
												<span class="rtmh--month-name">Listopad</span>
											</th>
											<th>
												<span class="rtmh--month-number">12</span>
												<span class="rtmh--month-name">Prosinec</span>
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">&tau;<sub>skut</sub></div>
												<div class="rtmi--unit">h</div>
											</td>
											<td>
												<input value="" name="mesto_tau_skut-1" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-2" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-3" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-4" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-5" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-6" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-7" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-8" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-9" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-10" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-11" size="3" />
											</td>
											<td>
												<input value="" name="mesto_tau_skut-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">p</div>
												<div class="rtmi--unit">hPa</div>
											</td>
											<td>
												<input value="" name="pressure-1" size="3" />
											</td>
											<td>
												<input value="" name="pressure-2" size="3" />
											</td>
											<td>
												<input value="" name="pressure-3" size="3" />
											</td>
											<td>
												<input value="" name="pressure-4" size="3" />
											</td>
											<td>
												<input value="" name="pressure-5" size="3" />
											</td>
											<td>
												<input value="" name="pressure-6" size="3" />
											</td>
											<td>
												<input value="" name="pressure-7" size="3" />
											</td>
											<td>
												<input value="" name="pressure-8" size="3" />
											</td>
											<td>
												<input value="" name="pressure-9" size="3" />
											</td>
											<td>
												<input value="" name="pressure-10" size="3" />
											</td>
											<td>
												<input value="" name="pressure-11" size="3" />
											</td>
											<td>
												<input value="" name="pressure-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">t<sub>es</sub></div>
												<div class="rtmi--unit">&deg;C</div>
											</td>
											<td>
												<input value="" name="tes-1" size="3" />
											</td>
											<td>
												<input value="" name="tes-2" size="3" />
											</td>
											<td>
												<input value="" name="tes-3" size="3" />
											</td>
											<td>
												<input value="" name="tes-4" size="3" />
											</td>
											<td>
												<input value="" name="tes-5" size="3" />
											</td>
											<td>
												<input value="" name="tes-6" size="3" />
											</td>
											<td>
												<input value="" name="tes-7" size="3" />
											</td>
											<td>
												<input value="" name="tes-8" size="3" />
											</td>
											<td>
												<input value="" name="tes-9" size="3" />
											</td>
											<td>
												<input value="" name="tes-10" size="3" />
											</td>
											<td>
												<input value="" name="tes-11" size="3" />
											</td>
											<td>
												<input value="" name="tes-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">Z</div>
												<div class="rtmi--unit">-</div>
											</td>
											<td>
												<input value="" name="Z-1" size="3" />
											</td>
											<td>
												<input value="" name="Z-2" size="3" />
											</td>
											<td>
												<input value="" name="Z-3" size="3" />
											</td>
											<td>
												<input value="" name="Z-4" size="3" />
											</td>
											<td>
												<input value="" name="Z-5" size="3" />
											</td>
											<td>
												<input value="" name="Z-6" size="3" />
											</td>
											<td>
												<input value="" name="Z-7" size="3" />
											</td>
											<td>
												<input value="" name="Z-8" size="3" />
											</td>
											<td>
												<input value="" name="Z-9" size="3" />
											</td>
											<td>
												<input value="" name="Z-10" size="3" />
											</td>
											<td>
												<input value="" name="Z-11" size="3" />
											</td>
											<td>
												<input value="" name="Z-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">&rho;</div>
												<div class="rtmi--unit">-</div>
											</td>
											<td>
												<input value="" name="albedo-1" size="3" />
											</td>
											<td>
												<input value="" name="albedo-2" size="3" />
											</td>
											<td>
												<input value="" name="albedo-3" size="3" />
											</td>
											<td>
												<input value="" name="albedo-4" size="3" />
											</td>
											<td>
												<input value="" name="albedo-5" size="3" />
											</td>
											<td>
												<input value="" name="albedo-6" size="3" />
											</td>
											<td>
												<input value="" name="albedo-7" size="3" />
											</td>
											<td>
												<input value="" name="albedo-8" size="3" />
											</td>
											<td>
												<input value="" name="albedo-9" size="3" />
											</td>
											<td>
												<input value="" name="albedo-10" size="3" />
											</td>
											<td>
												<input value="" name="albedo-11" size="3" />
											</td>
											<td>
												<input value="" name="albedo-12" size="3" />
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="block">
						<div class="collapse">
							<button class="c--collapse-button">
								<span class="ccb--arrow"><span class="sprite simg-arrow"></span></span>
								<span class="ccb--label">Měsíční výsledky</span>
								<span class="ccb--hr"></span>
							</button>
							<div class="c--content hidden">
								<table class="results-table-monthly">
									<thead>
										<tr>
											<th></th>
											<th>
												<span class="rtmh--month-number">1</span>
												<span class="rtmh--month-name">Leden</span>
											</th>
											<th>
												<span class="rtmh--month-number">2</span>
												<span class="rtmh--month-name">Únor</span>
											</th>
											<th>
												<span class="rtmh--month-number">3</span>
												<span class="rtmh--month-name">Březen</span>
											</th>
											<th>
												<span class="rtmh--month-number">4</span>
												<span class="rtmh--month-name">Duben</span>
											</th>
											<th>
												<span class="rtmh--month-number">5</span>
												<span class="rtmh--month-name">Květen</span>
											</th>
											<th>
												<span class="rtmh--month-number">6</span>
												<span class="rtmh--month-name">Červen</span>
											</th>
											<th>
												<span class="rtmh--month-number">7</span>
												<span class="rtmh--month-name">Červenec</span>
											</th>
											<th>
												<span class="rtmh--month-number">8</span>
												<span class="rtmh--month-name">Srpen</span>
											</th>
											<th>
												<span class="rtmh--month-number">9</span>
												<span class="rtmh--month-name">Září</span>
											</th>
											<th>
												<span class="rtmh--month-number">10</span>
												<span class="rtmh--month-name">Říjen</span>
											</th>
											<th>
												<span class="rtmh--month-number">11</span>
												<span class="rtmh--month-name">Listopad</span>
											</th>
											<th>
												<span class="rtmh--month-number">12</span>
												<span class="rtmh--month-name">Prosinec</span>
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">H</div>
												<div class="rtmi--unit">kWh/m<sup>2</sup></div>
											</td>
											<td>
												<input readonly="readonly" value="" name="H-1" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-2" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-3" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-4" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-5" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-6" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-7" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-8" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-9" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-10" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-11" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="H-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">G</div>
												<div class="rtmi--unit">W/m<sup>2</sup></div>
											</td>
											<td>
												<input readonly="readonly" value="" name="G-1" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-2" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-3" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-4" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-5" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-6" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-7" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-8" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-9" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-10" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-11" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="G-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">t<sub>FV</sub></div>
												<div class="rtmi--unit">&deg;C</div>
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-1" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-2" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-3" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-4" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-5" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-6" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-7" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-8" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-9" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-10" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-11" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="tFV-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">n<sub>FV</sub></div>
												<div class="rtmi--unit">%</div>
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-1" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-2" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-3" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-4" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-5" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-6" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-7" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-8" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-9" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-10" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-11" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="nFV-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">E<sub>FV,sys</sub></div>
												<div class="rtmi--unit">kWh/měsíc</div>
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-1" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-2" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-3" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-4" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-5" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-6" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-7" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-8" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-9" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-10" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-11" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFV-12" size="3" />
											</td>
										</tr>
										<tr>
											<td class="rtm--item">
												<div class="rtmi--label">E<sub>FV,sys</sub></div>
												<div class="rtmi--unit">kWh/m<sup>2</sup></div>
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-1" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-2" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-3" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-4" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-5" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-6" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-7" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-8" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-9" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-10" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-11" size="3" />
											</td>
											<td>
												<input readonly="readonly" value="" name="EFVm-12" size="3" />
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="block">
						Výpočet po dnech
						<div class="graph" id="graph-day"></div>
					</div>
					<div class="block">
						Výpočet po měsíci na m<sup>2</sup>
						<div class="graph" id="graph-month"></div>
					</div>
					<div class="block">
						Výpočet po měsíci
						<div class="graph" id="graph-month-y"></div>
					</div>
				</div>
				<div class="m--results-sidebar">
					<div class="i--item result">
						<div class="ii--label">
							&alpha;
						</div>
						<div class="col">
							<div class="ii--title">
								Pohltivost
							</div>
							<div class="ii--field">
								<div class="ii--input-container">
									<input value="" name="alfa" readonly="readonly" />
								</div>
								<div class="ii--unit">
									-
								</div>
							</div>
						</div>
					</div>
					<div class="i--item result">
						<div class="ii--label">
							p
						</div>
						<div class="col">
							<div class="ii--title">
								Srážka vlivem elektrických ztrát
							</div>
							<div class="ii--field">
								<div class="ii--input-container">
									<input value="" name="p" readonly="readonly" />
								</div>
								<div class="ii--unit">
									%
								</div>
							</div>
						</div>
					</div>
					<div class="i--item result">
						<div class="ii--label">
							U
						</div>
						<div class="col">
							<div class="ii--title">
								Celkový součinitel tepelné ztráty z FV článku do okolí
							</div>
							<div class="ii--field">
								<div class="ii--input-container">
									<input value="" name="U" readonly="readonly" />
								</div>
								<div class="ii--unit">
									W/m<sup>2</sup>K
								</div>
							</div>
						</div>
					</div>
					<div class="i--item result">
						<div class="ii--label">
							A<sub>FV</sub>
						</div>
						<div class="col">
							<div class="ii--title">
								Plocha kolektorového pole
							</div>
							<div class="ii--field">
								<div class="ii--input-container">
									<input value="" name="A_FV" readonly="readonly" />
								</div>
								<div class="ii--unit">
									m<sup>2</sup>
								</div>
							</div>
						</div>
					</div>
					<div class="i--item result">
						<div class="ii--label">
							E<sub>FVsys,rok</sub>
						</div>
						<div class="col">
							<div class="ii--title">
								Roční produkce elektrické energie FV systémem
							</div>
							<div class="ii--field">
								<div class="ii--input-container">
									<input value="" name="E_FVsys_year" readonly="readonly" />
								</div>
								<div class="ii--unit">
									MWh/rok
								</div>
							</div>
						</div>
					</div>
					<div class="i--item result">
						<div class="ii--label">
							n<sub>rok</sub>
						</div>
						<div class="col">
							<div class="ii--title">
								Průměrná roční účinnost
							</div>
							<div class="ii--field">
								<div class="ii--input-container">
									<input value="" name="n_year" readonly="readonly" />
								</div>
								<div class="ii--unit">
									%
								</div>
							</div>
						</div>
					</div>
				</div>
			</main>
		</div>
	</body>
	<div id="popup">
		
	</div>
</html>