<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/css/util.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="/css/popup.css" type="text/css" media="screen" charset="utf-8">
<script src="/js/jquery.js"></script>
<script src="/js/popup.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
</head>
<body>
<script type="text/javascript">
$(function() {
POPUP.initializeForPopup();
});
</script>
<div id="glit-popup" class="clearfix">
<div id="container">
<header>
<h1>Language Immersion</h1>
<p>for Chrome</p>
</header>
<section id="section-language">
<label for="language">Pick a language</label>
<div class="clearfix">
<select id="language">
<option value="af">Afrikaans</option>
<option value="sq">Albanian</option>
<option value="ar">Arabic</option>
<option value="hy">Armenian</option>
<option value="az">Azerbaijani</option>
<option value="eu">Basque</option>
<option value="be">Belarusian</option>
<option value="bg">Bulgarian</option>
<option value="ca">Catalan</option>
<option value="zh">Chinese (Simplified)</option>
<option value="zh-TW">Chinese (Traditional)</option>
<option value="hr">Croatian</option>
<option value="cs">Czech</option>
<option value="da">Danish</option>
<option value="nl">Dutch</option>
<option value="eo">Esperanto</option>
<option value="et">Estonian</option>
<option value="tl">Filipino</option>
<option value="fi">Finnish</option>
<option value="fr">French</option>
<option value="gl">Galician</option>
<option value="ka">Georgian</option>
<option value="de">German</option>
<option value="el">Greek</option>
<option value="ht">Haitian Creole</option>
<option value="iw">Hebrew</option>
<option value="hi">Hindi</option>
<option value="hu">Hungarian</option>
<option value="is">Icelandic</option>
<option value="id">Indonesian</option>
<option value="ga">Irish</option>
<option value="it">Italian</option>
<option data-experimental="true" value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="la">Latin</option>
<option value="lv">Latvian</option>
<option value="lt">Lithuanian</option>
<option value="mk">Macedonian</option>
<option value="ms">Malay</option>
<option value="mt">Maltese</option>
<option value="no">Norwegian</option>
<option value="fa">Persian</option>
<option value="pl">Polish</option>
<option value="pt">Portuguese</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="sr">Serbian</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="es" selected="selected">Spanish</option>
<option value="sw">Swahili</option>
<option value="sv">Swedish</option>
<option value="te">Telugu</option>
<option value="th">Thai</option>
<option value="tr">Turkish</option>
<option value="uk">Ukrainian</option>
<option value="ur">Urdu</option>
<option value="vi">Vietnamese</option>
<option value="cy">Welsh</option>
<option value="yi">Yiddish</option>
</select>
<div id="config-button"></div>
<div id="config-menu" style="display:none;">
<ul>
<li>
<input type="checkbox" id="check-speak" />
<label for="check-speak">Speak translations</label>
</li>
<li>
<input type="checkbox" id="check-highlight" />
<label for="check-highlight">Highlight translations</label>
</li>
<li>
<input type="checkbox" id="check-experimental" />
<label for="check-experimental">Experimental languages</label>
</li>
</ul>
</div>
</div>
</section>
<section id="section-fluency">
<label for="fluency">Pick an immersion level</label>
<input id="fluency" type="range" min="1" max="5" step="1" />
<div id="scrubber-background"></div>
</section>
<section>
<ul id="toggle" class="clearfix">
<li class="left">On</li>
<li class="right">Off</li>
</ul>
</section>
</div>
</div>
</body>
</html>