CINXE.COM

<!DOCTYPE html><html class="js flexbox flexboxlegacy canvas canvastext no-webgl touch no-geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions fontface generatedcontent no-video no-audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths cssfilters no-hires"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#"><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.katsomo.fi:80/#!/jakso/575975?toista","20160323111237","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1458731557"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}</style> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="google-site-verification" content="SuNtnfQThT9j98i66pXjL2aJwZufkZUWSYJxBbtC1HU"> <meta charset="utf-8"> <title>MTV Katsomo</title> <meta name="description" content="MTV Katsomo"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href="/web/20160323111237im_/http://www.katsomo.fi/favicon.ico"> <link rel="stylesheet" href="/web/20160323111237cs_/http://www.katsomo.fi/styles/main.a5af7f19.css"> <meta property="og:locale" content="fi_FI"> <meta property="og:site_name" content="MTV Katsomo"> <meta property="og:type" content="website"><meta property="og:description" content="MTV3:n, Subin ja Avan sarjat sekä MTV MAX, MTV Sport 1 ja MTV Sport 2 urheilu Katsomossa - katso TV-ohjelmia silloin kun haluat!"><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow-x:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img{border:none} .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.fb_dialog_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_close_icon:active{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}.fb_dialog_loader{background-color:#f6f7f8;border:1px solid #606060;font-size:24px;padding:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_dialog_top_left{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}.fb_dialog_bottom_right{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialog_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{margin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3a5795;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{width:auto;height:auto;min-height:initial;min-width:initial;background:none}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{color:#fff;display:block;padding-top:20px;clear:both;font-size:18px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));border:1px solid #2f477a;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f6f7f8;border:1px solid #555;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/yD/r/t-wz8gw1xG1.png);background-repeat:no-repeat;background-position:50% 50%;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_widget_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background:url(https://web.archive.org/web/20160323111237im_/http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}</style></head><body ng-app="katsomo" ng-class="{'error-page': error}"> <div class="clicktrap ng-hide"></div> <div id="page-top"></div> <div id="adblock-test" style="display: none"><div id="ablock_test" style="display: none;"></div></div> <div class="ha-grid" ng-if="!error" ng-view=""><div ng-class="{'page-padding': isPadded, 'page-gradient': isGradient }" class="page-padding"><tns-analytics></tns-analytics><div messages="dummy"><div class="feedback-messages emergency-messages text-center ng-hide" ng-show="isVisible"><div class="feedback-messages__message-wrap ha-posrel ha-iblock"><div class="feedback-messages__icon"></div></div><a class="close-message" ng-click="closeEmergency()"></a></div></div><div class="content-layer-content"><div class="feedback-messages info-messages text-center ng-hide" ng-show="messages.length > 0" type="'info'"><div class="feedback-messages__message-wrap ha-posrel ha-iblock"><div class="feedback-messages__icon"></div></div><a class="close-message" ng-click="close()"></a></div><div class="feedback-messages error-messages text-center ng-hide" ng-show="messages.length > 0" type="'error'"><div class="feedback-messages__message-wrap ha-posrel ha-iblock"><div class="feedback-messages__icon"></div></div><a class="close-message" ng-click="close()"></a></div></div><div class="layers"><div class="login-layer crossfade-layer ng-hide" ng-show="isLoginOpen" close-layer="closeLogin"><div class="content-layer"><div class="fixed-dimmer"></div><div class="content-layer-content ha-iblock" ng-transclude=""><div class="content-layer-close"><a ng-click="closeLayer()" a-tag="login_sulje"></a></div><div class="layer-content-wrap"><div class="layer-content-inner-wrap"><div class="layer-logo-wrap"><div class="layer-logo"></div></div><div class="login form"><h2 class="text-bold" ng-bind-html="loginTitle">Kirjaudu elämyksiin!</h2><form class="login-form ha-posrel ng-pristine ng-valid" name="loginForm" ng-submit="processForm(formData)"><input class="username ng-pristine ng-untouched ng-valid" type="text" ng-model="formData.username" id="username" placeholder="Käyttäjätunnus tai sähköposti" ng-class="{ invalid: emailInvalid }"> <input class="password ng-pristine ng-untouched ng-valid" type="password" ng-model="formData.password" id="password" placeholder="Salasana" ng-class="{ invalid: passwordInvalid }"><div class="submit-row ha-iblock"><input type="submit" value="KIRJAUDU" class="submit-button" ng-disabled="loginForm.$pristine" a-tag="login_login" disabled="disabled"><span>tai</span><a ng-click="openRegister()" class="login__link text-bold" a-tag="login_rekisteroidy">Rekisteröidy</a></div></form><div class="aspa-links ha-iblock"><div class="ha-1-2 text-left"><a class="login__link" ng-href="#!/ohjeet" a-tag="login_ohje" href="#!/ohjeet">Apua ongelmatilanteisiin...</a></div><div class="ha-1-2 text-right"><a class="login__link" id="open-forgot-password" ng-click="openForgotPassword()" a-tag="login_salasana-unohtunut">Olen unohtanut salasanani!</a></div></div></div></div></div></div></div></div><register-layer class="register-layer crossfade-layer ng-hide" ng-show="isRegisterOpen" close-layer="closeRegister"><div class="content-layer"><div class="fixed-dimmer"></div><div class="content-layer-content ha-iblock" ng-transclude=""><div id="register"><div class="content-layer-close"><a ng-click="closeLayer()" a-tag="rekisteroidy_sulje"></a></div><div class="content-wrap register-form"><span class="logo"></span><h3 class="text-center ha-horipad">Tervetuloa MTV Katsomon elämyksiin!</h3><div class="ha-row ha-pad"><div class="ha-1-2 form"><form id="register-form" name="register" ng-submit="submit(regFormData)" class="ng-pristine ng-valid"><h2>Ole hyvä ja...</h2><div class="email"><input type="text" class="text-input ng-pristine ng-untouched ng-valid" ng-model="regFormData.email" placeholder="anna sähköpostiosoitteesi" ng-class="{ invalid: emailInvalid }"></div><div class="password"><input type="password" class="text-input ng-pristine ng-untouched ng-valid" ng-model="regFormData.password" placeholder="ja luo salasanasi" ng-class="{ invalid: passwordInvalid }"></div><div class="ha-row"><div class="first-name ha-iblock pull-left"><input type="text" class="text-input ng-pristine ng-untouched ng-valid" ng-model="regFormData.firstName" placeholder="etunimi" ng-class="{ invalid: firstNameInvalid }"></div><div class="last-name ha-iblock pull-left clearf"><input type="text" class="text-input ng-pristine ng-untouched ng-valid" ng-model="regFormData.lastName" placeholder="sukunimi" ng-class="{ invalid: lastNameInvalid }"></div></div><div class="ha-row"><div class="date-of-birth ha-iblock pull-left" ng-class="{ invalid: dateOfBirthInvalid }"><div>Syntymäaika:</div><div class="date-of-birth-selection"><input type="text" ng-model="regFormData.dateOfBirth" id="dateOfBirth" class="ng-hide ng-pristine ng-untouched ng-valid"><div class="date-select" start-year="1900" change-event="dateOfBirthChange" selected-date="regFormData.dateOfBirth"><div ng-if="!isTabletOrSmaller" class=""><div class="select-option" ng-click="optionsVisible = !optionsVisible" model="date.day" options="days" change-event="dateChange"><div class="selected-option"><span class="text-bold">-</span></div><div class="options ng-hide" ng-show="optionsVisible"><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>3</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>4</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>5</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>6</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>7</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>8</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>9</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>10</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>11</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>12</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>13</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>14</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>15</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>16</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>17</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>18</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>19</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>20</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>21</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>22</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>23</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>24</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>25</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>26</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>27</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>28</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>29</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>30</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>31</span></div></div></div><div class="select-option" ng-click="optionsVisible = !optionsVisible" model="date.month" options="months" change-event="dateChange"><div class="selected-option"><span class="text-bold">-</span></div><div class="options ng-hide" ng-show="optionsVisible"><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>3</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>4</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>5</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>6</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>7</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>8</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>9</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>10</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>11</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>12</span></div></div></div><div class="select-option" ng-click="optionsVisible = !optionsVisible" model="date.year" options="years" change-event="dateChange"><div class="selected-option"><span class="text-bold">-</span></div><div class="options ng-hide" ng-show="optionsVisible"><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2015</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2014</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2013</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2012</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2011</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2010</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2009</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2008</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2007</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2006</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2005</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2004</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2003</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2002</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2001</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>2000</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1999</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1998</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1997</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1996</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1995</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1994</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1993</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1992</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1991</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1990</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1989</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1988</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1987</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1986</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1985</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1984</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1983</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1982</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1981</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1980</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1979</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1978</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1977</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1976</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1975</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1974</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1973</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1972</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1971</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1970</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1969</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1968</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1967</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1966</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1965</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1964</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1963</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1962</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1961</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1960</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1959</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1958</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1957</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1956</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1955</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1954</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1953</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1952</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1951</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1950</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1949</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1948</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1947</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1946</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1945</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1944</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1943</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1942</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1941</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1940</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1939</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1938</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1937</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1936</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1935</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1934</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1933</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1932</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1931</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1930</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1929</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1928</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1927</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1926</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1925</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1924</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1923</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1922</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1921</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1920</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1919</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1918</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1917</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1916</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1915</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1914</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1913</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1912</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1911</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1910</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1909</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1908</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1907</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1906</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1905</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1904</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1903</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1902</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1901</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>1900</span></div></div></div></div></div></div></div><div class="gender ha-iblock pull-left clearf" ng-class="{ invalid: genderInvalid }"><div>Sukupuoli:</div><div class="gender-selection ha-iblock pull-left clearf"><div class="gender-row pull-left clearf"><label class="ha-row radio" ng-class="{ 'radio--checked': model === value }" id="gender-female" name="gender" model="regFormData.gender" value="1" label="'nainen'"><input class="radio__input ng-pristine ng-untouched ng-valid" type="radio" ng-model="model" ng-value="value" name="" value="1">nainen</label></div><div class="gender-row pull-left clearf"><label class="ha-row radio" ng-class="{ 'radio--checked': model === value }" id="gender-male" name="gender" model="regFormData.gender" value="2" label="'mies'"><input class="radio__input ng-pristine ng-untouched ng-valid" type="radio" ng-model="model" ng-value="value" name="" value="2">mies</label></div></div></div></div><div class="ha-row" ng-class="{ invalid: regionInvalid }"><div class="region ha-iblock pull-left clearf"><div>Asuinkunta:</div><div class="text-dark select-option" ng-click="optionsVisible = !optionsVisible" model="regFormData.city" options="cities" id="register-region"><div class="selected-option"><span class="text-bold">- valitse</span></div><div class="options ng-hide" ng-show="optionsVisible"><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Akaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Alajärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Alavieska</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Alavus</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Asikkala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Askola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Aura</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Brändö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Eckerö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Enonkoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Enontekiö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Espoo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Eura</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Eurajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Evijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Finström</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Forssa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Föglö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Geta</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Haapajärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Haapavesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hailuoto</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Halsua</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hamina</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hammarland</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hankasalmi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hanko</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Harjavalta</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hartola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hattula</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hausjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Heinola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Heinävesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Helsinki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hirvensalmi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hollola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Honkajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Huittinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Humppila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hyrynsalmi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hyvinkää</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hämeenkoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hämeenkyrö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Hämeenlinna</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ii</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Iisalmi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Iitti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ikaalinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ilmajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ilomantsi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Imatra</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Inari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Inkoo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Isojoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Isokyrö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Jalasjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Janakkala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Joensuu</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Jokioinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Jomala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Joroinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Joutsa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Juankoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Juuka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Juupajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Juva</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Jyväskylä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Jämijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Jämsä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Järvenpää</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kaarina</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kaavi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kajaani</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kalajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kangasala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kangasniemi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kankaanpää</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kannonkoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kannus</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Karijoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Karkkila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Karstula</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Karvia</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kaskinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kauhajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kauhava</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kauniainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kaustinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Keitele</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kemi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kemijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Keminmaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kemiönsaari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kempele</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kerava</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Keuruu</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kihniö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kinnula</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kirkkonummi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kitee</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kittilä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kiuruvesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kivijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kokemäki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kokkola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kolari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Konnevesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kontiolahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Korsnäs</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Koski Tl</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kotka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kouvola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kristiinankaupunki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kruunupyy</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kuhmo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kuhmoinen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kumlinge</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kuopio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kuortane</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kurikka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kustavi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kuusamo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kyyjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kärkölä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kärsämäki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Kökar</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Köyliö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Laihia</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Laitila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lapinjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lapinlahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lappajärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lappeenranta</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lapua</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Laukaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lemi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lemland</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lempäälä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Leppävirta</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lestijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lieksa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lieto</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Liminka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Liperi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lohja</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Loimaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Loppi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Loviisa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Luhanka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lumijoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Lumparland</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Luoto</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Luumäki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Luvia</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Maalahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Maarianhamina</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Marttila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Masku</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Merijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Merikarvia</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Miehikkälä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Mikkeli</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Muhos</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Multia</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Muonio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Mustasaari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Muurame</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Mynämäki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Myrskylä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Mäntsälä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Mänttä-Vilppula</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Mäntyharju</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Naantali</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nakkila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nastola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nivala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nokia</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nousiainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nurmes</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Nurmijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Närpiö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Orimattila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Oripää</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Orivesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Oulainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Oulu</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Outokumpu</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Padasjoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Paimio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Paltamo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Parainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Parikkala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Parkano</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pedersören kunta</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pelkosenniemi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pello</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Perho</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pertunmaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Petäjävesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pieksämäki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pielavesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pietarsaari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pihtipudas</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pirkkala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Polvijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pomarkku</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pori</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pornainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Porvoo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Posio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pudasjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pukkila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Punkalaidun</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Puolanka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Puumala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pyhtää</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pyhäjoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pyhäjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pyhäntä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pyhäranta</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pälkäne</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Pöytyä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Raahe</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Raasepori</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Raisio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rantasalmi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ranua</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rauma</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rautalampi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rautavaara</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rautjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Reisjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Riihimäki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ristijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rovaniemi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ruokolahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ruovesi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rusko</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Rääkkylä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Saarijärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Salla</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Salo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Saltvik</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sastamala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sauvo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Savitaipale</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Savonlinna</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Savukoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Seinäjoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sievi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Siikainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Siikajoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Siikalatva</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Siilinjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Simo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sipoo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Siuntio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sodankylä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Soini</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Somero</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sonkajärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sotkamo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sottunga</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sulkava</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sund</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Suomussalmi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Suonenjoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Sysmä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Säkylä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Taipalsaari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Taivalkoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Taivassalo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tammela</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tampere</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tervo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tervola</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Teuva</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tohmajärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Toholampi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Toivakka</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tornio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Turku</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tuusniemi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tuusula</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Tyrnävä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ulvila</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Urjala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Utajärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Utsjoki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Uurainen</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Uusikaarlepyy</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Uusikaupunki</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vaala</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vaasa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Valkeakoski</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Valtimo</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vantaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Varkaus</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vehmaa</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vesanto</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vesilahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Veteli</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vieremä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vihti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Viitasaari</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vimpeli</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Virolahti</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Virrat</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vårdö</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Vöyri</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ylitornio</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ylivieska</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ylöjärvi</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ypäjä</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Ähtäri</span></div><div class="option" ng-repeat="option in options" ng-click="change(option)" ng-class="{ 'selected text-bold': model == option }"><span>Äänekoski</span></div></div></div></div></div><div class="disclaimer ha-row" ng-class="{ invalid: disclaimerInvalid }"><div class="checkbox" ng-class="{'checkbox--checked': model}" ng-click="model = !model" id="disclaimer" model="regFormData.disclaimer"></div><span class="checkbox__label">Olen tutustunut <a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/yritys/kayttoehdot/" a-tag="rekisteroidy_kayttoehdot">käyttöehtoihin</a> ja sitoudun noudattamaan niitä. Olen myös tutustunut <a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/yritys/tietosuoja/" a-tag="rekisteroidy_tietosuoja">tietosuojalausekkeeseen</a> ja <a href="https://web.archive.org/web/20160323111237/http://static.mtv3.fi/nettitv/MTV3_Katsomo_rekisteriseloste.pdf" a-tag="rekisteroidy_rekisteriseloste">rekisteriselosteeseen</a>.</span></div><div class="receive-email ha-row"><div class="checkbox" ng-class="{'checkbox--checked': model}" ng-click="model = !model" id="receive-email" model="regFormData.receiveEmail"></div><span class="checkbox__label">Minulle voi lähettää tietoa ja tarjouksia MTV Oy:n tv-ohjelmiin ja palveluihin liittyen.</span></div><div class="submit text-larger"><input type="submit" class="text-uppercase" value="Rekisteröidy" a-tag="rekisteroidy_rekisteroidy"> <span>tai</span> <a class="login__link" ng-click="openLogin()" a-tag="rekisteroidy_kirjaudu">Kirjaudu</a></div></form></div><div class="ha-1-2"><div class="cmsdata" ng-bind-html="coremediaRegisterInfo"><h2>Asiakkaana voit...</h2><img src="//web.archive.org/web/20160323111237im_/http://static.mtvkatsomo.fi/cms_prod/images/4824462_33x33.png"><p class="text">tilata Katsomon maksusisältöjä</p><img src="//web.archive.org/web/20160323111237im_/http://static.mtvkatsomo.fi/cms_prod/images/4824466_33x33.png"><p class="text">saada uutta sisältöä ennen muita</p><img src="//web.archive.org/web/20160323111237im_/http://static.mtvkatsomo.fi/cms_prod/images/4824468_33x33.png"><p class="text">saada ajankohtaista tietoa tarjonnasta</p></div></div></div><div class="clearfix"></div></div><div class="aspa-links text-center ha-row ha-pad ha-iblock"><div class="ha-1"><a class="login__link" ng-href="#!/ohjeet" a-tag="login_ohje" href="#!/ohjeet">Apua ongelmatilanteisiin...</a></div></div></div></div></div></register-layer><confirm-email-layer class="confirm-email-layer crossfade-layer ng-hide" ng-show="isConfirmEmailOpen" close-layer="closeConfirmEmail"><div><div class="content-layer" close-layer="closeLayer"><div class="fixed-dimmer"></div><div class="content-layer-content ha-iblock" ng-transclude=""><div class="content-layer-close"><a ng-click="closeLayer()"></a></div><div class="layer-content-wrap"><div class="layer-content-inner-wrap"><div class="layer-logo-wrap"><div class="layer-logo"></div></div><h2 ng-bind-html="title"></h2><p ng-hide="sentEmail">Sinun täytyy vahvistaa sähköpostiosoitteesi, ennen kuin voit kirjautua Katsomoon. Lähetä vahvistus osoitteeseen <strong id="current-email"></strong> tai vaihda osoite.</p><p ng-show="sentEmail" class="ng-hide">Olet saanut sähköpostiviestin. Vahvista sähköpostiosoitteesi klikkaamalla viestissä olevaa vahvistuslinkkiä, niin pääset kirjautumaan Katsomoon.</p><form id="confirm-email-form" class="form ng-pristine ng-valid" ng-hide="sentEmail"><div class="textbox"><input type="text" ng-model="form.email" class="email ng-pristine ng-untouched ng-valid" placeholder="Sähköpostiosoite" ng-class="{ invalid: emailInvalid }"></div><div class="submit-row"><input type="submit" class="submit-button" ng-click="sendConfirmationEmail(form)" value="LÄHETÄ"></div></form></div></div></div></div></div></confirm-email-layer><div class="forgot-password-layer crossfade-layer ng-hide" ng-show="isForgotPasswordOpen" close-layer="closeForgotPassword"><div class="content-layer" close-layer="closeLayer"><div class="fixed-dimmer"></div><div class="content-layer-content ha-iblock" ng-transclude=""><div class="content-layer-close"><a ng-click="closeLayer()" a-tag="salasana-reset_sulje"></a></div><div class="layer-content-wrap"><div class="layer-content-inner-wrap"><div class="layer-logo-wrap"><div class="layer-logo"></div></div><div class="login"><h2 ng-bind-html="title"></h2><p class="text-large" ng-hide="sentEmail">Anna sähköpostiosoitteesi, niin lähetämme sinulle salasananvaihtolinkin.</p><p class="text-large ng-hide" ng-show="sentEmail">Salasananvaihtolinkki on lähetetty sähköpostiisi!</p><form id="forgot-password-form" class="login-form form ng-pristine ng-valid" ng-hide="sentEmail"><input type="text" ng-model="form.email" placeholder="Sähköpostiosoite" ng-class="{ invalid: emailInvalid }" class="ng-pristine ng-untouched ng-valid"> <input type="submit" class="submit-button" ng-click="requestNewPassword(form)" value="JATKA" a-tag="salasana-reset_jatka"></form><div class="aspa-links ha-iblock"><div class="ha-1-2 text-left"><a class="login__link" ng-href="#!/ohjeet" a-tag="salasana-reset_ohje" href="#!/ohjeet">Apua ongelmatilanteisiin...</a></div><div class="ha-1-2 text-right"><a class="login__link" ng-click="openLogin()" a-tag="salasana-reset_kirjaudu">Kirjaudu</a></div></div></div></div></div></div></div></div><div class="search-layer crossfade-layer ng-hide" ng-show="isSearchOpen" close-layer="closeSearch"><div class="content-layer"><div class="fixed-dimmer"></div><div class="content-layer-content ha-iblock" ng-transclude=""><div class="content-layer-close"><a ng-click="searchLayerCtrl.closeLayer()" a-tag="haku_sulje"></a></div><div class="layer-content-wrap"><div class="layer-content-inner-wrap"><div class="clearfix"><span class="search-title"></span><div class="search-form" max-results="5" query="searchLayerCtrl.query" found-programs="searchLayerCtrl.foundPrograms" asset-results="searchLayerCtrl.assetResults" open-results="searchLayerCtrl.openResults" selected-category="searchLayerCtrl.selectedCategory"><form ng-submit="searchFormCtrl.openResults(searchFormCtrl.query, searchFormCtrl.selectedCategory)" class="ng-pristine ng-valid ng-valid-maxlength"><div class="auto-complete-search-box" complete-func="searchFormCtrl.complete" query="searchFormCtrl.query" selected-category="searchFormCtrl.selectedCategory"><div class="search-suggestion" ng-bind="searchBoxCtrl.suggestion" unselectable="on"></div><input class="search-input ng-pristine ng-untouched ng-valid ng-valid-maxlength" ng-trim="false" type="text" spellcheck="false" autocomplete="off" ng-model="searchBoxCtrl.query" size="20" maxlength="20" placeholder="Hakusana"></div></form></div></div><div class="search-helper text-left" ng-show="!searchLayerCtrl.query || (searchLayerCtrl.foundPrograms.length < 1 && searchLayerCtrl.assetResults.numberOfHits < 1)"><span ng-hide="searchLayerCtrl.query">Etsitkö jotakin tiettyä ohjelmaa? Hae ohjelmia Katsomosta kirjoittamalla ohjelman tai jakson nimi hakukenttään.</span> <span ng-show="searchLayerCtrl.foundPrograms.length < 1 && searchLayerCtrl.assetResults.numberOfHits < 1" class="ng-hide">Ei hakutuloksia</span></div></div></div><div><div class="search-results" query="searchLayerCtrl.query" programs="searchLayerCtrl.foundPrograms" asset-results="searchLayerCtrl.assetResults"><div class="content-wrap content-wrap--padded"><div class="total-result-count--mobile"><span></span></div></div></div></div><div class="content-wrap content-wrap--padded search-results__fetch-more"></div></div></div></div></div><div class="total-content" ng-class="layerClass"><div class="ha-posrel" open-login="openLogin" logout="logout" open-search="openSearch"><div id="katsomo-navi" class="navbar-wrapper navbar--white"><div class="container-fluid"><nav class="navbar" role="navigation"><div class="mininavi pull-left ha-iblock ha-posrel" ng-class="{'mininavi--open': mininaviVisible }"><div class="mininavi__arrow ha-iblock pull-left" ng-class="{'mininavi__arrow--flipped': mininaviVisible }" ng-click="toggleMininavi()"></div><ul class="mininavi__items ha-iblock"><li class="ha-iblock pull-left"><a class="ha-iblock pull-left mininavi__icon" href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/" title="www.mtv.fi"></a></li><li class="mininavi__item ha-iblock pull-left"><a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/uutiset" title="www.mtv.fi Uutiset">Uutiset</a></li><li class="mininavi__item ha-iblock pull-left"><a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/sport" title="www.mtv.fi Sport">Sport</a></li><li class="mininavi__item ha-iblock pull-left"><a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/viihde" title="www.mtv.fi Viihde">Viihde</a></li><li class="mininavi__item ha-iblock pull-left"><a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/lifestyle" title="www.mtv.fi Lifestyle">Lifestyle</a></li></ul></div><div class="navbar-header" ng-class="{'opaque': profileLinksVisible || mininaviVisible }"><a class="navbar-brand" ng-href="#!/" title="Etusivu" href="#!/"><span class="logo-katsomo"></span> <span class="logo-katsomo--xsmall"></span></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#product-nav"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a ng-hide="authenticatedUser" href="" ng-click="openLogin()" class="navbar__login" title="Kirjaudu" a-tag="navi_avaa-login"></a>  <a ng-click="openSearch()" class="navbar__search" title="Haku" ng-if="showSearch" ng-class="{'active': isActive('/haku')}"></a></div><div id="profile-nav" class="navbar-collapse collapse ha-posrel" ng-hide="$root.error"><ul class="nav navbar-nav"><li><a ng-href="#!/oma-katsomo" ng-class="{'active': isActive('/oma-katsomo')}" href="#!/oma-katsomo">Oma Katsomo</a></li><li><a ng-href="#!/omat-tiedot" ng-class="{'active': isActive('/omat-tiedot')}" href="#!/omat-tiedot">Omat tiedot</a></li><li><a ng-click="naviLogout()" a-tag="navi_logout">Kirjaudu ulos</a></li></ul></div><div id="product-nav" class="navbar-collapse collapse ha-posrel" ng-hide="$root.error"><ul class="nav navbar-nav navbar-left" ng-class="{'opaque': profileLinksVisible || mininaviVisible }" ng-click="catchOpaque($event)"><li><a ng-href="#!/ohjelmat" ng-class="{'active': isActive('/ohjelmat')}" href="#!/ohjelmat">Kaikki ohjelmat</a></li><li><a ng-href="#!/tv" ng-class="{'active': isActive('/tv')}" href="#!/tv">TV-kanavat</a></li><li><a ng-href="#!/tuotteet" ng-class="{'active': isActive('/tuotteet')}" href="#!/tuotteet">Tuotteet</a></li><a href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/" class="navbar__mtvlink">mtv.fi</a></ul><ul class="nav navbar-nav navbar-right"><li class="navbar__search-border" ng-if="showSearch"><a ng-click="openSearch()" class="navbar__search" title="Haku" ng-class="{'active': isActive('/haku')}"></a></li><li ng-hide="authenticatedUser"><a ng-click="openLogin()" class="navbar__login" title="Kirjaudu" a-tag="navi_avaa-login"></a></li></ul></div></nav></div></div></div><div class="page-content clearfix" ng-transclude=""><div class="feedback-messages notification-messages text-center ng-hide" ng-show="messages.length > 0" type="'notification'"><div class="feedback-messages__message-wrap ha-posrel ha-iblock"><div class="feedback-messages__icon"></div></div><a class="close-message" ng-click="close()"></a></div><div class="tabs clearfix" tabs="frontPageData" preselect="1"><div class="tab-fade tab-fade--left"></div><div class="tab-fade tab-fade--right"></div><div class="tab-scroll"><a title="Vielä ehdit" class="tab tab-3 text-center text-ellipsis" ng-repeat="tab in tabsCtrl.tabs" ng-href="" ng-click="tab.click($event)" ng-class="{'active': tabsCtrl.selected.title === tab.title }" a-tag="etusivu_tab_viela-ehdit">Vielä ehdit</a><a title="Katso nyt" class="tab tab-3 text-center text-ellipsis active" ng-repeat="tab in tabsCtrl.tabs" ng-href="" ng-click="tab.click($event)" ng-class="{'active': tabsCtrl.selected.title === tab.title }" a-tag="etusivu_tab_katso-nyt">Katso nyt</a><a title="Tulossa" class="tab tab-3 text-center text-ellipsis" ng-repeat="tab in tabsCtrl.tabs" ng-href="" ng-click="tab.click($event)" ng-class="{'active': tabsCtrl.selected.title === tab.title }" a-tag="etusivu_tab_tulossa">Tulossa</a></div></div><div ng-repeat="tab in frontPageData" ng-show="selectedTab === $index" class="ng-hide"><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Poistuvia tosi-tv-ohjelmia</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006108/spelling-suvun-kartano-myynnissa/500701/avajaiset-uudessa-kodissa" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006108_jakso_500701" href="#!/jakso/33006108/spelling-suvun-kartano-myynnissa/500701/avajaiset-uudessa-kodissa"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Spelling-suvun kartano myynnissä</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Avajaiset uudessa kodissa</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006081/yllas-huipulla-tuulee/492978/jakso-2-huipulla-tuulee" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006081_jakso_492978" href="#!/jakso/33006081/yllas-huipulla-tuulee/492978/jakso-2-huipulla-tuulee"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ylläs - huipulla tuulee</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jakso 2. Huipulla tuulee</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33011117/the-hero/505360/tilinteon-hetki" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33011117_jakso_505360" href="#!/jakso/33011117/the-hero/505360/tilinteon-hetki"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">The Hero</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Tilinteon hetki</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33011126/loytajat/491195/mopo" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33011126_jakso_491195" href="#!/jakso/33011126/loytajat/491195/mopo"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Löytäjät</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Mopo</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div><div class="teaser-grid teaser-grid--small teaser-grid--simulcast clearfix teaser-grid--5" ng-class="{ 'teaser-grid--5': !showAllChannels, 'teaser-grid--7': showAllChannels }" runnings="runnings" ng-if="showTv"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title">TV-kanavat</h2><div class="teaser channel-teaser mtv3" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509368_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509368_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MTV3?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MTV3?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Emmerdale</h3><h4 class="teaser__subtitle">18:27 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -448.48484848484844%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser sub" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509386_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509386_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/Sub?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/Sub?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Myytinmurtajat</h3><h4 class="teaser__subtitle">18:00 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -201.66666666666666%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ava" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509324_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509324_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/AVA?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/AVA?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Grand Designs - unelma-asunnot</h3><h4 class="teaser__subtitle">18:00 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -201.66666666666666%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser max" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAX?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAX?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">LA - rikosten kaupunki</h3><h4 class="teaser__subtitle">18:45 - 19:10</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -664%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser maxsport1" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P508/VMan-P508504_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P508/VMan-P508504_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAXSPORT1?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAXSPORT1?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Timanttiliiga</h3><h4 class="teaser__subtitle">18:35 - 20:53</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -113.04347826086956%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide maxsport2" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P515/VMan-P515905_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P515/VMan-P515905_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAXSPORT2?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAXSPORT2?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Champions Hockey League</h3><h4 class="teaser__subtitle">18:30 - 20:30</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -125.83333333333333%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide cmoretennis" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/CMORETENNIS?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/CMORETENNIS?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Southern Financial Group Masters/Cincin..</h3><h4 class="teaser__subtitle">17:20 - 19:07</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -75.70093457943925%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide cmoreextreme" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/CMOREEXTREME?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/CMOREEXTREME?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Lähetystauko</h3><h4 class="teaser__subtitle"> - 19:30</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: 81.96581196581197%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser nova-teaser" nova-program-data="novaProgramData" nova-song-data="novaSongData"><div class="section-header nova"><a class="nova-teaser-link" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/Nova?toista"><div class="nova-wrap"><div class="nova-logo-wrap"><div class="logo"></div></div><div class="listen-button-wrap"><span class="listen-button header-link nova-popup-link"></span></div><div class="nova-now-playing"><strong>Kuuntele</strong> <span id="nova-now-playing"><span id="header-now-title">Nyt soi: En Pelkää Pimeää - Kaija Koo</span></span></div><div id="nova-program"><strong>LIVE!</strong> <span id="nova-program-name">Novan Arkiralli</span><br><span id="nova-program-hosts">Ile Jokinen, Sari Seppälä</span></div></div></a></div></div><div class="teaser channel-teaser"><a class="channel-teaser__show-more-link text-center text-uppercase" ng-click="refreshImages(); showAllChannels = !showAllChannels; ">Näytä lisää<div class="ha-row teaser__bullets" ng-show="!showAllChannels">• • •</div></a></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Poistuvaa draamaa</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005026/bones/505104/opettaja-opissa" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005026_jakso_505104" href="#!/jakso/33005026/bones/505104/opettaja-opissa"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Bones</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Opettaja opissa</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005120/zoo/505356/vaiennut-saari" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005120_jakso_505356" href="#!/jakso/33005120/zoo/505356/vaiennut-saari"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Zoo</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Vaiennut saari</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005103/vallan-linnake/500715/menneisyyden-vanki" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005103_jakso_500715" href="#!/jakso/33005103/vallan-linnake/500715/menneisyyden-vanki"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Vallan linnake</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Menneisyyden vanki</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005112/american-horror-story/505357/tapaaminen" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005112_jakso_505357" href="#!/jakso/33005112/american-horror-story/505357/tapaaminen"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">American Horror Story</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Tapaaminen</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Poistuvia viihdeohjelmia</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006175/poikamiesboksi/505118/agenttimies" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006175_jakso_505118" href="#!/jakso/33006175/poikamiesboksi/505118/agenttimies"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Poikamiesboksi</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Agenttimies</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006165/david-hasselhoff-show-ruotsi/500435/rakkautta-vain" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006165_jakso_500435" href="#!/jakso/33006165/david-hasselhoff-show-ruotsi/500435/rakkautta-vain"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">David Hasselhoff Show Ruotsi</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Rakkautta vain</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006073/duudsonit/492960/suomesta-meksikoon" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006073_jakso_492960" href="#!/jakso/33006073/duudsonit/492960/suomesta-meksikoon"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Duudsonit</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Suomesta Meksikoon</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33008010/american-idol/500434/listahitteja-osa-12" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33008010_jakso_500434" href="#!/jakso/33008010/american-idol/500434/listahitteja-osa-12"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">American Idol</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Listahittejä, osa 1/2</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Poistuvia lifestyle-ohjelmia</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33007046/kotia-kohti/490424/jakso-2-glamourin-taikaa" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33007046_jakso_490424" href="#!/jakso/33007046/kotia-kohti/490424/jakso-2-glamourin-taikaa"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Kotia kohti</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jakso 2. Glamourin taikaa</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33007051/mahdoton-taloprojekti/500750/jeff-ja-alain" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33007051_jakso_500750" href="#!/jakso/33007051/mahdoton-taloprojekti/500750/jeff-ja-alain"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Mahdoton taloprojekti</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jeff ja Alain</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33009023/jamie-oliverin-15-minuutin-ateriat/500940/stroganoffia" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33009023_jakso_500940" href="#!/jakso/33009023/jamie-oliverin-15-minuutin-ateriat/500940/stroganoffia"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Jamie Oliverin 15 minuutin ateriat</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Stroganoffia</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33011099/rakas-sinusta-on-tullut-pullukka/491204/marcello-ja-anna" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33011099_jakso_491204" href="#!/jakso/33011099/rakas-sinusta-on-tullut-pullukka/491204/marcello-ja-anna"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Rakas, sinusta on tullut pullukka</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Marcello ja Anna</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Poistuvia lastenohjelmia</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33003591/planktonien-maailmanvalloitus/500371/operaatio-planktop-gun" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33003591_jakso_500371" href="#!/jakso/33003591/planktonien-maailmanvalloitus/500371/operaatio-planktop-gun"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Planktonien maailmanvalloitus</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Operaatio Planktop gun</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33003041/ava-riko-ja-teo/500628/vaitelias-kukko" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33003041_jakso_500628" href="#!/jakso/33003041/ava-riko-ja-teo/500628/vaitelias-kukko"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ava, Riko ja Teo</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Vaitelias kukko</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33003519/puuha-pete/500629/paarakennustarkastajan-vierailu" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33003519_jakso_500629" href="#!/jakso/33003519/puuha-pete/500629/paarakennustarkastajan-vierailu"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Puuha-Pete</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Päärakennustarkastajan vierailu</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33003507/ti-ti-nalle-turvallisuus/490763/nalletalon-pulkkamaki" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33003507_jakso_490763" href="#!/jakso/33003507/ti-ti-nalle-turvallisuus/490763/nalletalon-pulkkamaki"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ti-Ti Nalle: Turvallisuus</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Nalletalon pulkkamäki</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div></div><div ng-repeat="tab in frontPageData" ng-show="selectedTab === $index" class=""><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--6" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView" src="//web.archive.org/web/20160323111237im_/http://static.mtvkatsomo.fi/cms_prod/images/5304488_1024x576.jpg"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006145/tervetuloa-ruotsiin/509119/tervetuloa-ruotsiin" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006145_jakso_509119" href="#!/jakso/33006145/tervetuloa-ruotsiin/509119/tervetuloa-ruotsiin"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Tervetuloa Ruotsiin!</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Tervetuloa Ruotsiin!</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView" src="https://web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P519/VMan-P519807_550x310.jpg"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33001017/huomenta-suomen-uutiset/519807" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33001017_jakso_519807" href="#!/jakso/33001017/huomenta-suomen-uutiset/519807"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Huomenta Suomen Uutiset</h3><h4 class="teaser__subtitle" ng-if="TeaserCtrl.teaser.newsTeaser">MTV Uutiset | 05:00</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView" src="https://web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P511/VMan-P511426_550x310.jpg"><div class="dimmer dimmer-19"></div><a ng-href="#!/formula-1/511426/sunnuntaina-20-9-klo-1330" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002001_jakso_511426" href="#!/formula-1/511426/sunnuntaina-20-9-klo-1330"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">F1: Singaporen GP</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Sunnuntaina 20.9 klo 13:30</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView" src="//web.archive.org/web/20160323111237im_/http://static.mtvkatsomo.fi/cms_prod/images/5304498_640x360.jpg"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006032/moderni-perhe/509120/linjat-poikki" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006032_jakso_509120" href="#!/jakso/33006032/moderni-perhe/509120/linjat-poikki"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Moderni perhe</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Linjat poikki</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView" src="//web.archive.org/web/20160323111237im_/http://static.mtvkatsomo.fi/cms_prod/images/5304540_640x360.jpg"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005125/ravenswood/509188/tervetuloa-ravenswoodiin" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005125_jakso_509188" href="#!/jakso/33005125/ravenswood/509188/tervetuloa-ravenswoodiin"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ravenswood</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Tervetuloa Ravenswoodiin</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView" src="https://web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509147_550x310.jpg"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33003603/seikkailija-dora/509147/osa-4" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33003603_jakso_509147" href="#!/jakso/33003603/seikkailija-dora/509147/osa-4"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Seikkailija Dora</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Osa 4.</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div><div class="teaser-grid teaser-grid--small teaser-grid--simulcast clearfix teaser-grid--5" ng-class="{ 'teaser-grid--5': !showAllChannels, 'teaser-grid--7': showAllChannels }" runnings="runnings" ng-if="showTv"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title">TV-kanavat</h2><div class="teaser channel-teaser mtv3" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509368_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509368_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MTV3?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MTV3?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Emmerdale</h3><h4 class="teaser__subtitle">18:27 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -448.48484848484844%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser sub" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509386_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509386_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/Sub?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/Sub?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Myytinmurtajat</h3><h4 class="teaser__subtitle">18:00 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -201.66666666666666%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ava" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509324_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509324_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/AVA?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/AVA?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Grand Designs - unelma-asunnot</h3><h4 class="teaser__subtitle">18:00 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -201.66666666666666%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser max" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders" src="/web/20160323111237im_/http://www.katsomo.fi/images/placeholders/max_placeholder-480x270.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAX?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAX?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">LA - rikosten kaupunki</h3><h4 class="teaser__subtitle">18:45 - 19:10</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -664%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser maxsport1" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P508/VMan-P508504_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P508/VMan-P508504_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAXSPORT1?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAXSPORT1?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Timanttiliiga</h3><h4 class="teaser__subtitle">18:35 - 20:53</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -113.04347826086956%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide maxsport2" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P515/VMan-P515905_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P515/VMan-P515905_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAXSPORT2?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAXSPORT2?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Champions Hockey League</h3><h4 class="teaser__subtitle">18:30 - 20:30</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -125.83333333333333%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide cmoretennis" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/CMORETENNIS?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/CMORETENNIS?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Southern Financial Group Masters/Cincin..</h3><h4 class="teaser__subtitle">17:20 - 19:07</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -75.70093457943925%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide cmoreextreme" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/CMOREEXTREME?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/CMOREEXTREME?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Lähetystauko</h3><h4 class="teaser__subtitle"> - 19:30</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: 81.96581196581197%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser nova-teaser" nova-program-data="novaProgramData" nova-song-data="novaSongData"><div class="section-header nova"><a class="nova-teaser-link" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/Nova?toista"><div class="nova-wrap"><div class="nova-logo-wrap"><div class="logo"></div></div><div class="listen-button-wrap"><span class="listen-button header-link nova-popup-link"></span></div><div class="nova-now-playing"><strong>Kuuntele</strong> <span id="nova-now-playing"><span id="header-now-title">Nyt soi: En Pelkää Pimeää - Kaija Koo</span></span></div><div id="nova-program"><strong>LIVE!</strong> <span id="nova-program-name">Novan Arkiralli</span><br><span id="nova-program-hosts">Ile Jokinen, Sari Seppälä</span></div></div></a></div></div><div class="teaser channel-teaser"><a class="channel-teaser__show-more-link text-center text-uppercase" ng-click="refreshImages(); showAllChannels = !showAllChannels; ">Näytä lisää<div class="ha-row teaser__bullets" ng-show="!showAllChannels">• • •</div></a></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Uutiset</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33001003/huomenta-suomi/519742/perussuomalaiset-puristuksissa" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33001003_jakso_519742" href="#!/jakso/33001003/huomenta-suomi/519742/perussuomalaiset-puristuksissa"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Huomenta Suomi</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Perussuomalaiset puristuksissa</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33001003/huomenta-suomi/519800/kissojen-kanssa-kahvilla" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33001003_jakso_519800" href="#!/jakso/33001003/huomenta-suomi/519800/kissojen-kanssa-kahvilla"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Huomenta Suomi</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Kissojen kanssa kahvilla</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33001028/peter-uutisvirrassa/517906/vieraana-kansanedustaja-nasima-razmyar-sd" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33001028_jakso_517906" href="#!/jakso/33001028/peter-uutisvirrassa/517906/vieraana-kansanedustaja-nasima-razmyar-sd"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Peter uutisvirrassa</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Vieraana kansanedustaja Nasima Razmyar (sd.)</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33001019/vinkkimiehet/518200/vinkkimiehet-puivat-kiekkotahtien-liikennesakkojuttuja" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33001019_jakso_518200" href="#!/jakso/33001019/vinkkimiehet/518200/vinkkimiehet-puivat-kiekkotahtien-liikennesakkojuttuja"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Vinkkimiehet</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Vinkkimiehet puivat kiekkotähtien liikennesakkojuttuja</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--5 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Urheilu</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002005/valioliiga-west-ham-newcastle/510588/maanantaina-14-9-klo-2145" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002005_jakso_510588" href="#!/jakso/33002005/valioliiga-west-ham-newcastle/510588/maanantaina-14-9-klo-2145"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Valioliiga: West Ham - Newcastle</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Maanantaina 14.9 klo 21:45</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002055/ravit-toto4-seinajoki/509340/maanantaina-13-9-klo-19-10" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002055_jakso_509340" href="#!/jakso/33002055/ravit-toto4-seinajoki/509340/maanantaina-13-9-klo-19-10"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ravit: Toto4, Seinäjoki</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Maanantaina 13.9. klo 19.10</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/formula-1/510702/1-harjoitukset-pe-18-9-klo-1255" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002001_jakso_510702" href="#!/formula-1/510702/1-harjoitukset-pe-18-9-klo-1255"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Formula 1: Singaporen GP</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">1. harjoitukset pe 18.9 klo 12:55</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002005/valioliiga-manu-liverpool/508736/pelattiin-lauantaina" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002005_jakso_508736" href="#!/jakso/33002005/valioliiga-manu-liverpool/508736/pelattiin-lauantaina"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Valioliiga: ManU-Liverpool</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Pelattiin lauantaina</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002017/timanttiliiga-brysseli/508504/kilpailtiin-perjantaina-11-9" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002017_jakso_508504" href="#!/jakso/33002017/timanttiliiga-brysseli/508504/kilpailtiin-perjantaina-11-9"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Timanttiliiga: Brysseli</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Kilpailtiin perjantaina 11.9</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--5 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Suosituimmat draamasarjat</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005003/emmerdale/509368/tyhjan-aviovuoteen-kirous" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005003_jakso_509368" href="#!/jakso/33005003/emmerdale/509368/tyhjan-aviovuoteen-kirous"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Emmerdale</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Tyhjän aviovuoteen kirous</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005004/lemmen-viemaa/509323/nayttelyn-avajaiset" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005004_jakso_509323" href="#!/jakso/33005004/lemmen-viemaa/509323/nayttelyn-avajaiset"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Lemmen viemää</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Näyttelyn avajaiset</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005038/roba/507161/tarjous" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005038_jakso_507161" href="#!/jakso/33005038/roba/507161/tarjous"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Roba</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Tarjous</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005120/zoo/507423/laumavietti" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005120_jakso_507423" href="#!/jakso/33005120/zoo/507423/laumavietti"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Zoo</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Laumavietti</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006167/morran-ja-tobias/503908/loppuelaman-ensimmainen-paiva" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006167_jakso_503908" href="#!/jakso/33006167/morran-ja-tobias/503908/loppuelaman-ensimmainen-paiva"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Morran ja Tobias</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Loppuelämän ensimmäinen päivä</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Kotimaiset suosikit</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33011132/ensitreffit-alttarilla/516466/haat" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33011132_jakso_516466" href="#!/jakso/33011132/ensitreffit-alttarilla/516466/haat"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ensitreffit alttarilla</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Häät</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33005014/klikkaa-mua/512679/osa-12-jaana" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33005014_jakso_512679" href="#!/jakso/33005014/klikkaa-mua/512679/osa-12-jaana"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Klikkaa mua</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Osa 12. Jaana</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006006/duudsonit-tuli-taloon/509182/jakso-7-isalta-pojille" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006006_jakso_509182" href="#!/jakso/33006006/duudsonit-tuli-taloon/509182/jakso-7-isalta-pojille"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Duudsonit tuli taloon</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jakso 7. Isältä pojille.</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33008013/robin-just-nyt/506389/jakso-1-mika-kesaloma" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33008013_jakso_506389" href="#!/jakso/33008013/robin-just-nyt/506389/jakso-1-mika-kesaloma"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Robin - Just nyt</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jakso 1: Mikä kesäloma?</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--5 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Urheilun huippuhetket</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002021/pitkamaki-ja-ruth-beitia-timanttien-kanssa/519327" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002021_jakso_519327" href="#!/jakso/33002021/pitkamaki-ja-ruth-beitia-timanttien-kanssa/519327"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Pitkämäki ja Ruth Beitia timanttien kanssa</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser"></h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002005/valioliiga/519737/sunnuntain-maalikooste" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002005_jakso_519737" href="#!/jakso/33002005/valioliiga/519737/sunnuntain-maalikooste"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Valioliiga</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Sunnuntain maalikooste</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002007/veikkausliiga/519612/huippuhetket-ilves-ifk-mariehamn-2-puoliaika-istv" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002007_jakso_519612" href="#!/jakso/33002007/veikkausliiga/519612/huippuhetket-ilves-ifk-mariehamn-2-puoliaika-istv"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Veikkausliiga</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Huippuhetket: Ilves - IFK Mariehamn 2. puoliaika (ISTV)</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/formula-1/516325/menestyksekas-yhteistyo-paattyy" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002001_jakso_516325" href="#!/formula-1/516325/menestyksekas-yhteistyo-paattyy"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Formula 1</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Menestyksekäs yhteistyö päättyy</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33002051/jaakiekko-chl/516468/jyp-ja-tps-vastakkain-perrin-kuuma-nimi" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33002051_jakso_516468" href="#!/jakso/33002051/jaakiekko-chl/516468/jyp-ja-tps-vastakkain-perrin-kuuma-nimi"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Jääkiekko: CHL</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">JYP ja TPS vastakkain - Perrin kuuma nimi</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Viihde</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006063/ketonen-myllyrinne/509162/ketonen-myllyrinne" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006063_jakso_509162" href="#!/jakso/33006063/ketonen-myllyrinne/509162/ketonen-myllyrinne"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Ketonen & Myllyrinne</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Ketonen & Myllyrinne</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33016003/aku-ja-7-ihmetta/501940/jakso-4-jordania" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33016003_jakso_501940" href="#!/jakso/33016003/aku-ja-7-ihmetta/501940/jakso-4-jordania"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Aku ja 7 ihmettä</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jakso 4. Jordania</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33006006/duudsonit-tuli-taloon/500786/jakso-6-kiltteyden-kirous" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33006006_jakso_500786" href="#!/jakso/33006006/duudsonit-tuli-taloon/500786/jakso-6-kiltteyden-kirous"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Duudsonit tuli taloon</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Jakso 6. Kiltteyden kirous.</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33008023/festariagentit/512656/blockfest-tampere" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33008023_jakso_512656" href="#!/jakso/33008023/festariagentit/512656/blockfest-tampere"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Festariagentit</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Blockfest, Tampere</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--4 teaser-grid--small" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title" ng-if="grid.title && grid.type !== 'main'">Lifestyle</h2><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33010005/mtv-lifestyle/519878/autot-kuinka-autat-liikenneonnettomuudessa" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33010005_jakso_519878" href="#!/jakso/33010005/mtv-lifestyle/519878/autot-kuinka-autat-liikenneonnettomuudessa"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">MTV Lifestyle</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Autot: Kuinka autat liikenneonnettomuudessa</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33011032/muodin-huipulle/507846/perhosen-siivin" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33011032_jakso_507846" href="#!/jakso/33011032/muodin-huipulle/507846/perhosen-siivin"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Muodin huipulle</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Perhosen siivin</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33010006/fitnesspaivakirjat/503054/finaali" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33010006_jakso_503054" href="#!/jakso/33010006/fitnesspaivakirjat/503054/finaali"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Fitnesspäiväkirjat</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">#finaali</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><div class="dimmer dimmer-19"></div><a ng-href="#!/jakso/33009001/mita-tanaan-syotaisiin/509351/bolognese-ja-shepherds-pie" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_33009001_jakso_509351" href="#!/jakso/33009001/mita-tanaan-syotaisiin/509351/bolognese-ja-shepherds-pie"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Mitä tänään syötäisiin?</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Bolognese ja shepherd's pie</h4><div class="teaser__description text-bold"></div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div></div></div><div ng-repeat="tab in frontPageData" ng-show="selectedTab === $index" class="ng-hide"><div class="teaser-grid__wrap" ng-show="grid.items.length" ng-repeat="collection in tab.collections" grid="collection" layout="tab.layout" show-tv="$index === 0 && selectedTab === 1"><div class="teaser-grid clearfix teaser-grid--1 teaser-grid--upcoming" ng-class="{'teaser-grid--small': grid.items.length < 6 && layout === 'default', 'teaser-grid--upcoming': layout === 'upcoming' }"><div class="teaser-grid__content-wrap"><div class="teaser" scrolled-in-view="" teaser="teaser" ng-repeat="teaser in grid.items"><img class="teaser__image" responsive="TeaserCtrl.teaser.images" ng-if="hasBeenInView"><div class="dimmer dimmer-19"></div><a ng-href="http://www.mtv.fi/posse" class="teaser__punchline-wrap" a-tag="etusivu_avaa_sarja_undefined_jakso_undefined" href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/posse"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Posse</h3><h4 class="teaser__subtitle" ng-if="!TeaserCtrl.teaser.newsTeaser">Toinen kausi alkaa 18.9.</h4><div class="teaser__description text-bold">Lue lisää mtv.fi:stä</div></div></a><div class="teaser__contrast"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div></div></div><div class="teaser-grid teaser-grid--small teaser-grid--simulcast clearfix teaser-grid--5" ng-class="{ 'teaser-grid--5': !showAllChannels, 'teaser-grid--7': showAllChannels }" runnings="runnings" ng-if="showTv"><div class="teaser-grid__content-wrap"><h2 class="teaser-grid__title">TV-kanavat</h2><div class="teaser channel-teaser mtv3" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509368_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509368_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MTV3?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MTV3?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Emmerdale</h3><h4 class="teaser__subtitle">18:27 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -448.48484848484844%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser sub" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509386_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509386_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/Sub?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/Sub?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Myytinmurtajat</h3><h4 class="teaser__subtitle">18:00 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -201.66666666666666%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ava" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509324_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P509/VMan-P509324_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/AVA?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/AVA?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Grand Designs - unelma-asunnot</h3><h4 class="teaser__subtitle">18:00 - 19:00</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -201.66666666666666%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser max" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAX?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAX?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">LA - rikosten kaupunki</h3><h4 class="teaser__subtitle">18:45 - 19:10</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -664%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser maxsport1" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P508/VMan-P508504_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P508/VMan-P508504_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAXSPORT1?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAXSPORT1?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Timanttiliiga</h3><h4 class="teaser__subtitle">18:35 - 20:53</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -113.04347826086956%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide maxsport2" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" ng-src="//static.katsomo.fi/multimedia/vman/VMan-P515/VMan-P515905_550x310.jpg" responsive="ChannelTeaserCtrl.teaser.placeholders" src="//web.archive.org/web/20160323111237im_/http://static.katsomo.fi/multimedia/vman/VMan-P515/VMan-P515905_550x310.jpg"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/MAXSPORT2?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/MAXSPORT2?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Champions Hockey League</h3><h4 class="teaser__subtitle">18:30 - 20:30</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -125.83333333333333%"></div></span><div class="teaser__contrast" ng-if="ChannelTeaserCtrl.teaser.current_program[0].backup_image"></div><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide cmoretennis" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/CMORETENNIS?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/CMORETENNIS?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Southern Financial Group Masters/Cincin..</h3><h4 class="teaser__subtitle">17:20 - 19:07</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: -75.70093457943925%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser ng-hide cmoreextreme" ng-class="[ ChannelTeaserCtrl.teaser.channel_id ]" teaser="teaser" ng-repeat="teaser in runnings" ng-show="$index < 5 || showAllChannels"><img class="teaser__image" responsive="ChannelTeaserCtrl.teaser.placeholders"><div class="channel-teaser__logo"></div><div class="dimmer dimmer-19"></div><a ng-href="/#!/tv/CMOREEXTREME?toista" class="teaser__punchline-wrap katsomo-play" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/CMOREEXTREME?toista"><div class="teaser__punchline"><div class="teaser__icon"></div><h3 class="teaser__title text-bold">Lähetystauko</h3><h4 class="teaser__subtitle"> - 19:30</h4></div></a> <span class="channel-teaser__progress"><div class="bar" ng-attr-style="width: {{ (((ChannelTeaserCtrl.teaser.currentMinutes - ChannelTeaserCtrl.teaser.current_program[0].start_in_minutes) / ChannelTeaserCtrl.teaser.current_program[0].duration_in_minutes ) * 100) }}%" style="width: 81.96581196581197%"></div></span><div class="teaser__bottom-line"></div><div class="teaser__right-line"></div></div><div class="teaser channel-teaser nova-teaser" nova-program-data="novaProgramData" nova-song-data="novaSongData"><div class="section-header nova"><a class="nova-teaser-link" href="/web/20160323111237/http://www.katsomo.fi/#!/tv/Nova?toista"><div class="nova-wrap"><div class="nova-logo-wrap"><div class="logo"></div></div><div class="listen-button-wrap"><span class="listen-button header-link nova-popup-link"></span></div><div class="nova-now-playing"><strong>Kuuntele</strong> <span id="nova-now-playing"><span id="header-now-title">Nyt soi: En Pelkää Pimeää - Kaija Koo</span></span></div><div id="nova-program"><strong>LIVE!</strong> <span id="nova-program-name">Novan Arkiralli</span><br><span id="nova-program-hosts">Ile Jokinen, Sari Seppälä</span></div></div></a></div></div><div class="teaser channel-teaser"><a class="channel-teaser__show-more-link text-center text-uppercase" ng-click="refreshImages(); showAllChannels = !showAllChannels; ">Näytä lisää<div class="ha-row teaser__bullets" ng-show="!showAllChannels">• • •</div></a></div></div></div></div></div><login-opener></login-opener><registration-opener></registration-opener><search-opener></search-opener><email-confirmer></email-confirmer><footer class="footer text-center"><div class="footer__logos pull-left ha-iblock"><a href="/web/20160323111237/http://www.katsomo.fi/#!/" class="footer__logo logo-katsomo" a-tag="footer_katsomo-logo" title="Katsomo etusivu"></a></div><div class="footer__links text-bold text-muted ha-iblock"><a ng-href="#!/usein-kysytyt-kysymykset" class="footer__link" a-tag="footer_help" href="#!/usein-kysytyt-kysymykset">Ohjeet</a> <a ng-href="#!/asiakaspalvelu" class="footer__link" a-tag="footer_customer-service" href="#!/asiakaspalvelu">Asiakaspalvelu</a> <a ng-href="http://static.mtv3.fi/nettitv/MTV3_Katsomo_rekisteriseloste.pdf" target="_blank" class="footer__link" a-tag="footer_registery" href="https://web.archive.org/web/20160323111237/http://static.mtv3.fi/nettitv/MTV3_Katsomo_rekisteriseloste.pdf">Rekisteriseloste</a> <a ng-href="http://www.mtv.fi/yritys/kayttoehdot/" class="footer__link" target="_blank" a-tag="footer_terms" href="https://web.archive.org/web/20160323111237/http://www.mtv.fi/yritys/kayttoehdot/">Käyttöehdot</a></div><div class="footer__sharing ha-iblock"><a ng-href="https://www.facebook.com/mtvkatsomo" target="_blank" class="footer__fb" a-tag="footer_facebook" title="Katsomo Facebookissa" href="https://web.archive.org/web/20160323111237/https://www.facebook.com/mtvkatsomo"></a> <a ng-href="https://twitter.com/mtvkatsomo" target="_blank" class="footer__twitter" a-tag="footer_twitter" title="Katsomo Twitterissä" href="https://web.archive.org/web/20160323111237/https://twitter.com/mtvkatsomo"></a></div></footer></div></div></div></div>    <div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://web.archive.org/web/20160323111237if_/http://static.ak.facebook.com/connect/xd_arbiter/44OwK74u0Ie.js?version=41#channel=ff35ff5c8&origin=http%3A%2F%2Fwww.katsomo.fi" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://web.archive.org/web/20160323111237if_/https://s-static.ak.facebook.com/connect/xd_arbiter/44OwK74u0Ie.js?version=41#channel=ff35ff5c8&origin=http%3A%2F%2Fwww.katsomo.fi" style="border: none;"></iframe></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div></div> <noscript><img src="http://mtv3.spring-tns.net/j0=,,,;+,,cp=MTV3/Katsomo;;;;" alt=""> <div class="error-page"> <h1 class="error-page__title text-center"> <div class="error-page__code text-bold" style="z-index: -100;">&nbsp;</div> <div class="error-page__name text-bold">Sivua ei voitu avata</div> </h1> <div class="error-page__desc text-center"> <p class="text-large">Huomasimme, että selaimesi ei tue JavaScriptiä tai se ei ole päällä. Laita JavaScript päälle selaimesi asetuksista tai avaa <a href="http://www.katsomo.fi/">www.katsomo.fi</a> sivusto uudestaan selaimesta, joka tukee JavaScriptiä. Voit tarvittaessa pyytää neuvoa asiakaspalvelustamme: <a href="mailto:katsomo@mtv.fi">katsomo@mtv.fi</a>. </p> </div> </div></noscript> <iframe src="https://web.archive.org/web/20160323111237if_/http://track.adform.net/serving/container/?pm=41168&lid=9500656&ctype=0&media=0&PageName=katsomo%7ckatsomo_sivu_etusivu&rnd=1714935113&cpref=&loc=http%3a%2f%2fwww.katsomo.fi%2f" style="position: absolute; border: 0px; width: 0px; height: 0px;"></iframe><img src="https://web.archive.org/web/20160323111237im_/http://fi.sitestat.com/mtv3/nettitv/s?Nettitv.katsomo_sivu_etusivu.page&category=Nettitv&mtv3_screen_innersize=1440x718&mtv3_screen_offset=0x0&mtv3_screen_availscreen=1024x768&mtv3_screen=1024x768&mtv3_screen_colordepth=32&mtv3_tmsec=Nettitv&mtv3_t=katsomo_sivu_etusivu&mtv3_t_h=53ccca35665166ac90943eacb1250c6a&mtv3_r=&ns__t=1442246396867&ns_c=UTF-8&ns_ti=MTV%20Katsomo&ns_jspageurl=http%3A//www.katsomo.fi/%23%21/&ns_referrer=" style="height: 1px; width: 1px; border: 0px none; display: none;"><img src="https://web.archive.org/web/20160323111237im_/http://fi.sitestat.com/mtv3/nettitv/s?Nettitv.MTV%20Katsomo.page&category=Nettitv&mtv3_screen_innersize=1440x718&mtv3_screen_offset=0x0&mtv3_screen_availscreen=1024x768&mtv3_screen=1024x768&mtv3_screen_colordepth=32&mtv3_tmsec=Nettitv&mtv3_t=MTV%20Katsomo&mtv3_t_h=517be196e14594022b08006073c8606b&mtv3_r=&ns__t=1442246397124&ns_c=UTF-8&ns_ti=MTV%20Katsomo&ns_jspageurl=http%3A//www.katsomo.fi/%23%21/&ns_referrer=" style="height: 1px; width: 1px; border: 0px none; display: none;"></body></html>