From 01849116d77bab97ec2948038f0a2ec03719221a Mon Sep 17 00:00:00 2001
From: lrullo <lrullo@audio-lab.org>
Date: Mon, 26 Dec 2022 17:43:17 +0100
Subject: [PATCH] Wordpress Soundwalk Plugin for Mugako bidea

---
 admin.php                         | 221 ++++++++
 descarga.php                      |  24 +
 img/controls.png                  | Bin 0 -> 639 bytes
 img/controls.svg                  |   1 +
 img/markers_end.png               | Bin 0 -> 1048 bytes
 img/markers_layer.png             | Bin 0 -> 1076 bytes
 img/markers_loop.png              | Bin 0 -> 1175 bytes
 img/markers_play.png              | Bin 0 -> 1084 bytes
 img/markers_wifi.png              | Bin 0 -> 1309 bytes
 img/tipos.png                     | Bin 0 -> 1692 bytes
 img/toolbar.png                   | Bin 0 -> 1884 bytes
 js/app.js                         |  22 +
 js/mediaelement-and-player.min.js | 174 ++++++
 js/models.js                      | 253 +++++++++
 js/route.js                       |   7 +
 js/views.js                       | 795 ++++++++++++++++++++++++++
 libs/classes.php                  | 371 ++++++++++++
 libs/db_helper.php                | 214 +++++++
 listado.php                       |  12 +
 soundwalk.css                     | 843 +++++++++++++++++++++++++++
 soundwalk.less                    | 911 ++++++++++++++++++++++++++++++
 soundwalk.php                     | 253 +++++++++
 22 files changed, 4101 insertions(+)
 create mode 100644 admin.php
 create mode 100644 descarga.php
 create mode 100644 img/controls.png
 create mode 100644 img/controls.svg
 create mode 100644 img/markers_end.png
 create mode 100644 img/markers_layer.png
 create mode 100644 img/markers_loop.png
 create mode 100644 img/markers_play.png
 create mode 100644 img/markers_wifi.png
 create mode 100644 img/tipos.png
 create mode 100644 img/toolbar.png
 create mode 100644 js/app.js
 create mode 100644 js/mediaelement-and-player.min.js
 create mode 100644 js/models.js
 create mode 100644 js/route.js
 create mode 100644 js/views.js
 create mode 100644 libs/classes.php
 create mode 100644 libs/db_helper.php
 create mode 100644 listado.php
 create mode 100644 soundwalk.css
 create mode 100644 soundwalk.less
 create mode 100644 soundwalk.php

diff --git a/admin.php b/admin.php
new file mode 100644
index 0000000..97a184f
--- /dev/null
+++ b/admin.php
@@ -0,0 +1,221 @@
+<?php
+
+//var_dump($GLOBALS['wp_scripts']->registered);
+?>
+<div class="wrap">
+    <div id="icon-post" class="icon32"><br/></div>
+   <div id="soundwalk-messages">
+        <div>
+
+        </div>
+   </div><!--soundwalk-messages-->
+
+    <h2>Add New Walk</h2>
+        <!-- Forms are NOT created automatically, so you need to wrap the table in one to use features like bulk actions -->
+        <form id="soundwalk-new-walk" method="POST">
+            <input type="hidden" name="page" value="<?php echo $_REQUEST['page'] ?>" />
+            <div id="soundwalk-tabs">
+                <ul>
+                    <li><a href="#soundwalk-datos">Datos del paseo</a></li>
+                    <li><a href="#soundwalk-paseo">Puntos</a></li>
+                </ul>
+                <!-- -------------------------- -->
+                <div id="soundwalk-datos">
+                    <div id="walk-data" class="box">
+                        <div class="panel-left">
+                            <div id="titlediv" class="">
+                                <h3 class="hndle"><span>Title</span></h3>
+                                <div class="inside">
+                                    <label class="screen-reader-text" for="title">Title</label>
+                                    <input type="text" name="walk_title" size="30" tabindex="1" id="title" autocomplete="off" />
+                                </div>
+                            </div><!-- titlediv -->
+                            <div id="walk-excerpt-box" class="">
+                                <h3 class="hndle"><span>Description</span></h3>
+                                <div class="inside">
+                                    <label class="screen-reader-text" for="walk-excerpt">Description</label>
+                                    <textarea id="walk-excerpt" rows="10" name="walk"></textarea>
+                                </div>
+                            </div><!-- excerpt -->
+                        </div><!--panel-left-->
+                        <div class="panel-right">
+                            <div class="panel-wrap">
+                                <div id="language" class="">
+                                    <h3 class="hndle"><span>Language</span></h3>
+                                    <div class="inside">
+                                        <label class="screen-reader-text" for="walk-language">Language</label>
+                                        <input name="walk_language" id="walk-language" type="text" tabindex="2" size="10" autocomplete="on"/>
+                                    </div>
+
+                                </div><!-- language -->
+                                <div id="walk-picture-wrapper" class="">
+                                    <h3 class="hndle"><span>Picture</span></h3>
+                                    <div class="inside">
+
+                                        <p>
+                                          <a title="Imagenes" href="#" class="button image" data-type="image">Choose Image</a>
+                                        </p>
+                                        <div id="walk-picture-preview">
+                                        </div>
+                                        <input name="walk_picture" id="walk-picture" type="hidden" />
+                                    </div>
+
+                                </div><!-- language -->
+                                <div id="walk-actions" class="">
+                                    <h3 class="hndle"><span>Actions</span></h3>
+                                    <div class="inside">
+                                        <p class="submit">
+                                            <input type="submit" name="Submit" class="button-primary" id="walk-submit" value="<?php esc_attr_e('Save Changes') ?>" />
+                                        </p>
+                                    </div>
+                                </div><!-- areago-actions -->
+
+                            </div>
+                        </div><!--panel-right-->
+                        <div class="clear"></div>
+                    </div><!--walk-data-->
+                </div> <!--soundwalk-datos-->
+
+                <div id="soundwalk-paseo">
+
+                    <div id="walk-editor" class="box">
+                        <div id="editor-toolbar">
+                            <ul>
+                                <li id="add-point"><a title="Añadir Punto" href="#TB_inline?height=500&width=800&height=500&inlineId=markersMapWindow&modal=false" class="thickbox">Añadir Punto</a></li>
+                                <li id="create-point"><a title="Crear Punto" href="#">Crear Punto</a></li>
+                                <li id="edit-point"><a title="Editar Punto" href="#">Editar Punto</a></li>
+                                <li id="delete-point"><a title="Borrar Punto" href="#">Borrar Punto</a></li>
+                                <li id="kml-add"><a title="Añadir KML" href="#">Añadir KML</a></li>
+                            </ul>
+                        </div><!--editor-toolbar-->
+
+                        <div id="editor-panels">
+                            <div id="walk-preview">
+                                <div id="walk-map"></div>
+                            </div><!--walk-preview-->
+
+                            <div id="walk-point-editor">
+                                <!--TEMPLATE: tmpl-point-editor-template -->
+                            </div><!--walk-point-data-->
+                            <div class="clear"></div>
+                        </div><!--editor-panels-->
+
+                    </div><!--walk-editor-->
+
+
+                </div><!--soundwalk-paseo-->
+
+             </div><!--soundwalk-tabs-->
+            <div id="markersMapWindow">
+                <div id="markersWrapper">
+                    <div id="markersMap"></div>
+                    <div id="markerInfo">
+                        <div id="marker-info-text"></div>
+                        <div id="marker-player"></div>
+                    </div>
+                    <div id="marker-add-button"><button>Añadir</button></div>
+                </div>
+            </div>
+
+
+        </form>
+</div> <!--wrap-->
+
+<script type="text/html" id="tmpl-point-editor-template">
+    <div class="panel-wrapper">
+        <div class="title">
+            <h3>{{data.title}}</h3>
+        </div>
+        <div class="point-info">
+            <p>
+                <strong>Autor: </strong>{{data.autor}}
+            </p>
+        </div>
+        <div id="point-player"></div>
+
+        <div class="editor-option">
+            <label>Tipo de punto {{data.type}}</label>
+            <div class="toggle-control" id="toggle-tipos">
+                <ul>
+                    <li id="tipo-once" class="first-leaf"><a <# if (data.type == 1) { #> class="selected" <# } #> data-type="play" href="#">Play</a></li>
+                    <li id="tipo-loop"><a <# if (data.type == 2) { #> class="selected" <# } #> data-type="loop" href="#">Play Loop</a></li>
+                    <li id="tipo-end"><a <# if (data.type == 3) { #> class="selected" <# } #> data-type="end" href="#">Play To End</a></li>
+                    <li id="tipo-wifi"><a <# if (data.type == 4) { #> class="selected" <# } #> data-type="wifi" href="#">Wifi</a></li>
+                    <li id="tipo-layer"><a <# if (data.type == 5) { #> class="selected" <# } #> data-type="layer" href="#">Layer</a></li>
+                </ul>
+            </div><!--toggle-control-->
+        </div><!--editor-option-->
+        <div class="editor-option">
+            <label class="slider-radio-value">Radio: {{data.radio}}m</label>
+            <div class="slider-control">
+                <div class="slider-wrapper">
+                    <div class="slider-radio"></div>
+                </div>
+            </div>
+        </div><!--editor-option-->
+        <div id="layer-point" class="editor-option">
+            <label>Capa</label>
+            <div class="layer-control">
+                <ul>
+                    <li class="first-leaf"><a <# if (data.layer == 0) { #> class="selected" <# } #> data-layer='0' href="#">Todas</a></li>
+                    <li><a <# if (data.layer == 1) { #> class="selected" <# } #> data-layer='1' href="#">1</a></li>
+                    <li><a <# if (data.layer == 2) { #> class="selected" <# } #> data-layer='2' href="#">2</a></li>
+                    <li><a <# if (data.layer == 3) { #> class="selected" <# } #> data-layer='3' href="#">3</a></li>
+                    <li><a <# if (data.layer == 4) { #> class="selected" <# } #> data-layer='4' href="#">4</a></li>
+                    <li><a <# if (data.layer == 5) { #> class="selected" <# } #> data-layer='5' href="#">5</a></li>
+                    <li><a <# if (data.layer == 6) { #> class="selected" <# } #> data-layer='6' href="#">6</a></li>
+                </ul>
+            </div>
+        </div><!--editor-option-->
+        <div id="layer-change-point" class="editor-option">
+            <label>Capa destino</label>
+            <div class="layer-control">
+                <ul>
+                    <li class="first-leaf"><a <# if (data.toLayer == 1) { #> class="selected" <# } #> data-layer='1' href="#">1</a></li>
+                    <li><a <# if (data.toLayer == 2) { #> class="selected" <# } #> data-layer='2' href="#">2</a></li>
+                    <li><a <# if (data.toLayer == 3) { #> class="selected" <# } #> data-layer='3' href="#">3</a></li>
+                    <li><a <# if (data.toLayer == 4) { #> class="selected" <# } #> data-layer='4' href="#">4</a></li>
+                    <li><a <# if (data.toLayer == 5) { #> class="selected" <# } #> data-layer='5' href="#">5</a></li>
+                    <li><a <# if (data.toLayer == 6) { #> class="selected" <# } #> data-layer='6' href="#">6</a></li>
+                </ul>
+            </div>
+        </div><!--editor-option-->
+
+        <div id="wifi-point" class="editor-option">
+            <label>Wifi ESSID</label>
+            <div class="text-control">
+                <div class="text-control-wrapper">
+                    <input type="text" name="wifi-essid" id="wifi-point-essid">{{data.wifi}}</input>
+                </div>
+            </div>
+        </div><!--editor-option-->
+
+        <div id="options-change-point" class="editor-option">
+            <label>Opciones</label>
+            <div class="toggle-control" id="toogle-options">
+                <ul>
+                    <li class="first-leaf"><a <# if (data.vibrate) { #> class="selected" <# } #> id="option-vibrate" href="#">Vibrate</a></li>
+                    <li><a <# if (data.autofade) { #> class="selected" <# } #> id="option-autofade" href="#">AutoFade</a></li>
+                </ul>
+            </div>
+        </div><!--editor-option-->
+
+
+
+
+
+    </div><!--panel-wrapper-->
+</script>
+
+
+<script type="text/html" id="tmpl-audio-player">
+    <audio src="{{data.url}}"></audio>
+</script>
+
+<script type="text/html" id="tmpl-marker-info">
+    <h3>{{data.title}}</h3>
+</script>
+
+<script type="text/html" id="tmpl-point-info-picture">
+    <img src="{{data.url}}"/>
+</script>
\ No newline at end of file
diff --git a/descarga.php b/descarga.php
new file mode 100644
index 0000000..10b9938
--- /dev/null
+++ b/descarga.php
@@ -0,0 +1,24 @@
+<?php
+
+if(!isset($_GET['paseo']))
+	die();
+
+$id = $_GET['paseo'];
+
+require_once( dirname(dirname(dirname(dirname( __FILE__ )))) . '/wp-load.php' );
+require_once (dirname( __FILE__ ) . '/libs/classes.php');
+
+$file_helper = new Soundwalk_File_Helper();
+$path = $file_helper->get_Path($id);
+
+if (!file_exists($path . '/data.zip'))
+		die();
+
+$file = $path . '/data.zip';
+
+header("Content-Type: application/zip");
+header("Content-Disposition: attachment; filename=soundwalk.zip");
+header("Content-Length: " . filesize($file));
+readfile($file);
+
+?>
\ No newline at end of file
diff --git a/img/controls.png b/img/controls.png
new file mode 100644
index 0000000000000000000000000000000000000000..ade3f517ae6c72ab4b458cda3503b0a18f5219ec
GIT binary patch
literal 639
zcmeAS@N?(olHy`uVBq!ia0vp^CxF<9gAGVZ22ObhqDovNN`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrIztFe!SvIEGZ*dUNMu;2{TrhKDMTcTaKPoT4D>z<!A_Bw+=^
z8V0Kgd`no?GI)8gZ?Km0bD3$Nc=GL||7Q&j&J?)0`|gu>3M!mH+mJzn#ii)D8i7qW
zPb5!U_VQjbvj+$B%^t0?Xs;UA8~fE~XCD10ee?fe$2+!_^P|sm=2-O|_V1oxb5F{`
zK4kW^Z}a0e*5}zgdw!|9wkSqs?eU4G6*|6)=6-#$VrBWmou`*fI(w?Ry+qXgnv>Gr
z6SMEPGB_0O=u^&qxucfXfvNI)4d-%;4(05hKcZx!RPsN)n7mA+eY=I6)i3*9UM7<m
zrf-@%Kdj|K1=CB<7d08bXN0WZH8;+F!-ijF*)nq6OKc`ypV}V&vSZGaygOPkTVJaz
z{noqA<<-e-naZ16%4F`fMfg1Vd+}eQhs;KY87HJw!g*x>ojav&7^Rxm_-EFM%d%=+
zDX~_KfeI#!3A-Iij4Y;XzCPn!hqliZ|IdePbuazZ3Y%Hhp!aj#OE%-98#(G<d0m?m
z))}mD>xa(gTcIu5R^bykSP!wczMZ9FYM*eKb61S(Hn)At;;s4Cvp)JYPf*|K_p^GQ
z`F4}F_bp0%DmN|q@dp#n|MMDxWdeosWY3*ClDNcSi-elcg$uuBvqet+?_2y*QB1ht
z@yV~H)3?0O|5hgHKAE-Xyzqxdhl(e?KKJ;6yY!EXY}cJ1RCh8X$03k?VCP~6W`;8L
Vya!j;9>@ntdb;|#taD0e0svzB7s~(u

literal 0
HcmV?d00001

diff --git a/img/controls.svg b/img/controls.svg
new file mode 100644
index 0000000..af3bd41
--- /dev/null
+++ b/img/controls.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?>
<!-- Generator: Adobe Fireworks CS6, Export SVG Extension by Aaron Beall (http://fireworks.abeall.com) . Version: 0.6.1  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg id="controls.fw-Page%201" viewBox="0 0 144 32" style="background-color:#ffffff00" version="1.1"
	xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
	x="0px" y="0px" width="144px" height="32px"
>
	<defs>
		<radialGradient id="gradient1" cx="50%" cy="50%" r="50%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#f2f2f2" stop-opacity="0.2" offset="100%"/>
		</radialGradient>
		<linearGradient id="gradient2" x1="50%" y1="-7.8652%" x2="50%" y2="249.6629%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient3" x1="50%" y1="0%" x2="50%" y2="238.75%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient4" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient5" x1="50%" y1="-33.3333%" x2="50%" y2="152.0833%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient6" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient7" x1="50%" y1="-33.3333%" x2="50%" y2="152.0833%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient8" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient9" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient10" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient11" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient12" x1="50%" y1="0%" x2="50%" y2="238.75%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient13" x1="40%" y1="-140%" x2="40%" y2="98.75%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient14" x1="50%" y1="0%" x2="50%" y2="238.75%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient15" x1="60%" y1="-140%" x2="60%" y2="98.75%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient16" x1="50%" y1="0%" x2="50%" y2="298.4375%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient17" x1="50%" y1="0%" x2="50%" y2="238.75%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient18" x1="50%" y1="-200%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient19" x1="50%" y1="-200%" x2="50%" y2="110.9375%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient20" x1="55%" y1="0%" x2="55%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="100%"/>
		</linearGradient>
		<linearGradient id="gradient21" x1="50%" y1="0%" x2="50%" y2="100%">
			<stop stop-color="#ffffff" stop-opacity="1" offset="0%"/>
			<stop stop-color="#c8c8c8" stop-opacity="1" offset="99.4444%"/>
		</linearGradient>
	</defs>
	<g id="BG">
	</g>
	<g id="controls">
		<path id="Line" d="M 98.5 7.5 L 109.5 7.5 " stroke="#ffffff" stroke-width="1" fill="none"/>
		<path id="Line2" d="M 98.5 3.5 L 109.5 3.5 " stroke="#ffffff" stroke-width="1" fill="none"/>
		<path id="Line3" d="M 98.5 11.5 L 109.5 11.5 " stroke="#ffffff" stroke-width="1" fill="none"/>
		<path id="Ellipse" d="M 108 11.5 C 108 10.6716 108.4477 10 109 10 C 109.5523 10 110 10.6716 110 11.5 C 110 12.3284 109.5523 13 109 13 C 108.4477 13 108 12.3284 108 11.5 Z" fill="#ffffff"/>
		<path id="Ellipse2" d="M 104 7.5 C 104 6.6716 104.4477 6 105 6 C 105.5523 6 106 6.6716 106 7.5 C 106 8.3284 105.5523 9 105 9 C 104.4477 9 104 8.3284 104 7.5 Z" fill="#ffffff"/>
		<path id="Ellipse3" d="M 108 3.5 C 108 2.6716 108.4477 2 109 2 C 109.5523 2 110 2.6716 110 3.5 C 110 4.3284 109.5523 5 109 5 C 108.4477 5 108 4.3284 108 3.5 Z" fill="#ffffff"/>
	</g>
	<g id="backlight">
		<g id="off">
			<rect x="83" y="21" width="10" height="6" stroke="#ffffff" stroke-width="1" fill="#333333"/>
		</g>
		<g id="on">
			<path id="Ellipse4" d="M 81 8 C 81 5.2385 84.134 3 88 3 C 91.866 3 95 5.2385 95 8 C 95 10.7615 91.866 13 88 13 C 84.134 13 81 10.7615 81 8 Z" fill="url(#gradient1)"/>
			<rect x="83" y="5" width="10" height="6" stroke="#ffffff" stroke-width="1" fill="#333333"/>
		</g>
	</g>
	<g id="loop">
		<g id="on2">
			<path d="M 73.795 4.205 C 75.2155 4.8785 76.2 6.3234 76.2 8 C 76.2 10.3196 74.3196 12.2 72 12.2 C 69.6804 12.2 67.8 10.3196 67.8 8 C 67.8 6.3234 68.7845 4.8785 70.205 4.205 L 68.875 2.875 C 67.1501 3.9289 66 5.8306 66 8 C 66 11.3138 68.6862 14 72 14 C 75.3138 14 78 11.3138 78 8 C 78 5.8306 76.8499 3.9289 75.125 2.875 L 73.795 4.205 Z" fill="url(#gradient2)"/>
			<path d="M 71 2 L 66 2 L 71 7 L 71 2 Z" fill="url(#gradient3)"/>
		</g>
		<g id="off2">
			<path d="M 73.795 20.205 C 75.2155 20.8785 76.2 22.3234 76.2 24 C 76.2 26.3196 74.3196 28.2 72 28.2 C 69.6804 28.2 67.8 26.3196 67.8 24 C 67.8 22.3234 68.7845 20.8785 70.205 20.205 L 68.875 18.875 C 67.1501 19.9289 66 21.8306 66 24 C 66 27.3138 68.6862 30 72 30 C 75.3138 30 78 27.3138 78 24 C 78 21.8306 76.8499 19.9289 75.125 18.875 L 73.795 20.205 Z" fill="#a8a8b7"/>
			<path d="M 71 18 L 66 18 L 71 23 L 71 18 Z" fill="#a8a8b7"/>
		</g>
	</g>
	<g id="cc">
		<rect visibility="hidden" x="49" y="2" width="14" height="12" stroke="#b0b0b0" stroke-width="1" fill="none"/>
		<text visibility="hidden" x="49" y="17" width="14" fill="#ffffff" style="font-size: 10px; color: #ffffff; font-family: Arial; text-align: center; "><tspan><![CDATA[cc]]></tspan></text>
		<path d="M 55 7 C 50.2813 3.7813 50.063 12.9405 55 10 " stroke="#ffffff" stroke-width="1" fill="none"/>
		<path d="M 60 7 C 55.2813 3.7813 55.063 12.9405 60 10 " stroke="#ffffff" stroke-width="1" fill="none"/>
		<path d="M 50 3 L 62 3 L 62 13 L 50 13 L 50 3 ZM 49 2 L 49 14 L 63 14 L 63 2 L 49 2 Z" fill="url(#gradient4)"/>
		<rect x="49" y="2" width="14" height="12" fill="none"/>
	</g>
	<g id="volume">
		<g id="no%20sound">
			<rect x="17" y="5" width="5" height="6" fill="url(#gradient5)"/>
			<path d="M 21 5 L 25 2 L 25 14 L 21 11.0625 L 21 5 Z" fill="url(#gradient6)"/>
		</g>
		<g id="sound%20bars">
			<rect x="17" y="21" width="5" height="6" fill="url(#gradient7)"/>
			<path d="M 21 21 L 25 18 L 25 30 L 21 27.0625 L 21 21 Z" fill="url(#gradient8)"/>
			<path d="M 27 18 C 27 18 30.0625 17.375 30 24 C 29.9375 30.625 27 30 27 30 " stroke="#ffffff" stroke-width="1" fill="none"/>
			<path d="M 26 21.0079 C 26 21.0079 28.041 20.6962 27.9994 24 C 27.9577 27.3038 26 26.9921 26 26.9921 " stroke="#ffffff" stroke-width="1" fill="none"/>
		</g>
	</g>
	<g id="play/pause">
		<g id="play">
			<path id="Polygon" d="M 14 8.5 L 3 14 L 3 3 L 14 8.5 Z" fill="url(#gradient9)"/>
		</g>
		<g id="pause">
			<rect x="3" y="18" width="3" height="12" fill="url(#gradient10)"/>
			<rect x="10" y="18" width="3" height="12" fill="url(#gradient11)"/>
		</g>
	</g>
	<g id="fullscreen">
		<g id="enter%201">
			<path d="M 34 2 L 39 2 L 34 7 L 34 2 Z" fill="url(#gradient12)"/>
			<path d="M 34 14 L 39 14 L 34 9 L 34 14 Z" fill="url(#gradient13)"/>
			<path d="M 46 2 L 41 2 L 46 7 L 46 2 Z" fill="url(#gradient14)"/>
			<path d="M 46 14 L 41 14 L 46 9 L 46 14 Z" fill="url(#gradient15)"/>
		</g>
		<g id="exit">
			<path d="M 42 22 L 46 22 L 42 18 L 42 22 Z" fill="url(#gradient16)"/>
			<path d="M 38 22 L 38 18 L 34 22 L 38 22 Z" fill="url(#gradient17)"/>
			<path d="M 38 26 L 34 26 L 38 30 L 38 26 Z" fill="url(#gradient18)"/>
			<path d="M 42 26 L 42 30 L 46 26 L 42 26 Z" fill="url(#gradient19)"/>
		</g>
	</g>
	<g id="stop">
		<rect x="115" y="3" width="10" height="10" fill="url(#gradient20)"/>
	</g>
	<g id="chooser">
		<path d="M 135.2346 6.1522 C 136.2551 5.7295 137.4251 6.2141 137.8478 7.2346 C 138.2704 8.2551 137.7859 9.425 136.7654 9.8478 C 135.7449 10.2705 134.5749 9.7859 134.1522 8.7654 C 133.7295 7.7449 134.2141 6.5749 135.2346 6.1522 ZM 133.2735 1.4176 L 136 4.0054 L 138.7265 1.4176 L 138.8246 5.1754 L 142.5824 5.2735 L 139.9946 8 L 142.5824 10.7265 L 138.8246 10.8246 L 138.7265 14.5824 L 136 11.9946 L 133.2735 14.5824 L 133.1754 10.8246 L 129.4176 10.7265 L 132.0054 8 L 129.4176 5.2735 L 133.1754 5.1754 L 133.2735 1.4176 Z" fill="url(#gradient21)"/>
	</g>
</svg>
\ No newline at end of file
diff --git a/img/markers_end.png b/img/markers_end.png
new file mode 100644
index 0000000000000000000000000000000000000000..2dd52f3f3875c38abbdb35dac0233f165d0d5b31
GIT binary patch
literal 1048
zcmV+z1n2vSP)<h;3K|Lk000e1NJLTq000>P001cn1^@s6z>|W`0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#x=BPqRCwC7S4(RYK@hGQ5)%b=B`4!0
zK?#DO8>9F2o`Wa#mWZMlgdqNaIR1g`Dk>2n>rK>yf!wnPPhuV*f&?Uc(cI#KkC4Pn
zTRq)9Q{B_EJA1G<HPbU)U0;7)kDeg3Y0c^LLv))asgRUCDr+PSlG;#hrI}|3+ZdlA
znT!<>y^12f2z3XjlY~An^Z-oKZI;ZI5SdaAiZERT)}rn`0;=bNXn=XtE0-W#0oj8P
zjE#O48jRX?4it0(IB;Sl?g#qWNbkTP^q(4oJ~__xQLSWN+e<;T4`!u;e32NW%hAjC
z;n=kY36POP7sp{>YAzl}rq6(8wcUh?WKcr3CB~R+2gzV52EtU>M#jcnAo8iS8`~nZ
zGQF&D06xjI{tM%9<m!xKiMBV<2c*U;(!OLeVcys)0YE2oCD7q3GckQ+0D<wN6D)f6
zL=U(uOdq`|1bqY~m7*V;PA*96B8fUVTf`Tr^dQS*3kb5?k^qg3gV_F=D4RTz0BFKm
zVak3va1#bu=3%><gV{cM@(ERRVexvS+wSrr?7V;F(Zvj)m5koH<Y{{Zu>JNSbkhRY
zoXA{l27d@Zh`a@*#Z0iVK$mJ=ckH6aQFaL6_nQ!+xDX0^0iHU>S|gz61(Bm@-tT-|
zgkP^i^^PPG_EK44v=*rQ3rHDB<peh<B1%D~JRtN^0o>nQ&jdnn>^R9F>~DRCzgwG%
zonC<16#{P2Z8)HkOlN?oC9CI3^xONko=#>W4ex$kwg6lfLY<hcK)<VMR0fa&#RrlE
z(&JIGZNdT&sd4!r53p(y!V*oQW|;un0tIFaN51Vzw<%%a=1G-?S}u?=5(&=0HOeK4
zylN&HV>SZbS=%G*?Qwl$ji=|l9IG1^zKjn=GErD7bsZmN?y0`C19@d-_|Zy}bm|eK
z9#3YDH<D}(bG~L&mv*3C?ILByChK@^IC8d4vkX18%Wfwh+iYCNbIC3Q>T-TZ5Y5I4
z=ScXX$Qu|hyE-=3?~X3fa0LsLa-DpQkteH{a!P&9#Mn37@uvC;%Rk9DWPMTO0E917
zk_~;)drmuH9|eumPyH;~GSN0dH&-Gz<F#JV&jD}yd`Gdt{3Ckp%(K<e4##f?r&7cS
zkrTp7YMpEp2_E=#ySyRGo9h(%Yo4838!qr6(Ya9>2_rWl3;3cdCh^AK(rnoOOy%dD
zSrldhibd%7BrH0&FcaC9ZzgP-V=s!a=!%K*wFq^-hwwk!ha2aXx}Eb+fB^tmhQ%#|
S<)kwJ0000<MNUMnLSTYVi`gFl

literal 0
HcmV?d00001

diff --git a/img/markers_layer.png b/img/markers_layer.png
new file mode 100644
index 0000000000000000000000000000000000000000..863bc05c08b5a26b91b887fa41e65089ff9bad77
GIT binary patch
literal 1076
zcmV-41k3x0P)<h;3K|Lk000e1NJLTq000>P001cn1^@s6z>|W`0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#)=5M`RCwC7S4&S6K@hH9M({z*;tftb
z3^CE@0_w$RmYWCs0i3{S5RD1(7nu12x@c4&Cafo~A{TFL;tj(iAtp)`_JZ6LL_lSk
zvU;Yww`R6?b|A5!nMZfkS6@|iO(P&iiX+{vbQz(MrIE2LS)@^*G1@vhU#w<F#29}_
zW6)n9gmoeMe=xWL<Y~AzFkt~0q|0M6n-+pCs)B<0HUQh8+Xn=cuL`07CWZ1`g75``
zJs>hR>KPRn$xRL<Y5|1U*uoV8umcH}g9QRer|9P7^&x0D-D6K!4A`G9bFletLIcUr
zb;%q#YF;u(YtJP>Lq`uBMttTzsz_6oCh4YE5Q~fmSeOu<xO@YgQ_V_A#D~idQNX42
zeI2%Er%mX*AZ%Td$pA1zItM%NUjzL9W!^Ph?1Q?dmWt9u=@_dr%>?~<AsrZyAlYbw
zk6-G8#%uksF*Zy<TmHMF1ahQ3K7@b2&cV)y>5v12l63^z$-G3JmQF|ykHOFJ0I0Mw
z59KY1p@eJCB}h3XhGE8u)-ngGYifqnu}1I+#9Lp6lA7mxgx~M~ST{EGduh(8(pdm^
zw_uZ4c%<m(<Vrs{?cK@3g-~V`fK*E9+cIpweFXdDy{@>@%A9p~Ad8#Svx%eYfU8Q6
z>d$3C$iZSMf#SloxAxfpBD3eHR-M%z`PFr`AL<XW8KrZ(O9cb0q~Or=lwZb*kna(r
zU9|&SI`Q7xaz(|FOvxQj?L@3n7}6;bZj7>Ig{bVtU~P=3b~$@T{fjPbDQaNU$Z*ss
zSrm;j8=h@lgarm)%#D<Kms6;bmaPpaFV(z<<=(^ruxwmD$S$0dw?2qOlc<$UxYq%g
zHtgBLQx211VL+7RXlf%0q>XsU8AOfpVZQk}ZP<YLY!Kdr!h_-PL~|3GFMsFdTwb$?
zGLhn<QN)m^*2H5pKW1~f+-L}-?a6$R*5o}#-B)Ib*TaN{C0{YhOFLCTR2efim5Jwu
zJzF_rn1vOj<7t>pH1T{?Is$pAUlT;J36-;lwkom~#;e4~R4L2%yJl!QE0P|G5DT5p
z7J6;-sj7;8Zg}EVg7pt#xG<nH7d4qk`E*aRfh<@~kr?{OL*dMGJBwH*%7z==D_(TR
zt97vlzFP7AcsF1Za~57a`(mLh&PJ+cQmJAPtCVmsMr$5jlYCZ}?qpVFdy6K8ev9YF
z7u#y-r;>nB8*#nphD?x)12ORfKcv{O|CurqwOJ%)0s#v*k`p(nZek`<=58A{#h#bR
uSR9B+kZW|+es|%2%IvKRGY8fAC%^#4#|f6iE{fOy0000<MNUMnLSTXiF!31x

literal 0
HcmV?d00001

diff --git a/img/markers_loop.png b/img/markers_loop.png
new file mode 100644
index 0000000000000000000000000000000000000000..718d97f0d2585f3564b911dce2f7fdd1da9cd30b
GIT binary patch
literal 1175
zcmV;I1Zew-P)<h;3K|Lk000e1NJLTq000>P001cn1^@s6z>|W`0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$IY~r8RCwC7S4n6TK@|PfnJgnl#_bTj
z7=<82G>hI8C+IQYO%xFocM*ciJ!#K^6U7xV<Hdj{137unh@M;$K?DhC#!GS$9hk!;
zG3oOE>Z-2l>h9^u!AkyA&s5ca|NX6I7}OZ0fu1cm4WQ&vx?;9`Mwvhv-ZDH{O47q>
zC?7;QDK;<`yOE0*?#}>46gLix#Q>bd=@zQZF=lK^K;i1q2P@;_6$C0Kf=GZ7CM_or
za|1KpaBi@X@3{oSamoZ@X#h%bX5A)eSlbqW{GFW!uUfGH;(?eEgDC{aIfi1IN%@*X
zSD|G`KH{zFhjFO9d<0F~dU1U}{CaZT1R~dUQ;aflKQYLemOD5%Ztj5f7as!4w#H^n
zc27SvqjE>C2eA`GSPr8!f)9NRS#&X<MaV@BcyPnDXMu~V??$2eb`-onbKu}-*?mVL
zyZ2}aboScrkn23(ZQaD=gficZ#VWK?0aTv5u<&s_Smy||j4_E#Ri?9!qKj-!Pzds-
zo78i&jKLBrTSNeIpUHIf;lU^fivcA4KL>iaa+M>MI5OZQUU^nnu8k1ZK|@;yKuc@j
znx)^fLVP!cU6!$PnMo6tQ86#iY3qT7fR^W`1OE%9T*q9vlxw}2gw6sRZ@da+6`!v_
z#XTUl`w9u2!|LNVp{a8}EPQ<f<&o>+GcW)}rY1HuD{cRx5^k0_S-7=V0EqSPpAs8w
zM&*Io^q8qh4&@%jq<QZVXgPS+KZBKD#pE!X88`H0WUJ0AD+SFM4`%zX3R(Iwi41zQ
zQ3z0ea6!!6>T7aLIQV|dbOSdI&!csJ3dckeXcuV!`kVl$kI8<eeV|E=QN?3BVKbN!
zIlC5AMv*k3{~NJK1u?=HETZVf$Rp`X{R^jd;TWuyA*_|bKzR(1eJ_MtJP&tb0`r?B
zU1CFyJW!CRR?AijxISpqg(og59&PnLI(6Yfkiv*Y0K>`(8^|-jlwvQ=J=#t5O!t1-
zu9E^Tm2Du;sA|msBJR-=-1!Bti&3!Q@FL_Mt8Ih;>~($5(^^rnh^u&4_ahz-q-C)e
zne~3sV=4`SwBMdA;hv&rP#1@dz$*z{V+3C^Dw3W=5Sfy$-Cey<mTASF<u=LEwRJ{7
zw%rM{u>)^P)DS4r`BV_eCX~(|kISOi#CTfw*HjwQm%Cr%a-Ko@ki|FAad)aOZawin
z@nd5KUItkGaUM<#h{ht735{=;hz)+DPwHK|rB7_X7tf+56RE?sYsIrGUhb=<C)MR&
zFZyf}e>&iAl+OE8-L-T$sX@hz;XEOQeHl*EQBU%~m-AgS)ZXl%;D2f7!_Vz$=bd^$
zu#LE$U66IeVns}Z<IhPp#&4#sN9io;W&%D7*NTZ-@7cPU(D-yFU{mUSTpx=SG4W%~
pU0Lrg{Lk_J^sd({J@Ze10RYh?B4w>t9dG~u002ovPDHLkV1h>B9gYA1

literal 0
HcmV?d00001

diff --git a/img/markers_play.png b/img/markers_play.png
new file mode 100644
index 0000000000000000000000000000000000000000..787f320a521794c0b9fb35904a793ac339a937dd
GIT binary patch
literal 1084
zcmV-C1jGA@P)<h;3K|Lk000e1NJLTq000>P001cn1^@s6z>|W`0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#-bqA3RCwC7SItipF%*9t76Vbq0`VXx
zP(n;hbOAk@tQSvsHk^QHP>4#ndV%=|6f}N7Ojr*_jVIKb2R6}@ae>5`7^1LV<fbGW
z79=qBwbSXeozCp+!9us4o%a3S?|rpPAfc5f`Z{r#z@EpRvn*M~Uc^4zIlEkrlS2}O
zPhlVC3kb0;r2K>WBR~PWYXc(|fMFc&q1Y@T%Ayz)8ccn#Eu2mwP$3pX04xxpIRjA_
z5aoeVg^hTo0u0-T3gjdKWZF8Qb#NLQ+dIG!fI;Wa1j6s-$Te9I@<JxU2P?QB>nIvG
zb@xO2_#AjU6{voA!8^sdoq;)0X1ZSHqksuxkR=L0pedg>AB7{AM&a0<H_&|kGS}AO
zjET>Hs7wO3B+KM-CdeX3d=}b526E_RKeUa_Mf`p6XA>%~T-f_jl75gZ6h@x!pI*jf
zC{S6~MA|pf8d{G-_Qn%v#opM_BUnKsSVZ6tF_64!COMDE4Yf5grjyU1<;oNf5>+Q9
z?DNbjIWt5_T$aYPrgH<(j$nr`42JtcMmfh!7^0|94^ZGMGoRQr6DNwKL}4Ml^YJAQ
z?}KW^-$UiVTPAjM3eEqP-a+;KJRJPq#7K%?m+{3BO*jcYV>a%um!SIgF6{qWlObys
zGpfkTh*F)WpwJ|COL=JX?bj{`k@=uVq()s6t(d{*MIOe2P{2!F$n3t2n(v``A|*vH
zj3KL#)FR7xEGJ|GBO>b<<)NXu1<S|)?0!b!yOpTlw0cEFmMh<3{lcM(Tjl3O-!x|T
zl+0MI4iPPX%)n3q)Y9Vl?AReT?T8IC0@YGcsb8CdjUcoYwJ8D+o|vo(&&cxx(HOw2
zS>VD#7lH+XJ)3z#GqE{4_qVh|i=j%bA^`pvGJuGA!Y<GJnaIh=*-$8G=ApWIGywCx
zUh)e83zG?JE|nYgGr}`8_9A1rp2<nPt*qbfTL`W~dQ=fhc+to)%&tZ!?k|t1G963o
zD{P{Umz_D^Fq>fMrn=mHzZJ4EOSdf{mAol*KhRlNnTU;AID6C<Mb^N0min5?+S<+D
zC48Mvb8v~|EA~8GxoCUuB$&aK$*1^1{!t}4{m63bx^M^W+c;x`H~P5R6;|rvsYiAe
ziA;nH*US~q%y_XbNls0Ze;xDLkoY6IeERW9SCR~;rc*IuOctJA0o+<LQr&vKT+eN=
z@@6^(|I26QR=aBLchZ31IpTU?FiGKyx|r}Ehogdx@|!6)Uz<g0Cg8Jh4WGDa_tte2
zEnSmr%KcB%v8aoQDD1AtcNhL=`*ii}QoVcr2`~Wi`l-IXpHwse0000<MNUMnLSTY~
C#s0kj

literal 0
HcmV?d00001

diff --git a/img/markers_wifi.png b/img/markers_wifi.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b4a4f914754c2e8e41265490d902fdfa1c3c0e4
GIT binary patch
literal 1309
zcmV+&1>*XNP)<h;3K|Lk000e1NJLTq000>P001cn1^@s6z>|W`0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU$zez+vRCwC7S50giMHGIsjvY5@z$rp%
znoCNh6e;{9F^5zFVI;UkaNtzYLn@$9R4FYIDz|nozyX!Gh@S!y1_^PiNYz^oH3BJs
znjd~56<4&*B~dH2M8u?yWAE_Z{Or!GcWvjuOD5ylnR(xQ@4flfVbH?LQ)7eJO<~Jn
z8;Mx5gsq4zKbT)A$N6C`oS(rqDHbpmxsZ!LT=oD3Y;F`7ivXC!?gMn2Va!+*gTnPk
z3AT<OPa#kt7DNGj$<)aS#9Y9P0p|uAHRcKo?WhUF;sAOc&4IJ47aD)BLhY~l_;6VO
z(Ll_|!6E`=9ChM>b5|{g)jx```NOxcjexBId>{(lDCNjeYl%UIg+gLl`jH&$Ier29
zuq6i$f+H9+8B!L6*6%T=<X13379&iuuok8UhJ>@^z9HyFfJ9$^5T<(@P`Pvt?p?j?
zhsS4OF!E&BMiVE;`%fdlI5~HW6G7z;G}f-e_MdZ5{Sm`-V*$Dl(CK{uSh8CHd+TdZ
zUo8PM=`%B5Vo)WJ_mKKt?OX%(O}-C3hhBulo_*+S6}+_)Z2f!@92^rES@&=b4^o2q
z?G@>e1-TMH5-^=OHQxWJ4wYj7-GAgA0gyb9g<Ve`7S0<t7oh&@tk~K0P*(J*gNLB{
z(?x)KEhq+?(Ov>MOCXwo1Y#l|2^AXQ6i=T-hxOlPp?-Z15;#sgI4I^>R|;wvRujNv
z#8#%V+;?t(=yCdq3Fvw57&t2N6rRfYBRH`e?mImLEZr*#;m*4+Kx1<QJan%Mz~izg
zoH$YA>h$#+^YBmpCE=Vb(LV&~XJ19f71+Y+5+}t=n;L#PR%jiYm>zN1{rsDdIr$A_
z-o6A$bWr*FE#TD+F`FElp!34k{AGV1RhubhW_}zc)qZX3bv;iV_8p|M6VSMe^0NHB
zJQ;@0K}J-*6e__GpYf2cDJwcSp5X?xp06qSAQR5$*>W*RCgp<5Ib9g$euLBu-IHsW
z=+`mVX)O-|1W)a4+=cDZ9Bj^hE}qetN|i3=7S8kS8hFU0e!C3+qOR3%m4h2EDUp61
z6)sn%#;A<X_}XLX5CiMI5~;x47D%crDL3>IJL{+o)1;alq7;=&ZPFV-m!{OFCIFko
zw5l!uL?eKFSl|Mo3&6BveIL9ish5ID@BMWjMA<Y>tv4%aaC*<WWOjIh=D+i&je8<Z
zu;K8X6&`Mf#{vk?+mc_<EW%94T<&kQ-w|Hu#9mV$tS3LA8z0#I^9yBMQ}7JxVzZHW
z-TcrP$ybaD<R=zHm88L@Iq{}rFBCS#(v8qA+YWqavk52OY|RIO0_|@LqS#pF?D427
ziY$z;I{unURyr|y1*dZi+MBw3#i5TDpNWzBn2jPgX5v+X^$+KEVL)>(+A<-#_6D)R
zZ}f566-avV;g6$Pv}B@uxZ%6vg>SrC*UC@ZkS`yXY+8I5UK;*nakP~Wr)^TPVmOZ}
zVcGKSd~{Mg@cU~cH%Z>YNx|RpV;7e8x7+V@0)jH)df^M%K`wU0L<IhrVq^TzH1b({
z79BGI$-)ig#O-u%$4toPU-8+LvtM+^Vn<A5uDPr3y9@uP{qpkTS9ZGRKLG{+<NZu4
TLLwFa00000NkvXXu0mjfx_4pA

literal 0
HcmV?d00001

diff --git a/img/tipos.png b/img/tipos.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd8c6e3676206679de1291104cffe7d2f7a3bb16
GIT binary patch
literal 1692
zcmV;N24ne&P)<h;3K|Lk000e1NJLTq00CYA001%w1^@s66l$}N0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU&K1oDDRCwC#osD%GIS_!?c`1MnZqos-
z!0QTvD>$g&a0S5?;8Xyq09*mS3ZMf>1<(P}n9*6_{Q-N|jJWT6PjB(=lIV9dGa88`
z0RR910000000000000000000000000xNxqh0syFk?RJ~GOB&o-TwPsls2Ko&W`u5c
zo6pFl7Bz&%3joas-;uktG_CY@rhi{M?RP~j?f60!06<Or8(iBibzNGh5S~yy007Ns
zy)BnAy?Xb<P_JET2mqiSVcT}8@6tT*?XLB{_;{BtO(aoU008gTYCC~Y-Igq@rTT8l
zB3u0pF}p-FA~2VRTE>}v?#9rGTpkBy`P9KM(Q@_a$#BGYm~4+{eSvjgr))uH#MH<x
zq=E-(E){kvc_%QnWab|loDk<l!dHE9o|(Zmm<Ro8q!V5mQ6E}w>tk)8Jfoa^ErWiR
z$3@7499g$Dl^H*XV;Ueiv-<pm0Wl8-*vwd2W<efX5enWSCNT`?ZOs_!Pem+MICp{t
zwPA8WSQos}22bY*-L;luplMW6UaNvPSNKLOc%$fF7btj#1&W6(thIC8STD~Jyl?s1
za6Y>($?W&jT_3G)A5_;t*ny@l^$zpx-n&nBafvaRQBp1u#J3S`<GfCGTTmtM-w)cx
z_b-_|?p&D`M)P0S#9*P#o?Pl{USteRi~5pmmT>K|k~R||%;t&n&Fo9d3vlXU2z_#s
zl6Tt${yWPW?;Fk6y2hJRp0vRCzCP5rjO2Gz;$NQx3%19kiIFm`kJa{KkKa|9;4R%w
zOs<9^pJ-;Vk`MQqrzP($BXl*q5xx<)8q&PJqW5Rkg>Qv_JvvuIFkx)HAgXvbt5RZ&
z3*I;5qptQi$ChDl@>*Mf6O-v#(?f-6G!5Pj)32D^4mFy=O)=NL;uqAq-i&qW)_oiY
z?@C!F27SK1zh6oW>yut@s$O($^sM8mlfZu6)HSnz;OpZ1y{9Rf(Rh<`KlCOLzRxPm
zOlgccx5by+^FCcYm?bo2$L?9rVE*NZ#OvT$|HO%J<G%lB!Tfd?32l?f@7pmNvI<`D
z!%t(=cvV69Z+wJp>i&MW{N#`vu*{-FgKTT(@2R!n>0Vmws3}ctx0ojFk{;>WIa))u
zFsZ0}A&bI7d1rKtDOZE~c=HxDh85o%1n+i?wacu+*WR(dxEAalEcEHB&-bW>(KC&U
zyimR<eY`=R-yXBuQQPljaXkV#HVCSF(4>#|9D>*C;#!fAT9$k#wY*Cw_Qkb|fw31O
zn)56*GA=G^aZU5yKBdnDvGHj{{i{*I`}GscwMur2R^x~)D>19?N}h+>@JbgGVldxd
zVtEaX<+8!xeWBuG8)%+?c(;RS!`i3D!F?f1_7~sIf&BmX1+lKv<U}8@A$P;V)w|^9
z#Uwu>F8oPdL}C#>8tPk}<TW<@Q}gv1f>#<PiVYM6lf@>_d~%mjvcFpU5R=f2q4EzF
z&VK0T4-vjM$?Kw_Y^)e-!2Ti_NH+!q?@yf^ik_W1jw~_Nw#oE!RloCX^=POJ{{;Q$
zQ<bKs1#j7m9|JOoC1zL3@mufxmF%ygC#sEE*W{xTy2@caXUS{Wo*yus9L*|8-tKZc
z2X$|kwe(Y6Puf1;^8~MIlQ-Hv-o<dNhTPOdzV=qeM<Nm|3tkx<y-2qSZdB84mk5Bv
zvfd$d8?!jl9IbDv7Ka~DnYwva2a_f=$8#|8_0)fxsUXfu+$inO)-D6gL@In~Xn@~F
zD0KaAL)~h;<wJ#eC(j<VtQ+Iyx{cK8xC?~o*vGL3Ax+^#8Je_*pU*joTl}{^u6pm<
zKm=$@7oeBPtNTqt{Jt4<k8BFA{&UseMc+LS9E5H*{~Ux4P4=&TK>&t73uImth4O!g
zpLYj<Q-p1*A2YQo@`UM1HNv*OBbxCqqbJA#0GJoNOSSseIX`geH?~Y-`?U}N0Ly}R
z5d1j6S~nT=!=n?S8qR6}fK%{sxT(4kWJi}jhv9F|$w2S|K+R}0gPdX~{##i@lhD46
z3g4IAY}66}Km+J`4Mk^xq|{Kw1V$AAzy}0yE7{+yvWR%6DgXcg000000000000000
m00000000000Mx}F0R{l3nl+FE=Kj(E0000<MNUMnLSTZVJ|uGh

literal 0
HcmV?d00001

diff --git a/img/toolbar.png b/img/toolbar.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d310d3bf840a65d2883bbb7e6646d0835e9fbad
GIT binary patch
literal 1884
zcmV-i2c!6jP)<h;3K|Lk000e1NJLTq002t>001or1^@s6=Hr&F0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU&{z*hZRCwCVT1%4RMi7OL-VfgP#&|i4
z3Bw62PGIH)4JT+gLDMHdoB-wo!z{f*J^^xgG0WDfw}Vg6&Q!c2Qb|>*N)p6WM1@d&
zQ!hW2^}2gKDy!9MNOjQbu+Vx*#Mq&49a}%zlim$W9~&R&F{1iHzta`~t?2PcReoGS
zb;IjIAq$L?^M24{LeJc?-ZOspl_CyeD9`&sbw_=tTY!~_k6TjPJ_4ixgdcf^86ZXg
zCKL1D>2cD4MSvyC3)R#I8ufjpM~o+(XwK(5O9xxUR|YV`%q37I*!<ym76K$6m?hw}
z=O|#m9H8vQ`lc|r$C`DfFpkj5<9qj>1<Qf7=??B$cwEm2#%?ed-5KV;25Qm(cHxq0
zPqvzsc<23}sLq7Ked{b^EvpVJQ&@l*ZR#@bM`KY6C~0*uf}H`Yar+spDgz*MdUD*_
z0xT!+P2=)?#8@`(Ck9PzW`g;~F^@msn-Vq)0gQog^s^<c#d>?hSq5$_!omO{Wh|9U
zzt=S(;lk}{&hkDIT;6<56MttbQZX%eSV7a%bzoveK;dyy$h3o19-&CC3+c9ak170}
z%e%-)CunePv5--(+j2qxw<#dQ0g{?{g0iK)8LUW#glCmUrm))3n#Q`JD`pkY-ji9h
zBcLY6VmyFlh^1>0+_!K?bGXbz>`gIud99e`Jq;0)IG*t>U~3EV+%EE~QwUHTl&MZ@
zZU_l-pgHo~nTW4*#L<~JhzwYZ26<NM11keaSzXpn<xhYy!$)io!_1Lx4uQ3D4<}Fo
z*Q0}YH|f9>Ag~-u0B$T_hKY3p!?J=Eox#Ip%n3Af2$SQ3S^=d_;PYX?77Mpqh@ia3
zzC&@J%+TH{&pI`|8^X25p1a`}eIINAlmR{$)?%#xn*htm@Q;pre06DaHypw*JG+Dm
zEe5d;o*P1fgtxFHrX$@a(wQ9AX2$hG<?)t>hlhk}rxXpZ88LQPBim4qr@Ep#i`l1b
zxf7?yD+Cy{0Ep-FI?N&*_=)!w`UmE>Do1J`+15iWe6?J`o^iF|eST2gUK_YRgwhnv
z%iG)AE&`-ziiXzD#QZZwL+!Z&tE6bCy>DxGoZ@pDUwGtwwHy+@QqX$8xhNXe(lJ6)
zol!J43$q>LCP}tjvl3Y9G~zT3I(>b4)(FCTH3co7DH<AAp=hW-nxdgO6${ga`YIF+
zV%oDvK+6j>wa*<May5!3K|JG4mk`uS(I}u=Q8Wyg$Bjlv2N=){ikwsX264<Nk3Hl>
z{d)!W)hQa*+7tq%0<>s~M#ig#6wOq|EGUxWYz~kQ3b0&y2E9kq$~6CT6N-j~{1uw4
zrD&RJF_NM&ie$^*DZmD>wuu7!s+MJZcVjN3Y#}6=jB)LgzUp3?<HJ%M9Dj)W-~d+C
z17LG-T4g9<#R`jVbltI~4nFqbB4&wWxIA7P=4bC7ismA9uq3owA%A)GVz=YmO9cI$
zBc^t0S#^2KnWACgYyv@OlV1f<G>AXbnj1ob06!559|(%(MSwLmj0cTfG>BQL&$4n@
zQWjttN0n!}D4LxE%y$h`O;Vcls(&|}VBezv;TKknl5K*}@g8ecy#JkpqG3xKhX5sn
z&Bf`s#>cD$P(c)pFTYahOywPxzqgFZEXimQiB(~vXmnZ-ih3C*U<p==hQ_Qq0?GjJ
ztlqi&E!=Jd@cz?aHI1!(Vb*ypNOi13sAY1H_S_H>93F)yW@X}zx)3g3*xFhJ_`g1U
zC|^Fky>)i(^O~XS`NrC0`}gC=A%H4mpS}jU+FG#=w7E&(N;mxU{d*$|qjj8aNNcXB
zztl4SR`bgLqM`QOvR>(K)YrGQ3pd_lpDuGfCs-AVhBn<rfD}#9$d97=XNpDw76H~p
zszc)okG#<o4Xx*<XlTJB)tgf^v}Y$24Xtx~iiS4zY6@CDQ#3TLLeWrvG(|&mE?iO;
zgo%}kVHXq)wa*<Ma$SlBAHB51vqxd7ol!Iln8%GO6b%$Pr}hhqhT2ZlzgJ-2hN6K$
z@(_roXaa(86h#9?a-7Wp@<9QXOV6P9Xo`mBx1(rOOv@cEb2EyD<YCL-DZqXXiiRzO
z1pBEd8kPruRVW%(tgz_j6pcz9ycCU&S>hNjkJpCzSuI5)QwKHIO3|>}QD23kam3W_
zDH>1Sa;9ilIGaEa+T>S36b<6f)C2JOx<g|pLgBR(4UJtih*_!6vT|5b7GN2{6paJS
zcMVicQW`|juws;K6NHXviiY=hQZ&>#j<`B>M$!24D<4Gz%fCHE6MHwr_;KCcup^*a
zQ#4Ius{xCBJ8yb{7ND(6X01-2x-z!KL|nczZ3%FtiHKS9lpBfz$()=$)z+x|FTeoL
W!lewUS<jXL0000<MNUMnLSTYBa%Ry0

literal 0
HcmV?d00001

diff --git a/js/app.js b/js/app.js
new file mode 100644
index 0000000..8da869f
--- /dev/null
+++ b/js/app.js
@@ -0,0 +1,22 @@
+(function($){
+
+    var soundwalk = window.soundwalk.walk;
+
+
+    var ui = {
+
+        initialize: function(){
+            $('#soundwalk-tabs').tabs({active: 1});
+            var editor = new soundwalk.view.WalkEditor;
+        }
+
+    };
+
+
+    $(document).ready(function(){
+        ui.initialize();
+    });
+
+
+
+}(jQuery));
\ No newline at end of file
diff --git a/js/mediaelement-and-player.min.js b/js/mediaelement-and-player.min.js
new file mode 100644
index 0000000..7e4840d
--- /dev/null
+++ b/js/mediaelement-and-player.min.js
@@ -0,0 +1,174 @@
+/*!
+* MediaElement.js
+* HTML5 <video> and <audio> shim and player
+* http://mediaelementjs.com/
+*
+* Creates a JavaScript object that mimics HTML5 MediaElement API
+* for browsers that don't understand HTML5 or can't play the provided codec
+* Can play MP4 (H.264), Ogg, WebM, FLV, WMV, WMA, ACC, and MP3
+*
+* Copyright 2010-2013, John Dyer (http://j.hn)
+* License: MIT
+*
+*/var mejs=mejs||{};mejs.version="2.13.1";mejs.meIndex=0;
+mejs.plugins={silverlight:[{version:[3,0],types:["video/mp4","video/m4v","video/mov","video/wmv","audio/wma","audio/m4a","audio/mp3","audio/wav","audio/mpeg"]}],flash:[{version:[9,0,124],types:["video/mp4","video/m4v","video/mov","video/flv","video/rtmp","video/x-flv","audio/flv","audio/x-flv","audio/mp3","audio/m4a","audio/mpeg","video/youtube","video/x-youtube"]}],youtube:[{version:null,types:["video/youtube","video/x-youtube","audio/youtube","audio/x-youtube"]}],vimeo:[{version:null,types:["video/vimeo",
+"video/x-vimeo"]}]};
+mejs.Utility={encodeUrl:function(a){return encodeURIComponent(a)},escapeHTML:function(a){return a.toString().split("&").join("&amp;").split("<").join("&lt;").split('"').join("&quot;")},absolutizeUrl:function(a){var b=document.createElement("div");b.innerHTML='<a href="'+this.escapeHTML(a)+'">x</a>';return b.firstChild.href},getScriptPath:function(a){for(var b=0,c,d="",e="",f,g,h=document.getElementsByTagName("script"),l=h.length,j=a.length;b<l;b++){f=h[b].src;c=f.lastIndexOf("/");if(c>-1){g=f.substring(c+
+1);f=f.substring(0,c+1)}else{g=f;f=""}for(c=0;c<j;c++){e=a[c];e=g.indexOf(e);if(e>-1){d=f;break}}if(d!=="")break}return d},secondsToTimeCode:function(a,b,c,d){if(typeof c=="undefined")c=false;else if(typeof d=="undefined")d=25;var e=Math.floor(a/3600)%24,f=Math.floor(a/60)%60,g=Math.floor(a%60);a=Math.floor((a%1*d).toFixed(3));return(b||e>0?(e<10?"0"+e:e)+":":"")+(f<10?"0"+f:f)+":"+(g<10?"0"+g:g)+(c?":"+(a<10?"0"+a:a):"")},timeCodeToSeconds:function(a,b,c,d){if(typeof c=="undefined")c=false;else if(typeof d==
+"undefined")d=25;a=a.split(":");b=parseInt(a[0],10);var e=parseInt(a[1],10),f=parseInt(a[2],10),g=0,h=0;if(c)g=parseInt(a[3])/d;return h=b*3600+e*60+f+g},convertSMPTEtoSeconds:function(a){if(typeof a!="string")return false;a=a.replace(",",".");var b=0,c=a.indexOf(".")!=-1?a.split(".")[1].length:0,d=1;a=a.split(":").reverse();for(var e=0;e<a.length;e++){d=1;if(e>0)d=Math.pow(60,e);b+=Number(a[e])*d}return Number(b.toFixed(c))},removeSwf:function(a){var b=document.getElementById(a);if(b&&/object|embed/i.test(b.nodeName))if(mejs.MediaFeatures.isIE){b.style.display=
+"none";(function(){b.readyState==4?mejs.Utility.removeObjectInIE(a):setTimeout(arguments.callee,10)})()}else b.parentNode.removeChild(b)},removeObjectInIE:function(a){if(a=document.getElementById(a)){for(var b in a)if(typeof a[b]=="function")a[b]=null;a.parentNode.removeChild(a)}}};
+mejs.PluginDetector={hasPluginVersion:function(a,b){var c=this.plugins[a];b[1]=b[1]||0;b[2]=b[2]||0;return c[0]>b[0]||c[0]==b[0]&&c[1]>b[1]||c[0]==b[0]&&c[1]==b[1]&&c[2]>=b[2]?true:false},nav:window.navigator,ua:window.navigator.userAgent.toLowerCase(),plugins:[],addPlugin:function(a,b,c,d,e){this.plugins[a]=this.detectPlugin(b,c,d,e)},detectPlugin:function(a,b,c,d){var e=[0,0,0],f;if(typeof this.nav.plugins!="undefined"&&typeof this.nav.plugins[a]=="object"){if((c=this.nav.plugins[a].description)&&
+!(typeof this.nav.mimeTypes!="undefined"&&this.nav.mimeTypes[b]&&!this.nav.mimeTypes[b].enabledPlugin)){e=c.replace(a,"").replace(/^\s+/,"").replace(/\sr/gi,".").split(".");for(a=0;a<e.length;a++)e[a]=parseInt(e[a].match(/\d+/),10)}}else if(typeof window.ActiveXObject!="undefined")try{if(f=new ActiveXObject(c))e=d(f)}catch(g){}return e}};
+mejs.PluginDetector.addPlugin("flash","Shockwave Flash","application/x-shockwave-flash","ShockwaveFlash.ShockwaveFlash",function(a){var b=[];if(a=a.GetVariable("$version")){a=a.split(" ")[1].split(",");b=[parseInt(a[0],10),parseInt(a[1],10),parseInt(a[2],10)]}return b});
+mejs.PluginDetector.addPlugin("silverlight","Silverlight Plug-In","application/x-silverlight-2","AgControl.AgControl",function(a){var b=[0,0,0,0],c=function(d,e,f,g){for(;d.isVersionSupported(e[0]+"."+e[1]+"."+e[2]+"."+e[3]);)e[f]+=g;e[f]-=g};c(a,b,0,1);c(a,b,1,1);c(a,b,2,1E4);c(a,b,2,1E3);c(a,b,2,100);c(a,b,2,10);c(a,b,2,1);c(a,b,3,1);return b});
+mejs.MediaFeatures={init:function(){var a=this,b=document,c=mejs.PluginDetector.nav,d=mejs.PluginDetector.ua.toLowerCase(),e,f=["source","track","audio","video"];a.isiPad=d.match(/ipad/i)!==null;a.isiPhone=d.match(/iphone/i)!==null;a.isiOS=a.isiPhone||a.isiPad;a.isAndroid=d.match(/android/i)!==null;a.isBustedAndroid=d.match(/android 2\.[12]/)!==null;a.isBustedNativeHTTPS=location.protocol==="https:"&&(d.match(/android [12]\./)!==null||d.match(/macintosh.* version.* safari/)!==null);a.isIE=c.appName.toLowerCase().match(/trident/gi)!==
+null;a.isChrome=d.match(/chrome/gi)!==null;a.isFirefox=d.match(/firefox/gi)!==null;a.isWebkit=d.match(/webkit/gi)!==null;a.isGecko=d.match(/gecko/gi)!==null&&!a.isWebkit&&!a.isIE;a.isOpera=d.match(/opera/gi)!==null;a.hasTouch="ontouchstart"in window&&window.ontouchstart!=null;a.svg=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect;for(c=0;c<f.length;c++)e=document.createElement(f[c]);a.supportsMediaTag=typeof e.canPlayType!=="undefined"||a.isBustedAndroid;
+try{e.canPlayType("video/mp4")}catch(g){a.supportsMediaTag=false}a.hasSemiNativeFullScreen=typeof e.webkitEnterFullscreen!=="undefined";a.hasNativeFullscreen=typeof e.requestFullscreen!=="undefined";a.hasWebkitNativeFullScreen=typeof e.webkitRequestFullScreen!=="undefined";a.hasMozNativeFullScreen=typeof e.mozRequestFullScreen!=="undefined";a.hasMsNativeFullScreen=typeof e.msRequestFullscreen!=="undefined";a.hasTrueNativeFullScreen=a.hasWebkitNativeFullScreen||a.hasMozNativeFullScreen||a.hasMsNativeFullScreen;
+a.nativeFullScreenEnabled=a.hasTrueNativeFullScreen;if(a.hasMozNativeFullScreen)a.nativeFullScreenEnabled=document.mozFullScreenEnabled;else if(a.hasMsNativeFullScreen)a.nativeFullScreenEnabled=document.msFullscreenEnabled;if(a.isChrome)a.hasSemiNativeFullScreen=false;if(a.hasTrueNativeFullScreen){a.fullScreenEventName="";if(a.hasWebkitNativeFullScreen)a.fullScreenEventName="webkitfullscreenchange";else if(a.hasMozNativeFullScreen)a.fullScreenEventName="mozfullscreenchange";else if(a.hasMsNativeFullScreen)a.fullScreenEventName=
+"MSFullscreenChange";a.isFullScreen=function(){if(e.mozRequestFullScreen)return b.mozFullScreen;else if(e.webkitRequestFullScreen)return b.webkitIsFullScreen;else if(e.hasMsNativeFullScreen)return b.msFullscreenElement!==null};a.requestFullScreen=function(h){if(a.hasWebkitNativeFullScreen)h.webkitRequestFullScreen();else if(a.hasMozNativeFullScreen)h.mozRequestFullScreen();else a.hasMsNativeFullScreen&&h.msRequestFullscreen()};a.cancelFullScreen=function(){if(a.hasWebkitNativeFullScreen)document.webkitCancelFullScreen();
+else if(a.hasMozNativeFullScreen)document.mozCancelFullScreen();else a.hasMsNativeFullScreen&&document.msExitFullscreen()}}if(a.hasSemiNativeFullScreen&&d.match(/mac os x 10_5/i)){a.hasNativeFullScreen=false;a.hasSemiNativeFullScreen=false}}};mejs.MediaFeatures.init();
+mejs.HtmlMediaElement={pluginType:"native",isFullScreen:false,setCurrentTime:function(a){this.currentTime=a},setMuted:function(a){this.muted=a},setVolume:function(a){this.volume=a},stop:function(){this.pause()},setSrc:function(a){for(var b=this.getElementsByTagName("source");b.length>0;)this.removeChild(b[0]);if(typeof a=="string")this.src=a;else{var c;for(b=0;b<a.length;b++){c=a[b];if(this.canPlayType(c.type)){this.src=c.src;break}}}},setVideoSize:function(a,b){this.width=a;this.height=b}};
+mejs.PluginMediaElement=function(a,b,c){this.id=a;this.pluginType=b;this.src=c;this.events={};this.attributes={}};
+mejs.PluginMediaElement.prototype={pluginElement:null,pluginType:"",isFullScreen:false,playbackRate:-1,defaultPlaybackRate:-1,seekable:[],played:[],paused:true,ended:false,seeking:false,duration:0,error:null,tagName:"",muted:false,volume:1,currentTime:0,play:function(){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.playVideo():this.pluginApi.playMedia();this.paused=false}},load:function(){if(this.pluginApi!=null){this.pluginType!="youtube"&&this.pluginApi.loadMedia();this.paused=
+false}},pause:function(){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.pauseVideo():this.pluginApi.pauseMedia();this.paused=true}},stop:function(){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.stopVideo():this.pluginApi.stopMedia();this.paused=true}},canPlayType:function(a){var b,c,d,e=mejs.plugins[this.pluginType];for(b=0;b<e.length;b++){d=e[b];if(mejs.PluginDetector.hasPluginVersion(this.pluginType,d.version))for(c=0;c<d.types.length;c++)if(a==d.types[c])return"probably"}return""},
+positionFullscreenButton:function(a,b,c){this.pluginApi!=null&&this.pluginApi.positionFullscreenButton&&this.pluginApi.positionFullscreenButton(Math.floor(a),Math.floor(b),c)},hideFullscreenButton:function(){this.pluginApi!=null&&this.pluginApi.hideFullscreenButton&&this.pluginApi.hideFullscreenButton()},setSrc:function(a){if(typeof a=="string"){this.pluginApi.setSrc(mejs.Utility.absolutizeUrl(a));this.src=mejs.Utility.absolutizeUrl(a)}else{var b,c;for(b=0;b<a.length;b++){c=a[b];if(this.canPlayType(c.type)){this.pluginApi.setSrc(mejs.Utility.absolutizeUrl(c.src));
+this.src=mejs.Utility.absolutizeUrl(a);break}}}},setCurrentTime:function(a){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.seekTo(a):this.pluginApi.setCurrentTime(a);this.currentTime=a}},setVolume:function(a){if(this.pluginApi!=null){this.pluginType=="youtube"?this.pluginApi.setVolume(a*100):this.pluginApi.setVolume(a);this.volume=a}},setMuted:function(a){if(this.pluginApi!=null){if(this.pluginType=="youtube"){a?this.pluginApi.mute():this.pluginApi.unMute();this.muted=a;this.dispatchEvent("volumechange")}else this.pluginApi.setMuted(a);
+this.muted=a}},setVideoSize:function(a,b){if(this.pluginElement.style){this.pluginElement.style.width=a+"px";this.pluginElement.style.height=b+"px"}this.pluginApi!=null&&this.pluginApi.setVideoSize&&this.pluginApi.setVideoSize(a,b)},setFullscreen:function(a){this.pluginApi!=null&&this.pluginApi.setFullscreen&&this.pluginApi.setFullscreen(a)},enterFullScreen:function(){this.pluginApi!=null&&this.pluginApi.setFullscreen&&this.setFullscreen(true)},exitFullScreen:function(){this.pluginApi!=null&&this.pluginApi.setFullscreen&&
+this.setFullscreen(false)},addEventListener:function(a,b){this.events[a]=this.events[a]||[];this.events[a].push(b)},removeEventListener:function(a,b){if(!a){this.events={};return true}var c=this.events[a];if(!c)return true;if(!b){this.events[a]=[];return true}for(i=0;i<c.length;i++)if(c[i]===b){this.events[a].splice(i,1);return true}return false},dispatchEvent:function(a){var b,c,d=this.events[a];if(d){c=Array.prototype.slice.call(arguments,1);for(b=0;b<d.length;b++)d[b].apply(null,c)}},hasAttribute:function(a){return a in
+this.attributes},removeAttribute:function(a){delete this.attributes[a]},getAttribute:function(a){if(this.hasAttribute(a))return this.attributes[a];return""},setAttribute:function(a,b){this.attributes[a]=b},remove:function(){mejs.Utility.removeSwf(this.pluginElement.id);mejs.MediaPluginBridge.unregisterPluginElement(this.pluginElement.id)}};
+mejs.MediaPluginBridge={pluginMediaElements:{},htmlMediaElements:{},registerPluginElement:function(a,b,c){this.pluginMediaElements[a]=b;this.htmlMediaElements[a]=c},unregisterPluginElement:function(a){delete this.pluginMediaElements[a];delete this.htmlMediaElements[a]},initPlugin:function(a){var b=this.pluginMediaElements[a],c=this.htmlMediaElements[a];if(b){switch(b.pluginType){case "flash":b.pluginElement=b.pluginApi=document.getElementById(a);break;case "silverlight":b.pluginElement=document.getElementById(b.id);
+b.pluginApi=b.pluginElement.Content.MediaElementJS}b.pluginApi!=null&&b.success&&b.success(b,c)}},fireEvent:function(a,b,c){var d,e;if(a=this.pluginMediaElements[a]){b={type:b,target:a};for(d in c){a[d]=c[d];b[d]=c[d]}e=c.bufferedTime||0;b.target.buffered=b.buffered={start:function(){return 0},end:function(){return e},length:1};a.dispatchEvent(b.type,b)}}};
+mejs.MediaElementDefaults={mode:"auto",plugins:["flash","silverlight","youtube","vimeo"],enablePluginDebug:false,httpsBasicAuthSite:false,type:"",pluginPath:mejs.Utility.getScriptPath(["mediaelement.js","mediaelement.min.js","mediaelement-and-player.js","mediaelement-and-player.min.js"]),flashName:"flashmediaelement.swf",flashStreamer:"",enablePluginSmoothing:false,enablePseudoStreaming:false,pseudoStreamingStartQueryParam:"start",silverlightName:"silverlightmediaelement.xap",defaultVideoWidth:480,
+defaultVideoHeight:270,pluginWidth:-1,pluginHeight:-1,pluginVars:[],timerRate:250,startVolume:0.8,success:function(){},error:function(){}};mejs.MediaElement=function(a,b){return mejs.HtmlMediaElementShim.create(a,b)};
+mejs.HtmlMediaElementShim={create:function(a,b){var c=mejs.MediaElementDefaults,d=typeof a=="string"?document.getElementById(a):a,e=d.tagName.toLowerCase(),f=e==="audio"||e==="video",g=f?d.getAttribute("src"):d.getAttribute("href");e=d.getAttribute("poster");var h=d.getAttribute("autoplay"),l=d.getAttribute("preload"),j=d.getAttribute("controls"),k;for(k in b)c[k]=b[k];g=typeof g=="undefined"||g===null||g==""?null:g;e=typeof e=="undefined"||e===null?"":e;l=typeof l=="undefined"||l===null||l==="false"?
+"none":l;h=!(typeof h=="undefined"||h===null||h==="false");j=!(typeof j=="undefined"||j===null||j==="false");k=this.determinePlayback(d,c,mejs.MediaFeatures.supportsMediaTag,f,g);k.url=k.url!==null?mejs.Utility.absolutizeUrl(k.url):"";if(k.method=="native"){if(mejs.MediaFeatures.isBustedAndroid){d.src=k.url;d.addEventListener("click",function(){d.play()},false)}return this.updateNative(k,c,h,l)}else if(k.method!=="")return this.createPlugin(k,c,e,h,l,j);else{this.createErrorMessage(k,c,e);return this}},
+determinePlayback:function(a,b,c,d,e){var f=[],g,h,l,j={method:"",url:"",htmlMediaElement:a,isVideo:a.tagName.toLowerCase()!="audio"},k;if(typeof b.type!="undefined"&&b.type!=="")if(typeof b.type=="string")f.push({type:b.type,url:e});else for(g=0;g<b.type.length;g++)f.push({type:b.type[g],url:e});else if(e!==null){l=this.formatType(e,a.getAttribute("type"));f.push({type:l,url:e})}else for(g=0;g<a.childNodes.length;g++){h=a.childNodes[g];if(h.nodeType==1&&h.tagName.toLowerCase()=="source"){e=h.getAttribute("src");
+l=this.formatType(e,h.getAttribute("type"));h=h.getAttribute("media");if(!h||!window.matchMedia||window.matchMedia&&window.matchMedia(h).matches)f.push({type:l,url:e})}}if(!d&&f.length>0&&f[0].url!==null&&this.getTypeFromFile(f[0].url).indexOf("audio")>-1)j.isVideo=false;if(mejs.MediaFeatures.isBustedAndroid)a.canPlayType=function(m){return m.match(/video\/(mp4|m4v)/gi)!==null?"maybe":""};if(c&&(b.mode==="auto"||b.mode==="auto_plugin"||b.mode==="native")&&!(mejs.MediaFeatures.isBustedNativeHTTPS&&
+b.httpsBasicAuthSite===true)){if(!d){g=document.createElement(j.isVideo?"video":"audio");a.parentNode.insertBefore(g,a);a.style.display="none";j.htmlMediaElement=a=g}for(g=0;g<f.length;g++)if(a.canPlayType(f[g].type).replace(/no/,"")!==""||a.canPlayType(f[g].type.replace(/mp3/,"mpeg")).replace(/no/,"")!==""){j.method="native";j.url=f[g].url;break}if(j.method==="native"){if(j.url!==null)a.src=j.url;if(b.mode!=="auto_plugin")return j}}if(b.mode==="auto"||b.mode==="auto_plugin"||b.mode==="shim")for(g=
+0;g<f.length;g++){l=f[g].type;for(a=0;a<b.plugins.length;a++){e=b.plugins[a];h=mejs.plugins[e];for(c=0;c<h.length;c++){k=h[c];if(k.version==null||mejs.PluginDetector.hasPluginVersion(e,k.version))for(d=0;d<k.types.length;d++)if(l==k.types[d]){j.method=e;j.url=f[g].url;return j}}}}if(b.mode==="auto_plugin"&&j.method==="native")return j;if(j.method===""&&f.length>0)j.url=f[0].url;return j},formatType:function(a,b){return a&&!b?this.getTypeFromFile(a):b&&~b.indexOf(";")?b.substr(0,b.indexOf(";")):b},
+getTypeFromFile:function(a){a=a.split("?")[0];a=a.substring(a.lastIndexOf(".")+1).toLowerCase();return(/(mp4|m4v|ogg|ogv|webm|webmv|flv|wmv|mpeg|mov)/gi.test(a)?"video":"audio")+"/"+this.getTypeFromExtension(a)},getTypeFromExtension:function(a){switch(a){case "mp4":case "m4v":return"mp4";case "webm":case "webma":case "webmv":return"webm";case "ogg":case "oga":case "ogv":return"ogg";default:return a}},createErrorMessage:function(a,b,c){var d=a.htmlMediaElement,e=document.createElement("div");e.className=
+"me-cannotplay";try{e.style.width=d.width+"px";e.style.height=d.height+"px"}catch(f){}e.innerHTML=b.customError?b.customError:c!==""?'<a href="'+a.url+'"><img src="'+c+'" width="100%" height="100%" /></a>':'<a href="'+a.url+'"><span>'+mejs.i18n.t("Download File")+"</span></a>";d.parentNode.insertBefore(e,d);d.style.display="none";b.error(d)},createPlugin:function(a,b,c,d,e,f){c=a.htmlMediaElement;var g=1,h=1,l="me_"+a.method+"_"+mejs.meIndex++,j=new mejs.PluginMediaElement(l,a.method,a.url),k=document.createElement("div"),
+m;j.tagName=c.tagName;for(m=0;m<c.attributes.length;m++){var n=c.attributes[m];n.specified==true&&j.setAttribute(n.name,n.value)}for(m=c.parentNode;m!==null&&m.tagName.toLowerCase()!="body";){if(m.parentNode.tagName.toLowerCase()=="p"){m.parentNode.parentNode.insertBefore(m,m.parentNode);break}m=m.parentNode}if(a.isVideo){g=b.pluginWidth>0?b.pluginWidth:b.videoWidth>0?b.videoWidth:c.getAttribute("width")!==null?c.getAttribute("width"):b.defaultVideoWidth;h=b.pluginHeight>0?b.pluginHeight:b.videoHeight>
+0?b.videoHeight:c.getAttribute("height")!==null?c.getAttribute("height"):b.defaultVideoHeight;g=mejs.Utility.encodeUrl(g);h=mejs.Utility.encodeUrl(h)}else if(b.enablePluginDebug){g=320;h=240}j.success=b.success;mejs.MediaPluginBridge.registerPluginElement(l,j,c);k.className="me-plugin";k.id=l+"_container";a.isVideo?c.parentNode.insertBefore(k,c):document.body.insertBefore(k,document.body.childNodes[0]);d=["id="+l,"isvideo="+(a.isVideo?"true":"false"),"autoplay="+(d?"true":"false"),"preload="+e,"width="+
+g,"startvolume="+b.startVolume,"timerrate="+b.timerRate,"flashstreamer="+b.flashStreamer,"height="+h,"pseudostreamstart="+b.pseudoStreamingStartQueryParam];if(a.url!==null)a.method=="flash"?d.push("file="+mejs.Utility.encodeUrl(a.url)):d.push("file="+a.url);b.enablePluginDebug&&d.push("debug=true");b.enablePluginSmoothing&&d.push("smoothing=true");b.enablePseudoStreaming&&d.push("pseudostreaming=true");f&&d.push("controls=true");if(b.pluginVars)d=d.concat(b.pluginVars);switch(a.method){case "silverlight":k.innerHTML=
+'<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" id="'+l+'" name="'+l+'" width="'+g+'" height="'+h+'" class="mejs-shim"><param name="initParams" value="'+d.join(",")+'" /><param name="windowless" value="true" /><param name="background" value="black" /><param name="minRuntimeVersion" value="3.0.0.0" /><param name="autoUpgrade" value="true" /><param name="source" value="'+b.pluginPath+b.silverlightName+'" /></object>';break;case "flash":if(mejs.MediaFeatures.isIE){a=
+document.createElement("div");k.appendChild(a);a.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" id="'+l+'" width="'+g+'" height="'+h+'" class="mejs-shim"><param name="movie" value="'+b.pluginPath+b.flashName+"?x="+new Date+'" /><param name="flashvars" value="'+d.join("&amp;")+'" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /></object>'}else k.innerHTML=
+'<embed id="'+l+'" name="'+l+'" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="//www.macromedia.com/go/getflashplayer" src="'+b.pluginPath+b.flashName+'" flashvars="'+d.join("&")+'" width="'+g+'" height="'+h+'" class="mejs-shim"></embed>';break;case "youtube":b=a.url.substr(a.url.lastIndexOf("=")+1);youtubeSettings={container:k,containerId:k.id,pluginMediaElement:j,pluginId:l,
+videoId:b,height:h,width:g};mejs.PluginDetector.hasPluginVersion("flash",[10,0,0])?mejs.YouTubeApi.createFlash(youtubeSettings):mejs.YouTubeApi.enqueueIframe(youtubeSettings);break;case "vimeo":j.vimeoid=a.url.substr(a.url.lastIndexOf("/")+1);k.innerHTML='<iframe src="http://player.vimeo.com/video/'+j.vimeoid+'?portrait=0&byline=0&title=0" width="'+g+'" height="'+h+'" frameborder="0" class="mejs-shim"></iframe>'}c.style.display="none";c.removeAttribute("autoplay");return j},updateNative:function(a,
+b){var c=a.htmlMediaElement,d;for(d in mejs.HtmlMediaElement)c[d]=mejs.HtmlMediaElement[d];b.success(c,c);return c}};
+mejs.YouTubeApi={isIframeStarted:false,isIframeLoaded:false,loadIframeApi:function(){if(!this.isIframeStarted){var a=document.createElement("script");a.src="//www.youtube.com/player_api";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);this.isIframeStarted=true}},iframeQueue:[],enqueueIframe:function(a){if(this.isLoaded)this.createIframe(a);else{this.loadIframeApi();this.iframeQueue.push(a)}},createIframe:function(a){var b=a.pluginMediaElement,c=new YT.Player(a.containerId,
+{height:a.height,width:a.width,videoId:a.videoId,playerVars:{controls:0},events:{onReady:function(){a.pluginMediaElement.pluginApi=c;mejs.MediaPluginBridge.initPlugin(a.pluginId);setInterval(function(){mejs.YouTubeApi.createEvent(c,b,"timeupdate")},250)},onStateChange:function(d){mejs.YouTubeApi.handleStateChange(d.data,c,b)}}})},createEvent:function(a,b,c){c={type:c,target:b};if(a&&a.getDuration){b.currentTime=c.currentTime=a.getCurrentTime();b.duration=c.duration=a.getDuration();c.paused=b.paused;
+c.ended=b.ended;c.muted=a.isMuted();c.volume=a.getVolume()/100;c.bytesTotal=a.getVideoBytesTotal();c.bufferedBytes=a.getVideoBytesLoaded();var d=c.bufferedBytes/c.bytesTotal*c.duration;c.target.buffered=c.buffered={start:function(){return 0},end:function(){return d},length:1}}b.dispatchEvent(c.type,c)},iFrameReady:function(){for(this.isIframeLoaded=this.isLoaded=true;this.iframeQueue.length>0;)this.createIframe(this.iframeQueue.pop())},flashPlayers:{},createFlash:function(a){this.flashPlayers[a.pluginId]=
+a;var b,c="//www.youtube.com/apiplayer?enablejsapi=1&amp;playerapiid="+a.pluginId+"&amp;version=3&amp;autoplay=0&amp;controls=0&amp;modestbranding=1&loop=0";if(mejs.MediaFeatures.isIE){b=document.createElement("div");a.container.appendChild(b);b.outerHTML='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" id="'+a.pluginId+'" width="'+a.width+'" height="'+a.height+'" class="mejs-shim"><param name="movie" value="'+
+c+'" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /></object>'}else a.container.innerHTML='<object type="application/x-shockwave-flash" id="'+a.pluginId+'" data="'+c+'" width="'+a.width+'" height="'+a.height+'" style="visibility: visible; " class="mejs-shim"><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent"></object>'},flashReady:function(a){var b=this.flashPlayers[a],c=
+document.getElementById(a),d=b.pluginMediaElement;d.pluginApi=d.pluginElement=c;mejs.MediaPluginBridge.initPlugin(a);c.cueVideoById(b.videoId);a=b.containerId+"_callback";window[a]=function(e){mejs.YouTubeApi.handleStateChange(e,c,d)};c.addEventListener("onStateChange",a);setInterval(function(){mejs.YouTubeApi.createEvent(c,d,"timeupdate")},250)},handleStateChange:function(a,b,c){switch(a){case -1:c.paused=true;c.ended=true;mejs.YouTubeApi.createEvent(b,c,"loadedmetadata");break;case 0:c.paused=false;
+c.ended=true;mejs.YouTubeApi.createEvent(b,c,"ended");break;case 1:c.paused=false;c.ended=false;mejs.YouTubeApi.createEvent(b,c,"play");mejs.YouTubeApi.createEvent(b,c,"playing");break;case 2:c.paused=true;c.ended=false;mejs.YouTubeApi.createEvent(b,c,"pause");break;case 3:mejs.YouTubeApi.createEvent(b,c,"progress")}}};function onYouTubePlayerAPIReady(){mejs.YouTubeApi.iFrameReady()}function onYouTubePlayerReady(a){mejs.YouTubeApi.flashReady(a)}window.mejs=mejs;window.MediaElement=mejs.MediaElement;
+(function(a,b){var c={locale:{language:"",strings:{}},methods:{}};c.locale.getLanguage=function(){return c.locale.language||navigator.language};if(typeof mejsL10n!="undefined")c.locale.language=mejsL10n.language;c.locale.INIT_LANGUAGE=c.locale.getLanguage();c.methods.checkPlain=function(d){var e,f,g={"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;"};d=String(d);for(e in g)if(g.hasOwnProperty(e)){f=RegExp(e,"g");d=d.replace(f,g[e])}return d};c.methods.formatString=function(d,e){for(var f in e){switch(f.charAt(0)){case "@":e[f]=
+c.methods.checkPlain(e[f]);break;case "!":break;default:e[f]='<em class="placeholder">'+c.methods.checkPlain(e[f])+"</em>"}d=d.replace(f,e[f])}return d};c.methods.t=function(d,e,f){if(c.locale.strings&&c.locale.strings[f.context]&&c.locale.strings[f.context][d])d=c.locale.strings[f.context][d];if(e)d=c.methods.formatString(d,e);return d};c.t=function(d,e,f){if(typeof d==="string"&&d.length>0){var g=c.locale.getLanguage();f=f||{context:g};return c.methods.t(d,e,f)}else throw{name:"InvalidArgumentException",
+message:"First argument is either not a string or empty."};};b.i18n=c})(document,mejs);(function(a){if(typeof mejsL10n!="undefined")a[mejsL10n.language]=mejsL10n.strings})(mejs.i18n.locale.strings);(function(a){a.de={Fullscreen:"Vollbild","Go Fullscreen":"Vollbild an","Turn off Fullscreen":"Vollbild aus",Close:"Schlie\u00dfen"}})(mejs.i18n.locale.strings);
+(function(a){a.zh={Fullscreen:"\u5168\u87a2\u5e55","Go Fullscreen":"\u5168\u5c4f\u6a21\u5f0f","Turn off Fullscreen":"\u9000\u51fa\u5168\u5c4f\u6a21\u5f0f",Close:"\u95dc\u9589"}})(mejs.i18n.locale.strings);
+
+/*!
+ * MediaElementPlayer
+ * http://mediaelementjs.com/
+ *
+ * Creates a controller bar for HTML5 <video> add <audio> tags
+ * using jQuery and MediaElement.js (HTML5 Flash/Silverlight wrapper)
+ *
+ * Copyright 2010-2013, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ */if(typeof jQuery!="undefined")mejs.$=jQuery;else if(typeof ender!="undefined")mejs.$=ender;
+(function(f){mejs.MepDefaults={poster:"",showPosterWhenEnded:false,defaultVideoWidth:480,defaultVideoHeight:270,videoWidth:-1,videoHeight:-1,defaultAudioWidth:400,defaultAudioHeight:30,defaultSeekBackwardInterval:function(a){return a.duration*0.05},defaultSeekForwardInterval:function(a){return a.duration*0.05},audioWidth:-1,audioHeight:-1,startVolume:0.8,loop:false,autoRewind:true,enableAutosize:true,alwaysShowHours:false,showTimecodeFrameCount:false,framesPerSecond:25,autosizeProgress:true,alwaysShowControls:false,
+hideVideoControlsOnLoad:false,clickToPlayPause:true,iPadUseNativeControls:false,iPhoneUseNativeControls:false,AndroidUseNativeControls:false,features:["playpause","current","progress","duration","tracks","volume","fullscreen"],isVideo:true,enableKeyboard:true,pauseOtherPlayers:true,keyActions:[{keys:[32,179],action:function(a,b){b.paused||b.ended?b.play():b.pause()}},{keys:[38],action:function(a,b){b.setVolume(Math.min(b.volume+0.1,1))}},{keys:[40],action:function(a,b){b.setVolume(Math.max(b.volume-
+0.1,0))}},{keys:[37,227],action:function(a,b){if(!isNaN(b.duration)&&b.duration>0){if(a.isVideo){a.showControls();a.startControlsTimer()}var c=Math.max(b.currentTime-a.options.defaultSeekBackwardInterval(b),0);b.setCurrentTime(c)}}},{keys:[39,228],action:function(a,b){if(!isNaN(b.duration)&&b.duration>0){if(a.isVideo){a.showControls();a.startControlsTimer()}var c=Math.min(b.currentTime+a.options.defaultSeekForwardInterval(b),b.duration);b.setCurrentTime(c)}}},{keys:[70],action:function(a){if(typeof a.enterFullScreen!=
+"undefined")a.isFullScreen?a.exitFullScreen():a.enterFullScreen()}}]};mejs.mepIndex=0;mejs.players={};mejs.MediaElementPlayer=function(a,b){if(!(this instanceof mejs.MediaElementPlayer))return new mejs.MediaElementPlayer(a,b);this.$media=this.$node=f(a);this.node=this.media=this.$media[0];if(typeof this.node.player!="undefined")return this.node.player;else this.node.player=this;if(typeof b=="undefined")b=this.$node.data("mejsoptions");this.options=f.extend({},mejs.MepDefaults,b);this.id="mep_"+mejs.mepIndex++;
+mejs.players[this.id]=this;this.init();return this};mejs.MediaElementPlayer.prototype={hasFocus:false,controlsAreVisible:true,init:function(){var a=this,b=mejs.MediaFeatures,c=f.extend(true,{},a.options,{success:function(d,g){a.meReady(d,g)},error:function(d){a.handleError(d)}}),e=a.media.tagName.toLowerCase();a.isDynamic=e!=="audio"&&e!=="video";a.isVideo=a.isDynamic?a.options.isVideo:e!=="audio"&&a.options.isVideo;if(b.isiPad&&a.options.iPadUseNativeControls||b.isiPhone&&a.options.iPhoneUseNativeControls){a.$media.attr("controls",
+"controls");if(b.isiPad&&a.media.getAttribute("autoplay")!==null){a.media.load();a.media.play()}}else if(!(b.isAndroid&&a.options.AndroidUseNativeControls)){a.$media.removeAttr("controls");a.container=f('<div id="'+a.id+'" class="mejs-container '+(mejs.MediaFeatures.svg?"svg":"no-svg")+'"><div class="mejs-inner"><div class="mejs-mediaelement"></div><div class="mejs-layers"></div><div class="mejs-controls"></div><div class="mejs-clear"></div></div></div>').addClass(a.$media[0].className).insertBefore(a.$media);
+a.container.addClass((b.isAndroid?"mejs-android ":"")+(b.isiOS?"mejs-ios ":"")+(b.isiPad?"mejs-ipad ":"")+(b.isiPhone?"mejs-iphone ":"")+(a.isVideo?"mejs-video ":"mejs-audio "));if(b.isiOS){b=a.$media.clone();a.container.find(".mejs-mediaelement").append(b);a.$media.remove();a.$node=a.$media=b;a.node=a.media=b[0]}else a.container.find(".mejs-mediaelement").append(a.$media);a.controls=a.container.find(".mejs-controls");a.layers=a.container.find(".mejs-layers");b=a.isVideo?"video":"audio";e=b.substring(0,
+1).toUpperCase()+b.substring(1);a.width=a.options[b+"Width"]>0||a.options[b+"Width"].toString().indexOf("%")>-1?a.options[b+"Width"]:a.media.style.width!==""&&a.media.style.width!==null?a.media.style.width:a.media.getAttribute("width")!==null?a.$media.attr("width"):a.options["default"+e+"Width"];a.height=a.options[b+"Height"]>0||a.options[b+"Height"].toString().indexOf("%")>-1?a.options[b+"Height"]:a.media.style.height!==""&&a.media.style.height!==null?a.media.style.height:a.$media[0].getAttribute("height")!==
+null?a.$media.attr("height"):a.options["default"+e+"Height"];a.setPlayerSize(a.width,a.height);c.pluginWidth=a.width;c.pluginHeight=a.height}mejs.MediaElement(a.$media[0],c);typeof a.container!="undefined"&&a.controlsAreVisible&&a.container.trigger("controlsshown")},showControls:function(a){var b=this;a=typeof a=="undefined"||a;if(!b.controlsAreVisible){if(a){b.controls.css("visibility","visible").stop(true,true).fadeIn(200,function(){b.controlsAreVisible=true;b.container.trigger("controlsshown")});
+b.container.find(".mejs-control").css("visibility","visible").stop(true,true).fadeIn(200,function(){b.controlsAreVisible=true})}else{b.controls.css("visibility","visible").css("display","block");b.container.find(".mejs-control").css("visibility","visible").css("display","block");b.controlsAreVisible=true;b.container.trigger("controlsshown")}b.setControlsSize()}},hideControls:function(a){var b=this;a=typeof a=="undefined"||a;if(!(!b.controlsAreVisible||b.options.alwaysShowControls))if(a){b.controls.stop(true,
+true).fadeOut(200,function(){f(this).css("visibility","hidden").css("display","block");b.controlsAreVisible=false;b.container.trigger("controlshidden")});b.container.find(".mejs-control").stop(true,true).fadeOut(200,function(){f(this).css("visibility","hidden").css("display","block")})}else{b.controls.css("visibility","hidden").css("display","block");b.container.find(".mejs-control").css("visibility","hidden").css("display","block");b.controlsAreVisible=false;b.container.trigger("controlshidden")}},
+controlsTimer:null,startControlsTimer:function(a){var b=this;a=typeof a!="undefined"?a:1500;b.killControlsTimer("start");b.controlsTimer=setTimeout(function(){b.hideControls();b.killControlsTimer("hide")},a)},killControlsTimer:function(){if(this.controlsTimer!==null){clearTimeout(this.controlsTimer);delete this.controlsTimer;this.controlsTimer=null}},controlsEnabled:true,disableControls:function(){this.killControlsTimer();this.hideControls(false);this.controlsEnabled=false},enableControls:function(){this.showControls(false);
+this.controlsEnabled=true},meReady:function(a,b){var c=this,e=mejs.MediaFeatures,d=b.getAttribute("autoplay");d=!(typeof d=="undefined"||d===null||d==="false");var g;if(!c.created){c.created=true;c.media=a;c.domNode=b;if(!(e.isAndroid&&c.options.AndroidUseNativeControls)&&!(e.isiPad&&c.options.iPadUseNativeControls)&&!(e.isiPhone&&c.options.iPhoneUseNativeControls)){c.buildposter(c,c.controls,c.layers,c.media);c.buildkeyboard(c,c.controls,c.layers,c.media);c.buildoverlays(c,c.controls,c.layers,c.media);
+c.findTracks();for(g in c.options.features){e=c.options.features[g];if(c["build"+e])try{c["build"+e](c,c.controls,c.layers,c.media)}catch(k){}}c.container.trigger("controlsready");c.setPlayerSize(c.width,c.height);c.setControlsSize();if(c.isVideo){if(mejs.MediaFeatures.hasTouch)c.$media.bind("touchstart",function(){if(c.controlsAreVisible)c.hideControls(false);else c.controlsEnabled&&c.showControls(false)});else{mejs.MediaElementPlayer.prototype.clickToPlayPauseCallback=function(){if(c.options.clickToPlayPause)c.media.paused?
+c.media.play():c.media.pause()};c.media.addEventListener("click",c.clickToPlayPauseCallback,false);c.container.bind("mouseenter mouseover",function(){if(c.controlsEnabled)if(!c.options.alwaysShowControls){c.killControlsTimer("enter");c.showControls();c.startControlsTimer(2500)}}).bind("mousemove",function(){if(c.controlsEnabled){c.controlsAreVisible||c.showControls();c.options.alwaysShowControls||c.startControlsTimer(2500)}}).bind("mouseleave",function(){c.controlsEnabled&&!c.media.paused&&!c.options.alwaysShowControls&&
+c.startControlsTimer(1E3)})}c.options.hideVideoControlsOnLoad&&c.hideControls(false);d&&!c.options.alwaysShowControls&&c.hideControls();c.options.enableAutosize&&c.media.addEventListener("loadedmetadata",function(j){if(c.options.videoHeight<=0&&c.domNode.getAttribute("height")===null&&!isNaN(j.target.videoHeight)){c.setPlayerSize(j.target.videoWidth,j.target.videoHeight);c.setControlsSize();c.media.setVideoSize(j.target.videoWidth,j.target.videoHeight)}},false)}a.addEventListener("play",function(){for(var j in mejs.players){var m=
+mejs.players[j];m.id!=c.id&&c.options.pauseOtherPlayers&&!m.paused&&!m.ended&&m.pause();m.hasFocus=false}c.hasFocus=true},false);c.media.addEventListener("ended",function(){if(c.options.autoRewind)try{c.media.setCurrentTime(0)}catch(j){}c.media.pause();c.setProgressRail&&c.setProgressRail();c.setCurrentRail&&c.setCurrentRail();if(c.options.loop)c.media.play();else!c.options.alwaysShowControls&&c.controlsEnabled&&c.showControls()},false);c.media.addEventListener("loadedmetadata",function(){c.updateDuration&&
+c.updateDuration();c.updateCurrent&&c.updateCurrent();if(!c.isFullScreen){c.setPlayerSize(c.width,c.height);c.setControlsSize()}},false);setTimeout(function(){c.setPlayerSize(c.width,c.height);c.setControlsSize()},50);c.globalBind("resize",function(){c.isFullScreen||mejs.MediaFeatures.hasTrueNativeFullScreen&&document.webkitIsFullScreen||c.setPlayerSize(c.width,c.height);c.setControlsSize()});c.media.pluginType=="youtube"&&c.container.find(".mejs-overlay-play").hide()}if(d&&a.pluginType=="native"){a.load();
+a.play()}if(c.options.success)typeof c.options.success=="string"?window[c.options.success](c.media,c.domNode,c):c.options.success(c.media,c.domNode,c)}},handleError:function(a){this.controls.hide();this.options.error&&this.options.error(a)},setPlayerSize:function(a,b){if(typeof a!="undefined")this.width=a;if(typeof b!="undefined")this.height=b;if(this.height.toString().indexOf("%")>0||this.$node.css("max-width")==="100%"||parseInt(this.$node.css("max-width").replace(/px/,""),10)/this.$node.offsetParent().width()===
+1||this.$node[0].currentStyle&&this.$node[0].currentStyle.maxWidth==="100%"){var c=this.isVideo?this.media.videoWidth&&this.media.videoWidth>0?this.media.videoWidth:this.options.defaultVideoWidth:this.options.defaultAudioWidth,e=this.isVideo?this.media.videoHeight&&this.media.videoHeight>0?this.media.videoHeight:this.options.defaultVideoHeight:this.options.defaultAudioHeight,d=this.container.parent().closest(":visible").width();c=this.isVideo||!this.options.autosizeProgress?parseInt(d*e/c,10):e;if(this.container.parent()[0].tagName.toLowerCase()===
+"body"){d=f(window).width();c=f(window).height()}if(c!=0&&d!=0){this.container.width(d).height(c);this.$media.add(this.container.find(".mejs-shim")).width("100%").height("100%");this.isVideo&&this.media.setVideoSize&&this.media.setVideoSize(d,c);this.layers.children(".mejs-layer").width("100%").height("100%")}}else{this.container.width(this.width).height(this.height);this.layers.children(".mejs-layer").width(this.width).height(this.height)}d=this.layers.find(".mejs-overlay-play");c=d.find(".mejs-overlay-button");
+d.height(this.container.height()-this.controls.height());c.css("margin-top","-"+(c.height()/2-this.controls.height()/2).toString()+"px")},setControlsSize:function(){var a=0,b=0,c=this.controls.find(".mejs-time-rail"),e=this.controls.find(".mejs-time-total");this.controls.find(".mejs-time-current");this.controls.find(".mejs-time-loaded");var d=c.siblings();if(this.options&&!this.options.autosizeProgress)b=parseInt(c.css("width"));if(b===0||!b){d.each(function(){var g=f(this);if(g.css("position")!=
+"absolute"&&g.is(":visible"))a+=f(this).outerWidth(true)});b=this.controls.width()-a-(c.outerWidth(true)-c.width())-1}c.width(b);e.width(b-(e.outerWidth(true)-e.width()));this.setProgressRail&&this.setProgressRail();this.setCurrentRail&&this.setCurrentRail()},buildposter:function(a,b,c,e){var d=f('<div class="mejs-poster mejs-layer"></div>').appendTo(c);b=a.$media.attr("poster");if(a.options.poster!=="")b=a.options.poster;b!==""&&b!=null?this.setPoster(b):d.hide();e.addEventListener("play",function(){d.hide()},
+false);a.options.showPosterWhenEnded&&a.options.autoRewind&&e.addEventListener("ended",function(){d.show()},false)},setPoster:function(a){var b=this.container.find(".mejs-poster"),c=b.find("img");if(c.length==0)c=f('<img width="100%" height="100%" />').appendTo(b);c.attr("src",a);b.css({"background-image":"url("+a+")"})},buildoverlays:function(a,b,c,e){var d=this;if(a.isVideo){var g=f('<div class="mejs-overlay mejs-layer"><div class="mejs-overlay-loading"><span></span></div></div>').hide().appendTo(c),
+k=f('<div class="mejs-overlay mejs-layer"><div class="mejs-overlay-error"></div></div>').hide().appendTo(c),j=f('<div class="mejs-overlay mejs-layer mejs-overlay-play"><div class="mejs-overlay-button"></div></div>').appendTo(c).click(function(){if(d.options.clickToPlayPause)e.paused?e.play():e.pause()});e.addEventListener("play",function(){j.hide();g.hide();b.find(".mejs-time-buffering").hide();k.hide()},false);e.addEventListener("playing",function(){j.hide();g.hide();b.find(".mejs-time-buffering").hide();
+k.hide()},false);e.addEventListener("seeking",function(){g.show();b.find(".mejs-time-buffering").show()},false);e.addEventListener("seeked",function(){g.hide();b.find(".mejs-time-buffering").hide()},false);e.addEventListener("pause",function(){mejs.MediaFeatures.isiPhone||j.show()},false);e.addEventListener("waiting",function(){g.show();b.find(".mejs-time-buffering").show()},false);e.addEventListener("loadeddata",function(){g.show();b.find(".mejs-time-buffering").show()},false);e.addEventListener("canplay",
+function(){g.hide();b.find(".mejs-time-buffering").hide()},false);e.addEventListener("error",function(){g.hide();b.find(".mejs-time-buffering").hide();k.show();k.find("mejs-overlay-error").html("Error loading this resource")},false)}},buildkeyboard:function(a,b,c,e){this.globalBind("keydown",function(d){if(a.hasFocus&&a.options.enableKeyboard)for(var g=0,k=a.options.keyActions.length;g<k;g++)for(var j=a.options.keyActions[g],m=0,q=j.keys.length;m<q;m++)if(d.keyCode==j.keys[m]){d.preventDefault();
+j.action(a,e,d.keyCode);return false}return true});this.globalBind("click",function(d){if(f(d.target).closest(".mejs-container").length==0)a.hasFocus=false})},findTracks:function(){var a=this,b=a.$media.find("track");a.tracks=[];b.each(function(c,e){e=f(e);a.tracks.push({srclang:e.attr("srclang")?e.attr("srclang").toLowerCase():"",src:e.attr("src"),kind:e.attr("kind"),label:e.attr("label")||"",entries:[],isLoaded:false})})},changeSkin:function(a){this.container[0].className="mejs-container "+a;this.setPlayerSize(this.width,
+this.height);this.setControlsSize()},play:function(){this.media.play()},pause:function(){try{this.media.pause()}catch(a){}},load:function(){this.media.load()},setMuted:function(a){this.media.setMuted(a)},setCurrentTime:function(a){this.media.setCurrentTime(a)},getCurrentTime:function(){return this.media.currentTime},setVolume:function(a){this.media.setVolume(a)},getVolume:function(){return this.media.volume},setSrc:function(a){this.media.setSrc(a)},remove:function(){var a,b;for(a in this.options.features){b=
+this.options.features[a];if(this["clean"+b])try{this["clean"+b](this)}catch(c){}}if(this.isDynamic)this.$node.insertBefore(this.container);else{this.$media.prop("controls",true);this.$node.clone().show().insertBefore(this.container);this.$node.remove()}this.media.pluginType!=="native"&&this.media.remove();delete mejs.players[this.id];this.container.remove();this.globalUnbind();delete this.node.player}};(function(){function a(c,e){var d={d:[],w:[]};f.each((c||"").split(" "),function(g,k){var j=k+"."+
+e;if(j.indexOf(".")===0){d.d.push(j);d.w.push(j)}else d[b.test(k)?"w":"d"].push(j)});d.d=d.d.join(" ");d.w=d.w.join(" ");return d}var b=/^((after|before)print|(before)?unload|hashchange|message|o(ff|n)line|page(hide|show)|popstate|resize|storage)\b/;mejs.MediaElementPlayer.prototype.globalBind=function(c,e,d){c=a(c,this.id);c.d&&f(document).bind(c.d,e,d);c.w&&f(window).bind(c.w,e,d)};mejs.MediaElementPlayer.prototype.globalUnbind=function(c,e){c=a(c,this.id);c.d&&f(document).unbind(c.d,e);c.w&&f(window).unbind(c.w,
+e)}})();if(typeof jQuery!="undefined")jQuery.fn.mediaelementplayer=function(a){a===false?this.each(function(){var b=jQuery(this).data("mediaelementplayer");b&&b.remove();jQuery(this).removeData("mediaelementplayer")}):this.each(function(){jQuery(this).data("mediaelementplayer",new mejs.MediaElementPlayer(this,a))});return this};f(document).ready(function(){f(".mejs-player").mediaelementplayer()});window.MediaElementPlayer=mejs.MediaElementPlayer})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{playpauseText:mejs.i18n.t("Play/Pause")});f.extend(MediaElementPlayer.prototype,{buildplaypause:function(a,b,c,e){var d=f('<div class="mejs-button mejs-playpause-button mejs-play" ><button type="button" aria-controls="'+this.id+'" title="'+this.options.playpauseText+'" aria-label="'+this.options.playpauseText+'"></button></div>').appendTo(b).click(function(g){g.preventDefault();e.paused?e.play():e.pause();return false});e.addEventListener("play",function(){d.removeClass("mejs-play").addClass("mejs-pause")},
+false);e.addEventListener("playing",function(){d.removeClass("mejs-play").addClass("mejs-pause")},false);e.addEventListener("pause",function(){d.removeClass("mejs-pause").addClass("mejs-play")},false);e.addEventListener("paused",function(){d.removeClass("mejs-pause").addClass("mejs-play")},false)}})})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{stopText:"Stop"});f.extend(MediaElementPlayer.prototype,{buildstop:function(a,b,c,e){f('<div class="mejs-button mejs-stop-button mejs-stop"><button type="button" aria-controls="'+this.id+'" title="'+this.options.stopText+'" aria-label="'+this.options.stopText+'"></button></div>').appendTo(b).click(function(){e.paused||e.pause();if(e.currentTime>0){e.setCurrentTime(0);e.pause();b.find(".mejs-time-current").width("0px");b.find(".mejs-time-handle").css("left",
+"0px");b.find(".mejs-time-float-current").html(mejs.Utility.secondsToTimeCode(0));b.find(".mejs-currenttime").html(mejs.Utility.secondsToTimeCode(0));c.find(".mejs-poster").show()}})}})})(mejs.$);
+(function(f){f.extend(MediaElementPlayer.prototype,{buildprogress:function(a,b,c,e){f('<div class="mejs-time-rail"><span class="mejs-time-total"><span class="mejs-time-buffering"></span><span class="mejs-time-loaded"></span><span class="mejs-time-current"></span><span class="mejs-time-handle"></span><span class="mejs-time-float"><span class="mejs-time-float-current">00:00</span><span class="mejs-time-float-corner"></span></span></span></div>').appendTo(b);b.find(".mejs-time-buffering").hide();var d=
+this,g=b.find(".mejs-time-total");c=b.find(".mejs-time-loaded");var k=b.find(".mejs-time-current"),j=b.find(".mejs-time-handle"),m=b.find(".mejs-time-float"),q=b.find(".mejs-time-float-current"),p=function(h){h=h.pageX;var l=g.offset(),r=g.outerWidth(true),n=0,o=n=0;if(e.duration){if(h<l.left)h=l.left;else if(h>r+l.left)h=r+l.left;o=h-l.left;n=o/r;n=n<=0.02?0:n*e.duration;t&&n!==e.currentTime&&e.setCurrentTime(n);if(!mejs.MediaFeatures.hasTouch){m.css("left",o);q.html(mejs.Utility.secondsToTimeCode(n));
+m.show()}}},t=false;g.bind("mousedown",function(h){if(h.which===1){t=true;p(h);d.globalBind("mousemove.dur",function(l){p(l)});d.globalBind("mouseup.dur",function(){t=false;m.hide();d.globalUnbind(".dur")});return false}}).bind("mouseenter",function(){d.globalBind("mousemove.dur",function(h){p(h)});mejs.MediaFeatures.hasTouch||m.show()}).bind("mouseleave",function(){if(!t){d.globalUnbind(".dur");m.hide()}});e.addEventListener("progress",function(h){a.setProgressRail(h);a.setCurrentRail(h)},false);
+e.addEventListener("timeupdate",function(h){a.setProgressRail(h);a.setCurrentRail(h)},false);d.loaded=c;d.total=g;d.current=k;d.handle=j},setProgressRail:function(a){var b=a!=undefined?a.target:this.media,c=null;if(b&&b.buffered&&b.buffered.length>0&&b.buffered.end&&b.duration)c=b.buffered.end(0)/b.duration;else if(b&&b.bytesTotal!=undefined&&b.bytesTotal>0&&b.bufferedBytes!=undefined)c=b.bufferedBytes/b.bytesTotal;else if(a&&a.lengthComputable&&a.total!=0)c=a.loaded/a.total;if(c!==null){c=Math.min(1,
+Math.max(0,c));this.loaded&&this.total&&this.loaded.width(this.total.width()*c)}},setCurrentRail:function(){if(this.media.currentTime!=undefined&&this.media.duration)if(this.total&&this.handle){var a=Math.round(this.total.width()*this.media.currentTime/this.media.duration),b=a-Math.round(this.handle.outerWidth(true)/2);this.current.width(a);this.handle.css("left",b)}}})})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{duration:-1,timeAndDurationSeparator:"<span> | </span>"});f.extend(MediaElementPlayer.prototype,{buildcurrent:function(a,b,c,e){f('<div class="mejs-time"><span class="mejs-currenttime">'+(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00")+"</span></div>").appendTo(b);this.currenttime=this.controls.find(".mejs-currenttime");e.addEventListener("timeupdate",function(){a.updateCurrent()},false)},buildduration:function(a,b,
+c,e){if(b.children().last().find(".mejs-currenttime").length>0)f(this.options.timeAndDurationSeparator+'<span class="mejs-duration">'+(this.options.duration>0?mejs.Utility.secondsToTimeCode(this.options.duration,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25):(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00"))+"</span>").appendTo(b.find(".mejs-time"));else{b.find(".mejs-currenttime").parent().addClass("mejs-currenttime-container");
+f('<div class="mejs-time mejs-duration-container"><span class="mejs-duration">'+(this.options.duration>0?mejs.Utility.secondsToTimeCode(this.options.duration,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25):(a.options.alwaysShowHours?"00:":"")+(a.options.showTimecodeFrameCount?"00:00:00":"00:00"))+"</span></div>").appendTo(b)}this.durationD=this.controls.find(".mejs-duration");e.addEventListener("timeupdate",function(){a.updateDuration()},
+false)},updateCurrent:function(){if(this.currenttime)this.currenttime.html(mejs.Utility.secondsToTimeCode(this.media.currentTime,this.options.alwaysShowHours||this.media.duration>3600,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25))},updateDuration:function(){this.container.toggleClass("mejs-long-video",this.media.duration>3600);if(this.durationD&&(this.options.duration>0||this.media.duration))this.durationD.html(mejs.Utility.secondsToTimeCode(this.options.duration>0?this.options.duration:
+this.media.duration,this.options.alwaysShowHours,this.options.showTimecodeFrameCount,this.options.framesPerSecond||25))}})})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{muteText:mejs.i18n.t("Mute Toggle"),hideVolumeOnTouchDevices:true,audioVolume:"horizontal",videoVolume:"vertical"});f.extend(MediaElementPlayer.prototype,{buildvolume:function(a,b,c,e){if(!(mejs.MediaFeatures.hasTouch&&this.options.hideVolumeOnTouchDevices)){var d=this,g=d.isVideo?d.options.videoVolume:d.options.audioVolume,k=g=="horizontal"?f('<div class="mejs-button mejs-volume-button mejs-mute"><button type="button" aria-controls="'+d.id+'" title="'+d.options.muteText+
+'" aria-label="'+d.options.muteText+'"></button></div><div class="mejs-horizontal-volume-slider"><div class="mejs-horizontal-volume-total"></div><div class="mejs-horizontal-volume-current"></div><div class="mejs-horizontal-volume-handle"></div></div>').appendTo(b):f('<div class="mejs-button mejs-volume-button mejs-mute"><button type="button" aria-controls="'+d.id+'" title="'+d.options.muteText+'" aria-label="'+d.options.muteText+'"></button><div class="mejs-volume-slider"><div class="mejs-volume-total"></div><div class="mejs-volume-current"></div><div class="mejs-volume-handle"></div></div></div>').appendTo(b),
+j=d.container.find(".mejs-volume-slider, .mejs-horizontal-volume-slider"),m=d.container.find(".mejs-volume-total, .mejs-horizontal-volume-total"),q=d.container.find(".mejs-volume-current, .mejs-horizontal-volume-current"),p=d.container.find(".mejs-volume-handle, .mejs-horizontal-volume-handle"),t=function(n,o){if(!j.is(":visible")&&typeof o=="undefined"){j.show();t(n,true);j.hide()}else{n=Math.max(0,n);n=Math.min(n,1);n==0?k.removeClass("mejs-mute").addClass("mejs-unmute"):k.removeClass("mejs-unmute").addClass("mejs-mute");
+if(g=="vertical"){var s=m.height(),u=m.position(),v=s-s*n;p.css("top",Math.round(u.top+v-p.height()/2));q.height(s-v);q.css("top",u.top+v)}else{s=m.width();u=m.position();s=s*n;p.css("left",Math.round(u.left+s-p.width()/2));q.width(Math.round(s))}}},h=function(n){var o=null,s=m.offset();if(g=="vertical"){o=m.height();parseInt(m.css("top").replace(/px/,""),10);o=(o-(n.pageY-s.top))/o;if(s.top==0||s.left==0)return}else{o=m.width();o=(n.pageX-s.left)/o}o=Math.max(0,o);o=Math.min(o,1);t(o);o==0?e.setMuted(true):
+e.setMuted(false);e.setVolume(o)},l=false,r=false;k.hover(function(){j.show();r=true},function(){r=false;!l&&g=="vertical"&&j.hide()});j.bind("mouseover",function(){r=true}).bind("mousedown",function(n){h(n);d.globalBind("mousemove.vol",function(o){h(o)});d.globalBind("mouseup.vol",function(){l=false;d.globalUnbind(".vol");!r&&g=="vertical"&&j.hide()});l=true;return false});k.find("button").click(function(){e.setMuted(!e.muted)});e.addEventListener("volumechange",function(){if(!l)if(e.muted){t(0);
+k.removeClass("mejs-mute").addClass("mejs-unmute")}else{t(e.volume);k.removeClass("mejs-unmute").addClass("mejs-mute")}},false);if(d.container.is(":visible")){t(a.options.startVolume);a.options.startVolume===0&&e.setMuted(true);e.pluginType==="native"&&e.setVolume(a.options.startVolume)}}}})})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{usePluginFullScreen:true,newWindowCallback:function(){return""},fullscreenText:mejs.i18n.t("Fullscreen")});f.extend(MediaElementPlayer.prototype,{isFullScreen:false,isNativeFullScreen:false,isInIframe:false,buildfullscreen:function(a,b,c,e){if(a.isVideo){a.isInIframe=window.location!=window.parent.location;if(mejs.MediaFeatures.hasTrueNativeFullScreen){c=function(){if(a.isFullScreen)if(mejs.MediaFeatures.isFullScreen()){a.isNativeFullScreen=true;a.setControlsSize()}else{a.isNativeFullScreen=
+false;a.exitFullScreen()}};mejs.MediaFeatures.hasMozNativeFullScreen?a.globalBind(mejs.MediaFeatures.fullScreenEventName,c):a.container.bind(mejs.MediaFeatures.fullScreenEventName,c)}var d=this,g=f('<div class="mejs-button mejs-fullscreen-button"><button type="button" aria-controls="'+d.id+'" title="'+d.options.fullscreenText+'" aria-label="'+d.options.fullscreenText+'"></button></div>').appendTo(b);if(d.media.pluginType==="native"||!d.options.usePluginFullScreen&&!mejs.MediaFeatures.isFirefox)g.click(function(){mejs.MediaFeatures.hasTrueNativeFullScreen&&
+mejs.MediaFeatures.isFullScreen()||a.isFullScreen?a.exitFullScreen():a.enterFullScreen()});else{var k=null;if(function(){var h=document.createElement("x"),l=document.documentElement,r=window.getComputedStyle;if(!("pointerEvents"in h.style))return false;h.style.pointerEvents="auto";h.style.pointerEvents="x";l.appendChild(h);r=r&&r(h,"").pointerEvents==="auto";l.removeChild(h);return!!r}()&&!mejs.MediaFeatures.isOpera){var j=false,m=function(){if(j){for(var h in q)q[h].hide();g.css("pointer-events",
+"");d.controls.css("pointer-events","");d.media.removeEventListener("click",d.clickToPlayPauseCallback);j=false}},q={};b=["top","left","right","bottom"];var p,t=function(){var h=g.offset().left-d.container.offset().left,l=g.offset().top-d.container.offset().top,r=g.outerWidth(true),n=g.outerHeight(true),o=d.container.width(),s=d.container.height();for(p in q)q[p].css({position:"absolute",top:0,left:0});q.top.width(o).height(l);q.left.width(h).height(n).css({top:l});q.right.width(o-h-r).height(n).css({top:l,
+left:h+r});q.bottom.width(o).height(s-n-l).css({top:l+n})};d.globalBind("resize",function(){t()});p=0;for(c=b.length;p<c;p++)q[b[p]]=f('<div class="mejs-fullscreen-hover" />').appendTo(d.container).mouseover(m).hide();g.on("mouseover",function(){if(!d.isFullScreen){var h=g.offset(),l=a.container.offset();e.positionFullscreenButton(h.left-l.left,h.top-l.top,false);g.css("pointer-events","none");d.controls.css("pointer-events","none");d.media.addEventListener("click",d.clickToPlayPauseCallback);for(p in q)q[p].show();
+t();j=true}});e.addEventListener("fullscreenchange",function(){d.isFullScreen=!d.isFullScreen;d.isFullScreen?d.media.removeEventListener("click",d.clickToPlayPauseCallback):d.media.addEventListener("click",d.clickToPlayPauseCallback);m()});d.globalBind("mousemove",function(h){if(j){var l=g.offset();if(h.pageY<l.top||h.pageY>l.top+g.outerHeight(true)||h.pageX<l.left||h.pageX>l.left+g.outerWidth(true)){g.css("pointer-events","");d.controls.css("pointer-events","");j=false}}})}else g.on("mouseover",
+function(){if(k!==null){clearTimeout(k);delete k}var h=g.offset(),l=a.container.offset();e.positionFullscreenButton(h.left-l.left,h.top-l.top,true)}).on("mouseout",function(){if(k!==null){clearTimeout(k);delete k}k=setTimeout(function(){e.hideFullscreenButton()},1500)})}a.fullscreenBtn=g;d.globalBind("keydown",function(h){if((mejs.MediaFeatures.hasTrueNativeFullScreen&&mejs.MediaFeatures.isFullScreen()||d.isFullScreen)&&h.keyCode==27)a.exitFullScreen()})}},cleanfullscreen:function(a){a.exitFullScreen()},
+containerSizeTimeout:null,enterFullScreen:function(){var a=this;if(!(a.media.pluginType!=="native"&&(mejs.MediaFeatures.isFirefox||a.options.usePluginFullScreen))){f(document.documentElement).addClass("mejs-fullscreen");normalHeight=a.container.height();normalWidth=a.container.width();if(a.media.pluginType==="native")if(mejs.MediaFeatures.hasTrueNativeFullScreen){mejs.MediaFeatures.requestFullScreen(a.container[0]);a.isInIframe&&setTimeout(function c(){if(a.isNativeFullScreen)f(window).width()!==
+screen.width?a.exitFullScreen():setTimeout(c,500)},500)}else if(mejs.MediaFeatures.hasSemiNativeFullScreen){a.media.webkitEnterFullscreen();return}if(a.isInIframe){var b=a.options.newWindowCallback(this);if(b!=="")if(mejs.MediaFeatures.hasTrueNativeFullScreen)setTimeout(function(){if(!a.isNativeFullScreen){a.pause();window.open(b,a.id,"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no")}},250);else{a.pause();window.open(b,a.id,
+"top=0,left=0,width="+screen.availWidth+",height="+screen.availHeight+",resizable=yes,scrollbars=no,status=no,toolbar=no");return}}a.container.addClass("mejs-container-fullscreen").width("100%").height("100%");a.containerSizeTimeout=setTimeout(function(){a.container.css({width:"100%",height:"100%"});a.setControlsSize()},500);if(a.media.pluginType==="native")a.$media.width("100%").height("100%");else{a.container.find(".mejs-shim").width("100%").height("100%");a.media.setVideoSize(f(window).width(),
+f(window).height())}a.layers.children("div").width("100%").height("100%");a.fullscreenBtn&&a.fullscreenBtn.removeClass("mejs-fullscreen").addClass("mejs-unfullscreen");a.setControlsSize();a.isFullScreen=true}},exitFullScreen:function(){clearTimeout(this.containerSizeTimeout);if(this.media.pluginType!=="native"&&mejs.MediaFeatures.isFirefox)this.media.setFullscreen(false);else{if(mejs.MediaFeatures.hasTrueNativeFullScreen&&(mejs.MediaFeatures.isFullScreen()||this.isFullScreen))mejs.MediaFeatures.cancelFullScreen();
+f(document.documentElement).removeClass("mejs-fullscreen");this.container.removeClass("mejs-container-fullscreen").width(normalWidth).height(normalHeight);if(this.media.pluginType==="native")this.$media.width(normalWidth).height(normalHeight);else{this.container.find(".mejs-shim").width(normalWidth).height(normalHeight);this.media.setVideoSize(normalWidth,normalHeight)}this.layers.children("div").width(normalWidth).height(normalHeight);this.fullscreenBtn.removeClass("mejs-unfullscreen").addClass("mejs-fullscreen");
+this.setControlsSize();this.isFullScreen=false}}})})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{startLanguage:"",tracksText:mejs.i18n.t("Captions/Subtitles"),hideCaptionsButtonWhenEmpty:true,toggleCaptionsButtonWhenOnlyOne:false,slidesSelector:""});f.extend(MediaElementPlayer.prototype,{hasChapters:false,buildtracks:function(a,b,c,e){if(a.tracks.length!=0){var d;if(this.domNode.textTracks)for(d=this.domNode.textTracks.length-1;d>=0;d--)this.domNode.textTracks[d].mode="hidden";a.chapters=f('<div class="mejs-chapters mejs-layer"></div>').prependTo(c).hide();a.captions=
+f('<div class="mejs-captions-layer mejs-layer"><div class="mejs-captions-position mejs-captions-position-hover"><span class="mejs-captions-text"></span></div></div>').prependTo(c).hide();a.captionsText=a.captions.find(".mejs-captions-text");a.captionsButton=f('<div class="mejs-button mejs-captions-button"><button type="button" aria-controls="'+this.id+'" title="'+this.options.tracksText+'" aria-label="'+this.options.tracksText+'"></button><div class="mejs-captions-selector"><ul><li><input type="radio" name="'+
+a.id+'_captions" id="'+a.id+'_captions_none" value="none" checked="checked" /><label for="'+a.id+'_captions_none">'+mejs.i18n.t("None")+"</label></li></ul></div></div>").appendTo(b);for(d=b=0;d<a.tracks.length;d++)a.tracks[d].kind=="subtitles"&&b++;this.options.toggleCaptionsButtonWhenOnlyOne&&b==1?a.captionsButton.on("click",function(){a.setTrack(a.selectedTrack==null?a.tracks[0].srclang:"none")}):a.captionsButton.hover(function(){f(this).find(".mejs-captions-selector").css("visibility","visible")},
+function(){f(this).find(".mejs-captions-selector").css("visibility","hidden")}).on("click","input[type=radio]",function(){lang=this.value;a.setTrack(lang)});a.options.alwaysShowControls?a.container.find(".mejs-captions-position").addClass("mejs-captions-position-hover"):a.container.bind("controlsshown",function(){a.container.find(".mejs-captions-position").addClass("mejs-captions-position-hover")}).bind("controlshidden",function(){e.paused||a.container.find(".mejs-captions-position").removeClass("mejs-captions-position-hover")});
+a.trackToLoad=-1;a.selectedTrack=null;a.isLoadingTrack=false;for(d=0;d<a.tracks.length;d++)a.tracks[d].kind=="subtitles"&&a.addTrackButton(a.tracks[d].srclang,a.tracks[d].label);a.loadNextTrack();e.addEventListener("timeupdate",function(){a.displayCaptions()},false);if(a.options.slidesSelector!=""){a.slidesContainer=f(a.options.slidesSelector);e.addEventListener("timeupdate",function(){a.displaySlides()},false)}e.addEventListener("loadedmetadata",function(){a.displayChapters()},false);a.container.hover(function(){if(a.hasChapters){a.chapters.css("visibility",
+"visible");a.chapters.fadeIn(200).height(a.chapters.find(".mejs-chapter").outerHeight())}},function(){a.hasChapters&&!e.paused&&a.chapters.fadeOut(200,function(){f(this).css("visibility","hidden");f(this).css("display","block")})});a.node.getAttribute("autoplay")!==null&&a.chapters.css("visibility","hidden")}},setTrack:function(a){var b;if(a=="none"){this.selectedTrack=null;this.captionsButton.removeClass("mejs-captions-enabled")}else for(b=0;b<this.tracks.length;b++)if(this.tracks[b].srclang==a){this.selectedTrack==
+null&&this.captionsButton.addClass("mejs-captions-enabled");this.selectedTrack=this.tracks[b];this.captions.attr("lang",this.selectedTrack.srclang);this.displayCaptions();break}},loadNextTrack:function(){this.trackToLoad++;if(this.trackToLoad<this.tracks.length){this.isLoadingTrack=true;this.loadTrack(this.trackToLoad)}else{this.isLoadingTrack=false;this.checkForTracks()}},loadTrack:function(a){var b=this,c=b.tracks[a];f.ajax({url:c.src,dataType:"text",success:function(e){c.entries=typeof e=="string"&&
+/<tt\s+xml/ig.exec(e)?mejs.TrackFormatParser.dfxp.parse(e):mejs.TrackFormatParser.webvvt.parse(e);c.isLoaded=true;b.enableTrackButton(c.srclang,c.label);b.loadNextTrack();c.kind=="chapters"&&b.media.addEventListener("play",function(){b.media.duration>0&&b.displayChapters(c)},false);c.kind=="slides"&&b.setupSlides(c)},error:function(){b.loadNextTrack()}})},enableTrackButton:function(a,b){if(b==="")b=mejs.language.codes[a]||a;this.captionsButton.find("input[value="+a+"]").prop("disabled",false).siblings("label").html(b);
+this.options.startLanguage==a&&f("#"+this.id+"_captions_"+a).click();this.adjustLanguageBox()},addTrackButton:function(a,b){if(b==="")b=mejs.language.codes[a]||a;this.captionsButton.find("ul").append(f('<li><input type="radio" name="'+this.id+'_captions" id="'+this.id+"_captions_"+a+'" value="'+a+'" disabled="disabled" /><label for="'+this.id+"_captions_"+a+'">'+b+" (loading)</label></li>"));this.adjustLanguageBox();this.container.find(".mejs-captions-translations option[value="+a+"]").remove()},
+adjustLanguageBox:function(){this.captionsButton.find(".mejs-captions-selector").height(this.captionsButton.find(".mejs-captions-selector ul").outerHeight(true)+this.captionsButton.find(".mejs-captions-translations").outerHeight(true))},checkForTracks:function(){var a=false;if(this.options.hideCaptionsButtonWhenEmpty){for(i=0;i<this.tracks.length;i++)if(this.tracks[i].kind=="subtitles"){a=true;break}if(!a){this.captionsButton.hide();this.setControlsSize()}}},displayCaptions:function(){if(typeof this.tracks!=
+"undefined"){var a,b=this.selectedTrack;if(b!=null&&b.isLoaded)for(a=0;a<b.entries.times.length;a++)if(this.media.currentTime>=b.entries.times[a].start&&this.media.currentTime<=b.entries.times[a].stop){this.captionsText.html(b.entries.text[a]);this.captions.show().height(0);return}this.captions.hide()}},setupSlides:function(a){this.slides=a;this.slides.entries.imgs=[this.slides.entries.text.length];this.showSlide(0)},showSlide:function(a){if(!(typeof this.tracks=="undefined"||typeof this.slidesContainer==
+"undefined")){var b=this,c=b.slides.entries.text[a],e=b.slides.entries.imgs[a];if(typeof e=="undefined"||typeof e.fadeIn=="undefined")b.slides.entries.imgs[a]=e=f('<img src="'+c+'">').on("load",function(){e.appendTo(b.slidesContainer).hide().fadeIn().siblings(":visible").fadeOut()});else!e.is(":visible")&&!e.is(":animated")&&e.fadeIn().siblings(":visible").fadeOut()}},displaySlides:function(){if(typeof this.slides!="undefined"){var a=this.slides,b;for(b=0;b<a.entries.times.length;b++)if(this.media.currentTime>=
+a.entries.times[b].start&&this.media.currentTime<=a.entries.times[b].stop){this.showSlide(b);break}}},displayChapters:function(){var a;for(a=0;a<this.tracks.length;a++)if(this.tracks[a].kind=="chapters"&&this.tracks[a].isLoaded){this.drawChapters(this.tracks[a]);this.hasChapters=true;break}},drawChapters:function(a){var b=this,c,e,d=e=0;b.chapters.empty();for(c=0;c<a.entries.times.length;c++){e=a.entries.times[c].stop-a.entries.times[c].start;e=Math.floor(e/b.media.duration*100);if(e+d>100||c==a.entries.times.length-
+1&&e+d<100)e=100-d;b.chapters.append(f('<div class="mejs-chapter" rel="'+a.entries.times[c].start+'" style="left: '+d.toString()+"%;width: "+e.toString()+'%;"><div class="mejs-chapter-block'+(c==a.entries.times.length-1?" mejs-chapter-block-last":"")+'"><span class="ch-title">'+a.entries.text[c]+'</span><span class="ch-time">'+mejs.Utility.secondsToTimeCode(a.entries.times[c].start)+"&ndash;"+mejs.Utility.secondsToTimeCode(a.entries.times[c].stop)+"</span></div></div>"));d+=e}b.chapters.find("div.mejs-chapter").click(function(){b.media.setCurrentTime(parseFloat(f(this).attr("rel")));
+b.media.paused&&b.media.play()});b.chapters.show()}});mejs.language={codes:{af:"Afrikaans",sq:"Albanian",ar:"Arabic",be:"Belarusian",bg:"Bulgarian",ca:"Catalan",zh:"Chinese","zh-cn":"Chinese Simplified","zh-tw":"Chinese Traditional",hr:"Croatian",cs:"Czech",da:"Danish",nl:"Dutch",en:"English",et:"Estonian",tl:"Filipino",fi:"Finnish",fr:"French",gl:"Galician",de:"German",el:"Greek",ht:"Haitian Creole",iw:"Hebrew",hi:"Hindi",hu:"Hungarian",is:"Icelandic",id:"Indonesian",ga:"Irish",it:"Italian",ja:"Japanese",
+ko:"Korean",lv:"Latvian",lt:"Lithuanian",mk:"Macedonian",ms:"Malay",mt:"Maltese",no:"Norwegian",fa:"Persian",pl:"Polish",pt:"Portuguese",ro:"Romanian",ru:"Russian",sr:"Serbian",sk:"Slovak",sl:"Slovenian",es:"Spanish",sw:"Swahili",sv:"Swedish",tl:"Tagalog",th:"Thai",tr:"Turkish",uk:"Ukrainian",vi:"Vietnamese",cy:"Welsh",yi:"Yiddish"}};mejs.TrackFormatParser={webvvt:{pattern_identifier:/^([a-zA-z]+-)?[0-9]+$/,pattern_timecode:/^([0-9]{2}:[0-9]{2}:[0-9]{2}([,.][0-9]{1,3})?) --\> ([0-9]{2}:[0-9]{2}:[0-9]{2}([,.][0-9]{3})?)(.*)$/,
+parse:function(a){var b=0;a=mejs.TrackFormatParser.split2(a,/\r?\n/);for(var c={text:[],times:[]},e,d;b<a.length;b++)if(this.pattern_identifier.exec(a[b])){b++;if((e=this.pattern_timecode.exec(a[b]))&&b<a.length){b++;d=a[b];for(b++;a[b]!==""&&b<a.length;){d=d+"\n"+a[b];b++}d=f.trim(d).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig,"<a href='$1' target='_blank'>$1</a>");c.text.push(d);c.times.push({start:mejs.Utility.convertSMPTEtoSeconds(e[1])==0?0.2:mejs.Utility.convertSMPTEtoSeconds(e[1]),
+stop:mejs.Utility.convertSMPTEtoSeconds(e[3]),settings:e[5]})}}return c}},dfxp:{parse:function(a){a=f(a).filter("tt");var b=0;b=a.children("div").eq(0);var c=b.find("p");b=a.find("#"+b.attr("style"));var e,d;a={text:[],times:[]};if(b.length){d=b.removeAttr("id").get(0).attributes;if(d.length){e={};for(b=0;b<d.length;b++)e[d[b].name.split(":")[1]]=d[b].value}}for(b=0;b<c.length;b++){var g;d={start:null,stop:null,style:null};if(c.eq(b).attr("begin"))d.start=mejs.Utility.convertSMPTEtoSeconds(c.eq(b).attr("begin"));
+if(!d.start&&c.eq(b-1).attr("end"))d.start=mejs.Utility.convertSMPTEtoSeconds(c.eq(b-1).attr("end"));if(c.eq(b).attr("end"))d.stop=mejs.Utility.convertSMPTEtoSeconds(c.eq(b).attr("end"));if(!d.stop&&c.eq(b+1).attr("begin"))d.stop=mejs.Utility.convertSMPTEtoSeconds(c.eq(b+1).attr("begin"));if(e){g="";for(var k in e)g+=k+":"+e[k]+";"}if(g)d.style=g;if(d.start==0)d.start=0.2;a.times.push(d);d=f.trim(c.eq(b).html()).replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig,
+"<a href='$1' target='_blank'>$1</a>");a.text.push(d);if(a.times.start==0)a.times.start=2}return a}},split2:function(a,b){return a.split(b)}};if("x\n\ny".split(/\n/gi).length!=3)mejs.TrackFormatParser.split2=function(a,b){var c=[],e="",d;for(d=0;d<a.length;d++){e+=a.substring(d,d+1);if(b.test(e)){c.push(e.replace(b,""));e=""}}c.push(e);return c}})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{contextMenuItems:[{render:function(a){if(typeof a.enterFullScreen=="undefined")return null;return a.isFullScreen?mejs.i18n.t("Turn off Fullscreen"):mejs.i18n.t("Go Fullscreen")},click:function(a){a.isFullScreen?a.exitFullScreen():a.enterFullScreen()}},{render:function(a){return a.media.muted?mejs.i18n.t("Unmute"):mejs.i18n.t("Mute")},click:function(a){a.media.muted?a.setMuted(false):a.setMuted(true)}},{isSeparator:true},{render:function(){return mejs.i18n.t("Download Video")},
+click:function(a){window.location.href=a.media.currentSrc}}]});f.extend(MediaElementPlayer.prototype,{buildcontextmenu:function(a){a.contextMenu=f('<div class="mejs-contextmenu"></div>').appendTo(f("body")).hide();a.container.bind("contextmenu",function(b){if(a.isContextMenuEnabled){b.preventDefault();a.renderContextMenu(b.clientX-1,b.clientY-1);return false}});a.container.bind("click",function(){a.contextMenu.hide()});a.contextMenu.bind("mouseleave",function(){a.startContextMenuTimer()})},cleancontextmenu:function(a){a.contextMenu.remove()},
+isContextMenuEnabled:true,enableContextMenu:function(){this.isContextMenuEnabled=true},disableContextMenu:function(){this.isContextMenuEnabled=false},contextMenuTimeout:null,startContextMenuTimer:function(){var a=this;a.killContextMenuTimer();a.contextMenuTimer=setTimeout(function(){a.hideContextMenu();a.killContextMenuTimer()},750)},killContextMenuTimer:function(){var a=this.contextMenuTimer;if(a!=null){clearTimeout(a);delete a}},hideContextMenu:function(){this.contextMenu.hide()},renderContextMenu:function(a,
+b){for(var c=this,e="",d=c.options.contextMenuItems,g=0,k=d.length;g<k;g++)if(d[g].isSeparator)e+='<div class="mejs-contextmenu-separator"></div>';else{var j=d[g].render(c);if(j!=null)e+='<div class="mejs-contextmenu-item" data-itemindex="'+g+'" id="element-'+Math.random()*1E6+'">'+j+"</div>"}c.contextMenu.empty().append(f(e)).css({top:b,left:a}).show();c.contextMenu.find(".mejs-contextmenu-item").each(function(){var m=f(this),q=parseInt(m.data("itemindex"),10),p=c.options.contextMenuItems[q];typeof p.show!=
+"undefined"&&p.show(m,c);m.click(function(){typeof p.click!="undefined"&&p.click(c);c.contextMenu.hide()})});setTimeout(function(){c.killControlsTimer("rev3")},100)}})})(mejs.$);
+(function(f){f.extend(mejs.MepDefaults,{postrollCloseText:mejs.i18n.t("Close")});f.extend(MediaElementPlayer.prototype,{buildpostroll:function(a,b,c){var e=this.container.find('link[rel="postroll"]').attr("href");if(typeof e!=="undefined"){a.postroll=f('<div class="mejs-postroll-layer mejs-layer"><a class="mejs-postroll-close" onclick="$(this).parent().hide();return false;">'+this.options.postrollCloseText+'</a><div class="mejs-postroll-layer-content"></div></div>').prependTo(c).hide();this.media.addEventListener("ended",
+function(){f.ajax({dataType:"html",url:e,success:function(d){c.find(".mejs-postroll-layer-content").html(d)}});a.postroll.show()},false)}}})})(mejs.$);
+
diff --git a/js/models.js b/js/models.js
new file mode 100644
index 0000000..787b34a
--- /dev/null
+++ b/js/models.js
@@ -0,0 +1,253 @@
+window.soundwalk = window.soundwalk || {};
+
+(function($){
+    var Info, Point, Points, walk, Marker, Markers;
+
+    walk = soundwalk.walk = function () {
+
+    }
+
+    _.extend(walk, { model: {}, view: {}, controller: {}, frames: {}, constants: {}, icons:{} });
+
+    _.extend(walk,	{
+         /**
+         * media.template( id )
+         *
+         * Fetches a template by id.
+         * See wp.template() in `wp-includes/js/wp-util.js`.
+         */
+            template: wp.template,
+
+        /**
+         * media.post( [action], [data] )
+         *
+         * Sends a POST request to WordPress.
+         * See wp.ajax.post() in `wp-includes/js/wp-util.js`.
+         */
+            post: wp.ajax.post,
+
+        /**
+         * media.ajax( [action], [options] )
+         *
+         * Sends an XHR request to WordPress.
+         * See wp.ajax.send() in `wp-includes/js/wp-util.js`.
+         */
+            ajax: wp.ajax.send
+    });
+
+    //Define constants
+
+    walk.constants.PLAY_POINT = 1;
+    walk.constants.LOOP_POINT = 2;
+    walk.constants.END_POINT = 3;
+    walk.constants.WIFI_POINT = 4;
+    walk.constants.LAYER_POINT = 5;
+
+    walk.icons.Play = new L.Icon({
+        iconUrl: '../wp-content/plugins/soundwalk/img/markers_play.png',
+        iconSize: [25, 41],
+        iconAnchor: [12,41]
+    });
+    walk.icons.Loop = new L.Icon({
+        iconUrl: '../wp-content/plugins/soundwalk/img/markers_loop.png',
+        iconSize: [25, 41],
+        iconAnchor: [12,41]
+    });
+
+    walk.icons.End = new L.Icon({
+        iconUrl: '../wp-content/plugins/soundwalk/img/markers_end.png',
+        iconSize: [25, 41],
+        iconAnchor: [12,41]
+    });
+
+    walk.icons.Wifi = new L.Icon({
+        iconUrl: '../wp-content/plugins/soundwalk/img/markers_wifi.png',
+        iconSize: [25, 41],
+        iconAnchor: [12,41]
+    });
+
+    walk.icons.Layer = new L.Icon({
+        iconUrl: '../wp-content/plugins/soundwalk/img/markers_layer.png',
+        iconSize: [25, 41],
+        iconAnchor: [12,41]
+    });
+
+    /* ----------------------------------------------------------------------------------------------------------------------------*/
+    Info = walk.model.Info = Backbone.Model.extend({
+
+    }); //Model Info
+    /* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    Point = walk.model.Point = Backbone.Model.extend({
+        toGeoJSON: function(){
+            var r = {
+                type: "Feature",
+                geometry: {
+                    type: "Circle",
+                    coordinates: [parseFloat(this.attributes.lng), parseFloat(this.attributes.lat)],
+                    radius: parseFloat(this.get('radius'))
+                },
+                properties:{
+                    id: this.attributes.id,
+                    title: this.attributes.title,
+                    radius_units: 'm',
+                    layer: parseInt(this.get('layer')),
+                    file: this.get('fileInfo').get('filename'),
+                    type: parseInt(this.get('type'))
+                }
+            };
+
+            switch(this.get('type')){
+                case walk.constants.WIFI_POINT:
+                    r.properties.wifi= this.get('wifi');
+                    break;
+                case walk.constants.LAYER_POINT:
+                    r.properties.toLayer= parseInt(this.get('toLayer'));
+                    break;
+            }
+
+            return r;
+        }
+
+    });  //Model Point
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    Points = walk.model.Points = Backbone.Collection.extend({
+        model: Point,
+        toGeoJSON: function(){
+            var r = {
+                type: "FeatureCollection",
+                features: []
+            };
+
+            this.forEach(function(element, index, list){
+                r.features.push(element.toGeoJSON());
+            }, this);
+
+            return r;
+        }
+    });// Collection Points
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    Marker = walk.model.Marker = Backbone.Model.extend({
+        toGeoJSON: function(){
+            var r = {
+                type: "Feature",
+                geometry: {
+                    type: "Point",
+                    coordinates: [parseFloat(this.attributes.lng), parseFloat(this.attributes.lat)]
+                },
+                properties:{
+                    id: this.attributes.id,
+                    title: this.attributes.title
+                }
+            };
+
+            return r;
+        }
+    }); //Model Marker
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    Markers = walk.model.Markers = Backbone.Collection.extend({
+        model: Marker,
+
+        sync: function (method, model, options){
+
+            if ('read' === method){
+                options = options || {};
+                options.context = this;
+                options.data = _.extend( options.data || {}, {
+                    action: 'get-markers-collection'
+                });
+                return walk.ajax( options );
+            }
+        },//sync
+
+        toGeoJSON: function(){
+            var r = {
+                type: "FeatureCollection",
+                features: []
+            };
+
+            this.forEach(function(element, index, list){
+                r.features.push(element.toGeoJSON());
+            }, this);
+
+            return r;
+
+        },//toGeoJSON
+
+        parse: function( resp, xhr ) {
+            if ( ! resp )
+                return resp;
+
+            return resp;
+        }//parse
+
+    }); // Collection Markers
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+    Audio = walk.model.Audio = Backbone.Model.extend({
+
+        sync: function (method, model, options){
+
+            if ('read' === method){
+                options = options || {};
+                options.context = this;
+                options.data = _.extend( options.data || {}, {
+                    action: 'get-attachment',
+                    id: options.id
+                });
+                return walk.ajax( options );
+            }
+        }//sync
+    });
+
+
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+    WalkM = walk.model.Walk = Backbone.Model.extend({
+        sync: function (method, model, options){
+
+            if ('create' === method && model){
+                options = options || {};
+                options.context = this;
+                options.data = _.extend( options.data || {}, {
+                    action: 'save-walk',
+                    data: JSON.stringify(model.toJSON())
+                });
+
+                return walk.ajax( options );
+            }
+            if ('update' === method && model){
+                options = options || {};
+                options.context = this;
+                options.data = _.extend( options.data || {}, {
+                    action: 'save-walk',
+                    data: JSON.stringify(model.toJSON()),
+                    id: model.get('id')
+                });
+
+                return walk.ajax( options );
+            }
+            if ('read' === method && model){
+                options = options || {};
+                options.context = this;
+                options.data = _.extend( options.data || {}, {
+                    action: 'get-walk',
+                    id: options.id
+                });
+
+                return walk.ajax( options );
+            }
+        }//sync
+    });
+
+
+    /* ----------------------------------------------------------------------------------------------------------------------------*/
+}(jQuery));
+
+
diff --git a/js/route.js b/js/route.js
new file mode 100644
index 0000000..7874747
--- /dev/null
+++ b/js/route.js
@@ -0,0 +1,7 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xavi
+ * Date: 06/11/13
+ * Time: 15:06
+ * To change this template use File | Settings | File Templates.
+ */
diff --git a/js/views.js b/js/views.js
new file mode 100644
index 0000000..d659d85
--- /dev/null
+++ b/js/views.js
@@ -0,0 +1,795 @@
+(function($){
+    var soundwalk = window.soundwalk.walk,
+        config = SoundwalkOptions; // Configuración inicial del mapa
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+        VIEW WALKMAP
+        Este view se encarga del mapa general de preview de un paseo.
+
+     */
+
+
+    soundwalk.view.WalkMap = Backbone.View.extend({
+        el: $('#walk-preview'),
+        map: undefined,
+        collection: new soundwalk.model.Points,
+        layers: [],
+        state: 0,   //0 = normal, 1 = añadir punto , 2 = delete, 3 = edit
+
+        initialize: function(){
+            this.render();
+            this.listenTo(this.collection, 'add', this.addPoint);
+            this.listenTo(this.collection, 'reset', this.resetCollection);
+        },
+
+        render: function(){
+
+            if(this.map === undefined){
+                //No existe el mapa y por lo tanto tenemos que crearlo para el renderizarlo.
+                this.map = L.map('walk-map').setView([config.lat, config.lng], config.zoom);
+                var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+                var osmAttrib='Map data © OpenStreetMap contributors';
+                var osm = new L.TileLayer(osmUrl, {minZoom: 6, maxZoom: 19, attribution: osmAttrib});
+                this.map.addLayer(osm);
+                for (var i = 0; i<7; i++){
+                    this.layers.push(L.layerGroup().addTo(this.map));
+                }
+
+                var oL = {
+                    "Todos": this.layers[0],
+                    "Capa 1": this.layers[1],
+                    "Capa 2": this.layers[2],
+                    "Capa 3": this.layers[3],
+                    "Capa 4": this.layers[4],
+                    "Capa 5": this.layers[5],
+                    "Capa 6": this.layers[6]
+                }
+
+                L.control.layers({'Base': osm},oL).addTo(this.map);
+
+            }
+
+        },//render
+
+        deleteMode: function(){
+          this.state = 2;
+        },
+
+        editMode: function(){
+            this.state = 3;
+        },
+
+        changeType: function(point, type){
+            var _l = point.get('layer'),
+                _mLID = point.get('mLID'),
+                _m = this.layers[_l].getLayer(_mLID);
+
+            switch (type){
+                case soundwalk.constants.PLAY_POINT:
+                    _m.setIcon(soundwalk.icons.Play);
+                    break;
+                case soundwalk.constants.LOOP_POINT:
+                    _m.setIcon(soundwalk.icons.Loop);
+                    break;
+                case soundwalk.constants.END_POINT:
+                    _m.setIcon(soundwalk.icons.End);
+                    break;
+                case soundwalk.constants.WIFI_POINT:
+                    _m.setIcon(soundwalk.icons.Wifi);
+                    break;
+                case soundwalk.constants.LAYER_POINT:
+                    _m.setIcon(soundwalk.icons.Layer);
+                    break;
+            }
+
+        },
+
+        createPoint: function(){
+            this.state = 1;
+            this.map.addOneTimeEventListener('click', this.mapClicked, this);
+        },
+
+        mapClicked: function(event){
+            var latlng = event.latlng;
+            var marker = L.marker(latlng,{draggable: true, title: '', icon: soundwalk.icons.Layer});
+            var circle = L.circle(latlng, 5);
+
+            this.stopListening(this.collection);
+
+            var _p = new soundwalk.model.Point;
+
+            _p.set({
+                mID: '',
+                lat:latlng.lat,
+                lng: latlng.lng,
+                title: '',
+                files: '',
+                fileInfo: '',
+                autor: '',
+                type: soundwalk.constants.LAYER_POINT,
+                radius: 5,
+                layer: 0,
+                id: '',
+                toLayer: 1,
+                wifi: '',
+                vibrate: false,
+                autofade: false
+            });
+            this.collection.add(_p);
+
+            this.listenTo(this.collection, 'add', this.addPoint);
+
+            marker.pID = _p.cid;
+
+            this.layers[0].addLayer(circle);
+            this.layers[0].addLayer(marker);
+
+            marker.addEventListener('dragend', this.markerMoved, this);
+            marker.addEventListener('click', this.markerClicked, this);
+
+            _p.set({
+                mLID: this.layers[0].getLayerId(marker),
+                cLID: this.layers[0].getLayerId(circle),
+                id: _p.cid
+            });
+
+            this.state = 0;
+            this.trigger('createdPoint', _p);
+
+        },
+
+        changeLayer: function(point, layer){
+
+            var cLID = point.get('cLID');
+            var mLID = point.get('mLID');
+            var _l = point.get('layer');
+            var _c = this.layers[_l].getLayer(cLID);
+            var _m = this.layers[_l].getLayer(mLID);
+            this.layers[_l].removeLayer(_c);
+            this.layers[_l].removeLayer(_m);
+            this.layers[layer].addLayer(_c);
+            this.layers[layer].addLayer(_m);
+        },
+
+        changeRadius: function(point, radius){
+            var _p = this.collection.get(point.get('id'));
+            var cLID = _p.get('cLID');
+            var _l = _p.get('layer');
+            var _c = this.layers[_l].getLayer(cLID);
+            _c.setRadius(radius);
+        },
+        resetCollection: function(collection, options){
+            collection.forEach( function(element, index, list){
+                var marker = L.marker([element.get('lat'), element.get('lng')],{draggable: true, clickable: true, title: element.get('title'), icon: soundwalk.icons.Play});
+                var circle = L.circle([element.get('lat'), element.get('lng')], element.get('radius'));
+                var _l = element.get('layer');
+                marker.pID = element.get('id');
+                this.layers[_l].addLayer(circle);
+                this.layers[_l].addLayer(marker);
+
+                marker.addEventListener('dragend', this.markerMoved, this);
+                marker.addEventListener('click', this.markerClicked, this);
+
+                element.set({
+                    mLID: this.layers[_l].getLayerId(marker),
+                    cLID: this.layers[_l].getLayerId(circle)
+                });
+            }, this);
+        },
+
+        addPoint: function(model, collection, options){
+            var marker = L.marker([model.get('lat'), model.get('lng')],{draggable: true, clickable: true, title: model.get('title'), icon: soundwalk.icons.Play});
+            var circle = L.circle([model.get('lat'), model.get('lng')], model.get('radius'));
+            var _l = model.get('layer');
+            marker.pID = model.get('id');
+            this.layers[_l].addLayer(circle);
+            this.layers[_l].addLayer(marker);
+
+            marker.addEventListener('dragend', this.markerMoved, this);
+            marker.addEventListener('click', this.markerClicked, this);
+
+            model.set({
+                mLID: this.layers[_l].getLayerId(marker),
+                cLID: this.layers[_l].getLayerId(circle)
+            });
+        },
+        markerClicked: function(event){
+          switch(this.state){
+              case 2:
+                  //delete mode
+                  var _m = event.target,
+                      _pID = event.target.pID,
+                      _p = this.collection.get(_pID),
+                      _l = _p.get('layer'),
+                      _cLID = _p.get('cLID'),
+                      _c = this.layers[_l].getLayer(_cLID);
+
+                  this.layers[_l].removeLayer(_c);
+                  this.layers[_l].removeLayer(_m);
+                  this.collection.remove(_p);
+                  this.trigger('deletedPoint', _p);
+                  break;
+              case 3:
+                  //edit mode
+                  var _m = event.target,
+                      _pID = event.target.pID,
+                      _p = this.collection.get(_pID);
+                  this.trigger('editPoint', _p);
+                  break;
+          }
+        },
+        markerMoved:function(event){
+            var _m = event.target,
+                _pID = event.target.pID,
+                latlng = event.target.getLatLng(),
+                _p = this.collection.get(_pID),
+                _l = _p.get('layer'),
+                _cLID = _p.get('cLID'),
+                _c = this.layers[_l].getLayer(_cLID);
+
+            _p.set({
+                lat: latlng.lat,
+                lng: latlng.lng
+            })
+
+            _c.setLatLng(latlng);
+        }
+
+
+
+    }); // view.WalkMap
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+     VIEW AudioPlayer
+     */
+
+    soundwalk.view.AudioPlayer = Backbone.View.extend({
+        template: soundwalk.template('audio-player'),
+        model: new soundwalk.model.Audio,
+
+        initialize: function(){
+            this.listenTo(this.model, 'sync', this.render);
+            this.model.fetch({id: this.options.aID});
+        },
+
+        render: function(){
+            var _u = this.model.get('url');
+            this.$el.html(this.template({url: _u}));
+            this.$('audio').mediaelementplayer({
+                audioWidth: '100%',
+                audioHeight: 50,
+                features: ['playpause','progress','volume']
+            });
+        }
+
+
+    });
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+     VIEW MARKERSMAP
+     Este view se encarga del mapa con los marcadores generales.
+     */
+
+    soundwalk.view.MarkersMap = Backbone.View.extend({
+        el: $('#markersWrapper'),
+        map: undefined,
+        collection: new soundwalk.model.Markers,
+        self: undefined,
+        player: undefined,
+        template: soundwalk.template('marker-info'),
+        marker:undefined,
+        events:{
+            'click #marker-add-button button': 'addPoint'
+        },
+        initialize: function(){
+            self = this;
+            this.listenTo(this.collection, 'sync', this.render);
+            this.collection.fetch();
+            this.render();
+
+        },//initialize
+
+        render: function(){
+
+            if(this.map === undefined){
+                //No existe el mapa y por lo tanto tenemos que crearlo para el renderizarlo.
+                this.map = L.map('markersMap').setView([config.lat, config.lng], config.zoom);
+                var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+                var osmAttrib='Map data © OpenStreetMap contributors';
+                var osm = new L.TileLayer(osmUrl, {minZoom: 6, maxZoom: 19, attribution: osmAttrib});
+                this.map.addLayer(osm);
+
+            }
+            if(!this.collection.isEmpty()){
+                //La colección no está vacia, por lo que tengo que poner los puntos en el mapa.
+                L.geoJson(this.collection.toGeoJSON(),{
+                    onEachFeature: function(feature, layer){
+                        layer.on('click', self.onMarkerClick);
+                    }
+                }).addTo(this.map);
+            }
+        },//render
+
+        onMarkerClick: function(event){
+            //utilizar self porque no podemos acceder con THIS!!!!
+            var layer = event.target;
+            var feature = layer.feature;
+            var id = feature.properties.id;
+            //self.trigger('markerClick', self.collection.get(id));
+            self.markerClick(self.collection.get(id));
+        },
+
+        markerClick: function (marker){
+            this.marker = marker;
+            this.player = new soundwalk.view.AudioPlayer({aID: marker.get('files')});
+            this.player.setElement(this.$('#marker-player'));
+            this.$('#marker-info-text').html(this.template({title: marker.get('title')}));
+            this.$('#marker-add-button').show();
+
+        },
+
+        addPoint: function (event){
+            self.trigger('markerClick', this.marker );
+            tb_remove();
+        }
+
+    });//view.MarkersMap
+
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+     VIEW PointInfo
+     Este view responde a las selecciones de un punto o de un marcador y permite
+     configurar los elementos de cada punto.
+     */
+
+    soundwalk.view.PointInfo = Backbone.View.extend({
+        el: $('#soundwalk-datos'),
+        model: new soundwalk.model.Info,
+        file_frame:  wp.media.frames.file_frame = wp.media({
+            multiple: false,
+            library: {
+                type: 'image'
+            }
+        }),
+        image_template: soundwalk.template('point-info-picture'),
+
+        events: {
+            'click #walk-submit': 'onSubmit',
+            'click #walk-picture-wrapper a': 'openMediaSelector'
+        },
+
+        initialize:function(){
+            this.file_frame.on('select',this.pictureSelected, this);
+            this.listenTo(this.model, 'change', this.updateFields);
+            this.model.set({fID: ''});
+        },
+
+        updateFields: function (model, options){
+            this.$('#title').val(model.get('title'));
+            this.$('#walk-excerpt').val(model.get('description'));
+            this.$('#walk-language').val(model.get('language'));
+            this.$('#walk-picture-preview').html(this.image_template({url: model.get('fileName')}));
+        },
+
+        validate: function(){
+            var _i = {
+                title: this.$('#title').val(),
+                description: this.$('#walk-excerpt').val(),
+                language: this.$('#walk-language').val()
+            }
+
+            this.model.set(_i);
+
+            if (_i.title == ""){
+                return false;
+            }
+            return true;
+        },
+
+        pictureSelected: function(){
+           var attachment = this.file_frame.state().get('selection').first().toJSON();
+            var thumb = attachment.sizes.thumbnail.url;
+            var id = attachment.id;
+
+            this.$('#walk-picture-preview').html(this.image_template({url: thumb}));
+            this.model.set({
+                fID: id,
+                fileName: attachment.filename
+            });
+        },
+
+        openMediaSelector: function(event){
+            event.preventDefault();
+            if ( this.file_frame ){
+                this.file_frame.open();
+                return;
+            };
+        },
+        onSubmit: function(event){
+            event.preventDefault();
+            this.trigger('submit');
+            //console.log(editor.toGeoJSON());
+        }
+
+    });// PointInfo
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+     VIEW PointEditor
+     Este view responde a las selecciones de un punto o de un marcador y permite
+     configurar los elementos de cada punto.
+     */
+    soundwalk.view.PointEditor = Backbone.View.extend({
+        el: $('#walk-point-editor'),
+        template: soundwalk.template('point-editor-template'),
+        events: {
+            'click #toggle-tipos a': 'toggleType',
+            'click #layer-point a': 'toggleLayer',
+            'click #layer-change-point a': 'changeToLayer',
+            'change #wifi-point-essid': 'wifiChange',
+            'click #option-vibrate': 'toggleVibrate',
+            'click #option-autofade': 'toggleAutofade'
+        },
+
+        initialize:function(){
+            this.render();
+        },
+
+        toggleVibrate: function(event){
+          event.preventDefault();
+            var _t = event.currentTarget;
+            this.$(_t).toggleClass('selected');
+            var _r = this.model.get('vibrate');
+            this.model.set({vibrate: !(_r)});
+        },
+
+        toggleAutofade: function(event){
+            event.preventDefault();
+            var _t = event.currentTarget;
+            this.$(_t).toggleClass('selected');
+            var _r = this.model.get('autofade');
+            this.model.set({autofade: !(_r)});
+        },
+
+        wifiChange: function(event){
+            var _t = event.currentTarget;
+            this.model.set({wifi: _t.value});
+        },
+
+        changeToLayer: function(event){
+            event.preventDefault();
+            var _t = event.currentTarget,
+                layer = _t.dataset.layer;
+            this.$('#layer-change-point a').removeClass('selected');
+            this.$(_t).addClass('selected');
+            this.trigger('layerToChange', this.model, layer );
+            this.model.set({toLayer: layer});
+        },
+
+        toggleLayer: function(event){
+            event.preventDefault();
+            var _t = event.currentTarget,
+                layer = _t.dataset.layer;
+            this.$('#layer-point a').removeClass('selected');
+            this.$(_t).addClass('selected');
+            this.trigger('layerChange', this.model, layer );
+            this.model.set({layer: layer});
+
+        },
+
+        toggleType: function(event){
+            var _t = event.currentTarget,
+                tipo = _t.dataset.type;
+            this.$('#toggle-tipos a').removeClass('selected');
+            this.$(_t).addClass('selected');
+            var _type = 0;
+            switch(tipo){
+                case 'play':
+                    _type = soundwalk.constants.PLAY_POINT;
+                    this.$('#wifi-point').hide();
+                    this.$('#layer-change-point').hide();
+                    break;
+                case 'loop':
+                    _type =  soundwalk.constants.LOOP_POINT;
+                    this.$('#wifi-point').hide();
+                    this.$('#layer-change-point').hide();
+                    break;
+                case 'end':
+                    _type =  soundwalk.constants.END_POINT;
+                    this.$('#wifi-point').hide();
+                    this.$('#layer-change-point').hide();
+                    break;
+                case 'wifi':
+                    _type =  soundwalk.constants.WIFI_POINT;
+                    this.$('#wifi-point').show();
+                    this.$('#layer-change-point').hide();
+                    break;
+                case 'layer':
+                    _type =  soundwalk.constants.LAYER_POINT;
+                    this.$('#wifi-point').hide();
+                    this.$('#layer-change-point').show();
+                    break;
+            }
+            event.preventDefault();
+            this.trigger('typeChange', this.model, _type );
+            this.model.set({type: _type});
+        },
+
+        render: function(){
+            if(_.isUndefined(this.model)){
+                return;
+            }
+
+            var _t = this.template({
+                title: this.model.get('title'),
+                type: this.model.get('type'),
+                autor: this.model.get('autor'),
+                radio: this.model.get('radius'),
+                layer: this.model.get('layer'),
+                toLayer: this.model.get('toLayer'),
+                wifi: this.model.get('wifi'),
+                autofade: this.model.get('autofade'),
+                vibrate: this.model.get('vibrate')
+            });
+
+            this.$el.html(_t);
+            this.audioplayer = new soundwalk.view.AudioPlayer({aID: this.model.get('files')});
+            this.audioplayer.setElement(this.$('#point-player'));
+            this.$('.slider-radio').slider({
+                min: 0,
+                max: 99,
+                value: 5
+            });
+            this.$('.slider-radio').bind('slide', _.bind(this.slide, this));
+            this.$('#layer-change-point').hide();
+            if(this.model.get('type') == 5){
+                this.$('#layer-change-point').show();
+            }
+            this.$('#wifi-point').hide();
+            if(this.model.get('type') == 4){
+                this.$('#wifi-point').show();
+            }
+        },
+
+        clean: function(){
+            this.$el.empty();
+            this.reset();
+            this.model = undefined;
+        },
+
+        reset:function(){
+            this.undelegateEvents();
+        },
+
+        slide: function(event, ui){
+            this.$('.slider-radio-value').text('Radio: ' + ui.value + 'm');
+            this.trigger('radiusChange', this.model, ui.value );
+            this.model.set({radius: ui.value});
+        }
+    });
+
+/* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+     VIEW MessagePanel
+     */
+
+    soundwalk.view.Messages = Backbone.View.extend({
+        el:$('#soundwalk-messages'),
+
+        initialize: function(){
+            this.render();
+        },
+
+        render: function(){
+            this.$el.hide();
+        },
+
+        showMessage: function(mess, type){
+          this.$el.empty();
+          this.$el.html("<div class='" + type + "'><p>" + mess + "</p></div>");
+          this.$el.show();
+          this.$el.fadeIn('fast');
+
+        }
+
+    });
+
+
+
+    /* ----------------------------------------------------------------------------------------------------------------------------*/
+
+    /*
+     VIEW WALKEDITOR
+     Este view se encarga del mapa con los marcadores generales.
+     */
+    soundwalk.view.WalkEditor = Backbone.View.extend({
+        el: $('#walk-editor'),
+        markersMap: new soundwalk.view.MarkersMap, //Vista de los marcadores
+       // points: new soundwalk.model.Points, Colección de puntos
+        pointEditor: undefined,
+        walkMap: new soundwalk.view.WalkMap,
+        pointInfo: new soundwalk.view.PointInfo,
+        walk: new soundwalk.model.Walk,
+        messages: new soundwalk.view.Messages,
+
+        events: {
+            "click #create-point":  "createPoint",
+            "click #delete-point": "deletePoint",
+            "click #edit-point": "editPoint"
+        },
+
+        initialize: function(){
+            this.listenTo(this.markersMap, 'markerClick', this.addPoint);
+            this.listenTo(this.pointInfo, 'submit', this.submit);
+            this.walk.set({
+                points: new soundwalk.model.Points,
+                info: new soundwalk.model.Info
+            });
+            if (_.has(config,'edit_Walk')){
+                //tenemos que cargar el paseo para poder ponerlo!!!
+                var _id = config.edit_Walk;
+                this.listenToOnce(this.walk, 'sync', this.walkLoaded);
+                this.walk.fetch({id: _id});
+            }
+            //this.listenTo(this.points, 'add', this.addPointToMap);
+        },
+
+        submit: function(){
+          var valid_info = this.pointInfo.validate();
+          if (valid_info){
+              this.walk.set({info: this.pointInfo.model});
+              this.listenToOnce(this.walk, 'sync', this.walkSaved);
+              this.walk.save();
+          }
+        },
+
+        walkLoaded: function(model, resp, options){
+            //creo los puntos
+
+            this.walkMap.collection.reset(model.get('points'));
+            this.pointInfo.model = this.pointInfo.model.set(model.get('info'));
+
+            this.walk.set({
+                points: this.walkMap.collection,
+                info: this.pointInfo.model
+            })
+
+        },
+
+        walkSaved: function(model, resp, options){
+            this.messages.showMessage('Paseo guardado correctamente', 'updated');
+        },
+
+        editPoint: function(){
+            this.listenToOnce(this.walkMap, 'editPoint', this.editedPoint);
+            this.walkMap.editMode();
+            this.$('#editor-toolbar li').removeClass('selected');
+            this.$('#edit-point').addClass('selected');
+        },
+
+        editedPoint: function(point){
+            if(!_.isUndefined(this.pointEditor)){
+                this.pointEditor.reset();
+                this.stopListening(this.pointEditor);
+            }
+
+            this.pointEditor = new soundwalk.view.PointEditor({model: point});
+            this.listenTo(this.pointEditor, 'radiusChange', this.radiusChange);
+            this.listenTo(this.pointEditor, 'typeChange', this.typeChange);
+            this.listenTo(this.pointEditor, 'layerChange', this.layerChange);
+            this.$('#edit-point').removeClass('selected');
+        },
+
+        deletePoint:function(){
+            this.listenToOnce(this.walkMap, 'deletedPoint', this.deletedPoint);
+            this.walkMap.deleteMode();
+            this.$('#editor-toolbar li').removeClass('selected');
+            this.$('#delete-point').addClass('selected');
+        },
+
+        deletedPoint: function(point){
+            this.$('#editor-toolbar li').removeClass('selected');
+            this.walk.get('points').remove(point);
+            //this.points.remove(point);
+            if(this.pointEditor.model === point){
+                this.pointEditor.clean();
+            }
+        },
+
+        createPoint:function(){
+            this.listenToOnce(this.walkMap, 'createdPoint', this.createdPoint);
+            this.$('#editor-toolbar li').removeClass('selected');
+            this.$('#create-point').addClass('selected');
+            this.walkMap.createPoint();
+        },
+        createdPoint: function(point){
+            //this.points.add(point);
+            this.walk.get('points').add(point);
+            if(!_.isUndefined(this.pointEditor)){
+                // this.pointEditor.remove();
+                this.pointEditor.reset();
+                this.stopListening(this.pointEditor);
+
+            }
+
+            this.pointEditor = new soundwalk.view.PointEditor({model: point});
+            this.listenTo(this.pointEditor, 'radiusChange', this.radiusChange);
+            this.listenTo(this.pointEditor, 'typeChange', this.typeChange);
+            this.listenTo(this.pointEditor, 'layerChange', this.layerChange);
+            this.$('#editor-toolbar li').removeClass('selected');
+        },
+
+        layerChange: function(point, layer){
+          this.walkMap.changeLayer(point, layer);
+        },
+        radiusChange: function(point, radius){
+          this.walkMap.changeRadius(point, radius);
+        },
+
+        typeChange: function(point, type){
+          this.walkMap.changeType(point, type);
+        },
+
+        addPoint: function(marker){
+            var _p = new soundwalk.model.Point;
+
+            _p.set({
+                mID: marker.get('id'),
+                lat: marker.get('lat'),
+                lng: marker.get('lng'),
+                title: marker.get('title'),
+                files: marker.get('files'),
+                fileInfo: new soundwalk.model.Audio,
+                autor: marker.get('autor'),
+                type: soundwalk.constants.PLAY_POINT,
+                radius: 5,
+                layer: 0,
+                id: marker.get('id'),
+                toLayer: 0,
+                wifi: '',
+                autofade: false,
+                vibrate: false
+            });
+
+            _p.get('fileInfo').fetch({id: marker.get('files')});
+
+            //this.points.add(_p);
+            this.walk.get('points').add(_p);
+            if(!_.isUndefined(this.pointEditor)){
+               // this.pointEditor.remove();
+                this.pointEditor.reset();
+                this.stopListening(this.pointEditor);
+
+            }
+            this.pointEditor = new soundwalk.view.PointEditor({model: _p});
+            this.walkMap.collection.add(_p);
+            this.listenTo(this.pointEditor, 'radiusChange', this.radiusChange);
+            this.listenTo(this.pointEditor, 'typeChange', this.typeChange);
+            this.listenTo(this.pointEditor, 'layerChange', this.layerChange);
+
+        },
+
+        toGeoJSON: function(){
+            return this.get('points').toGeoJSON();
+            //return this.points.toGeoJSON();
+        },
+
+        addPointToMap: function(model, collection, options){
+            this.markersMap.addPoint(model);
+        }
+    });
+
+
+
+
+    }(jQuery));
\ No newline at end of file
diff --git a/libs/classes.php b/libs/classes.php
new file mode 100644
index 0000000..1da2152
--- /dev/null
+++ b/libs/classes.php
@@ -0,0 +1,371 @@
+<?php
+if(!class_exists('WP_List_Table')){
+	require_once( ABSPATH . 'wp-admin/includes/class-wp-list-table.php' );
+}
+
+if (!class_exists('Soundwalk_Paseos_List_Table')){
+
+	class Soundwalk_Paseos_List_Table extends WP_List_Table{
+		
+		/** ************************************************************************
+		 * REQUIRED. Set up a constructor that references the parent constructor. We
+		 * use the parent reference to set some default configs.
+		 ***************************************************************************/
+		function __construct(){
+			global $status, $page;
+		
+			//Set parent defaults
+			parent::__construct( array(
+					'singular'  => 'walk',     //singular name of the listed records
+					'plural'    => 'walks',    //plural name of the listed records
+					'ajax'      => false        //does this table support ajax?
+			) );
+		
+		} //__construct
+		
+		function prepare_items() {
+		
+			/**
+			 * First, lets decide how many records per page to show
+			 */
+			$per_page = 10;
+		
+			$columns = $this->get_columns();
+			$hidden = array('id');
+			$sortable = $this->get_sortable_columns();
+		
+		
+			$this->_column_headers = array($columns, $hidden, $sortable);
+		
+		
+			/**
+			 * Instead of querying a database, we're going to fetch the example data
+			 * property we created for use in this plugin. This makes this example
+			 * package slightly different than one you might build on your own. In
+			 * this example, we'll be using array manipulation to sort and paginate
+			 * our data. In a real-world implementation, you will probably want to
+			 * use sort and pagination data to build a custom query instead, as you'll
+			 * be able to use your precisely-queried data immediately.
+			*/
+		//	$data = $this->example_data;
+			$db_helper = new Soundwalk_DB_Helper();
+			$data = $db_helper->get_array_walks();
+			
+		
+			/**
+			 * This checks for sorting input and sorts the data in our array accordingly.
+			 *
+			 * In a real-world situation involving a database, you would probably want
+			 * to handle sorting by passing the 'orderby' and 'order' values directly
+			 * to a custom query. The returned data will be pre-sorted, and this array
+			 * sorting technique would be unnecessary.
+			 */
+			function usort_reorder($a,$b){
+				$orderby = (!empty($_REQUEST['orderby'])) ? $_REQUEST['orderby'] : 'title'; //If no sort, default to title
+				$order = (!empty($_REQUEST['order'])) ? $_REQUEST['order'] : 'asc'; //If no order, default to asc
+				$result = strcmp($a[$orderby], $b[$orderby]); //Determine sort order
+				return ($order==='asc') ? $result : -$result; //Send final sort direction to usort
+			}
+			//usort($data, 'usort_reorder');
+		
+		
+			/***********************************************************************
+			 * ---------------------------------------------------------------------
+			* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
+			*
+			* In a real-world situation, this is where you would place your query.
+			*
+			* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+			* ---------------------------------------------------------------------
+			**********************************************************************/
+		
+		
+			/**
+			 * REQUIRED for pagination. Let's figure out what page the user is currently
+			 * looking at. We'll need this later, so you should always include it in
+			 * your own package classes.
+			*/
+			$current_page = $this->get_pagenum();
+		
+			/**
+			 * REQUIRED for pagination. Let's check how many items are in our data array.
+			 * In real-world use, this would be the total number of items in your database,
+			 * without filtering. We'll need this later, so you should always include it
+			 * in your own package classes.
+			*/
+			$total_items = count($data);
+		
+		
+			/**
+			 * The WP_List_Table class does not handle pagination for us, so we need
+			 * to ensure that the data is trimmed to only the current page. We can use
+			 * array_slice() to
+			*/
+			$data = array_slice($data,(($current_page-1)*$per_page),$per_page);
+		
+		
+		
+			/**
+			 * REQUIRED. Now we can add our *sorted* data to the items property, where
+			 * it can be used by the rest of the class.
+			*/
+			$this->items = $data;
+		
+		
+			/**
+			 * REQUIRED. We also have to register our pagination options & calculations.
+			 */
+			$this->set_pagination_args( array(
+					'total_items' => $total_items,                  //WE have to calculate the total number of items
+					'per_page'    => $per_page,                     //WE have to determine how many items to show on a page
+					'total_pages' => ceil($total_items/$per_page)   //WE have to calculate the total number of pages
+			) );
+		}//prepare_items
+		
+		/** ************************************************************************
+		 * REQUIRED! This method dictates the table's columns and titles. This should
+		 * return an array where the key is the column slug (and class) and the value
+		 * is the column's title text. If you need a checkbox for bulk actions, refer
+		 * to the $columns array below.
+		 *
+		 * The 'cb' column is treated differently than the rest. If including a checkbox
+		 * column in your table you must create a column_cb() method. If you don't need
+		 * bulk actions or checkboxes, simply leave the 'cb' entry out of your array.
+		 *
+		 * @see WP_List_Table::::single_row_columns()
+		 * @return array An associative array containing column information: 'slugs'=>'Visible Titles'
+		 **************************************************************************/
+		function get_columns(){
+			$columns = array(	
+					'id'			=> 'ID',				
+					'name'	     	=> 'Title',
+					'excerpt'		=> 'Info',
+					'recordings'	=> 'Number of recordings'
+			);
+			return $columns;
+		}
+		
+		/** ************************************************************************
+		 * Recommended. This method is called when the parent class can't find a method
+		 * specifically build for a given column. Generally, it's recommended to include
+		 * one method for each column you want to render, keeping your package class
+		 * neat and organized. For example, if the class needs to process a column
+		 * named 'title', it would first see if a method named $this->column_title()
+		 * exists - if it does, that method will be used. If it doesn't, this one will
+		 * be used. Generally, you should try to use custom column methods as much as
+		 * possible.
+		 *
+		 * Since we have defined a column_title() method later on, this method doesn't
+		 * need to concern itself with any column with a name of 'title'. Instead, it
+		 * needs to handle everything else.
+		 *
+		 * For more detailed insight into how columns are handled, take a look at
+		 * WP_List_Table::single_row_columns()
+		 *
+		 * @param array $item A singular item (one full row's worth of data)
+		 * @param array $column_name The name/slug of the column to be processed
+		 * @return string Text or HTML to be placed inside the column <td>
+		 **************************************************************************/
+		function column_default($item, $column_name){
+			switch($column_name){
+				case 'name':
+				case 'id':
+				case 'excerpt':
+				case 'recordings':
+					return $item[$column_name];
+				default:
+					return print_r($item,true); //Show the whole array for troubleshooting purposes
+			}
+		}
+		
+		function column_name($item){
+			$actions = array(
+					'edit'      => sprintf('<a href="?page=%s&action=%s&walk=%s">Edit</a>','soundwalk-manage-add','edit',$item['id']),
+					'delete'    => sprintf('<a href="?page=%s&action=%s&walk=%s">Delete</a>',$_REQUEST['page'],'delete',$item['id']),
+			);		
+			return sprintf('%1$s %2$s', $item['name'], $this->row_actions($actions,true) );
+		}
+		
+		/** ************************************************************************
+		 * Optional. If you want one or more columns to be sortable (ASC/DESC toggle),
+		 * you will need to register it here. This should return an array where the
+		 * key is the column that needs to be sortable, and the value is db column to
+		 * sort by. Often, the key and value will be the same, but this is not always
+		 * the case (as the value is a column name from the database, not the list table).
+		 *
+		 * This method merely defines which columns should be sortable and makes them
+		 * clickable - it does not handle the actual sorting. You still need to detect
+		 * the ORDERBY and ORDER querystring variables within prepare_items() and sort
+		 * your data accordingly (usually by modifying your query).
+		 *
+		 * @return array An associative array containing all the columns that should be sortable: 'slugs'=>array('data_values',bool)
+		 **************************************************************************/
+		function get_sortable_columns() {
+			$sortable_columns = array(
+					'name'     => array('name',true),     //true means its already sorted
+					'recordings'    => array('recordings',false)
+			);
+			return $sortable_columns;
+		}
+		
+		function no_items() {
+			echo "There are no walks.";
+		}
+		
+
+		
+	}//class Areago_List_Table
+
+}
+
+
+if (!class_exists('PclZip')){
+	require_once( ABSPATH . 'wp-admin/includes/class-pclzip.php');
+}
+
+if (!class_exists('Soundwalk_ZIP')){
+	class Soundwalk_ZIP{
+
+
+		function create_zip($id){
+			if ($id == NULL)
+				return FALSE;
+
+			$file_helper = new Soundwalk_File_Helper();
+			
+			$path = $file_helper->get_Path($id);
+
+			$zip_file = new PclZip($path . "/data.zip");
+			//$zip_file->add(PCLZIP_CB_PRE_ADD,array($this,'myPreAddCallBack'));
+			$db_helper = new Soundwalk_DB_Helper();
+			$walk = $db_helper->get_walk($id, true);
+			
+			if (!$walk)
+				return FALSE;
+			
+			//$walk->points = json_decode($walk->points);
+            $d = json_encode($walk->geoJSONpoints);
+			
+			$file_helper->save_data_file($path . "/info.json", $d);
+			$files = array();
+			$files[] = $path . "/info.json";
+			
+			foreach ($walk->points as $point){
+				$files[] = get_attached_file($point->files);
+			};
+            $files[] = get_attached_file($walk->pic_id);
+
+
+			$tt = $zip_file->create($files,PCLZIP_OPT_REMOVE_ALL_PATH,PCLZIP_CB_PRE_ADD,'soundwalk_zipCallBack');
+			if ($tt == 0) {
+				die('Error : '.$zip_file->errorInfo(true));
+			}
+			unlink($path . '/info.json');
+			
+			return true;
+					
+		
+		} //create_zip
+		
+
+	}
+}
+
+if (!class_exists('Soundwalk_File_Helper')){
+	
+	class Soundwalk_File_Helper{
+		
+		function get_Path($id){
+
+			if ($this->check()===FALSE){
+				return FALSE;
+			}
+						
+			$uploads = wp_upload_dir();
+			$uploads_basedir=$uploads["basedir"];
+			
+			return $uploads_basedir . "/soundwalk/" . $id;
+				
+		}
+		
+		
+		function check(){
+			//This function checks if the upload files is created, its is writeable, if the areago is created, and if it is writeable.
+			
+			$uploads = wp_upload_dir();
+			$uploads_basedir=$uploads["basedir"];
+			$uploads_baseURL=$uploads["baseurl"];
+			
+			$sound_walk_dir=$uploads_basedir . "/soundwalk";
+			
+			$dir_exists=is_dir($uploads_basedir);
+			if (!$dir_exists){
+				return FALSE;
+			}
+			
+			$is_writable=is_writable($uploads_basedir);
+			if (!$is_writable){
+				return FALSE;
+			}
+			
+			$dir_exists=is_dir($sound_walk_dir);
+			if (!$dir_exists){
+				mkdir($sound_walk_dir);
+			}
+			$is_writable=is_writable($sound_walk_dir);
+			if (!$is_writable){
+				return FALSE;
+			}
+						
+			return true;
+			
+		}
+		
+		function createFolder($id){
+			
+			if ($this->check()===FALSE){
+				return FALSE;
+			}
+			
+			$uploads = wp_upload_dir();
+			$uploads_basedir=$uploads["basedir"];							
+			$sound_walk_dir=$uploads_basedir . "/soundwalk/" . $id;
+
+			$dir_exists=is_dir($sound_walk_dir);
+			if (!$dir_exists){
+				return mkdir($sound_walk_dir);	
+			}
+				
+			$is_writable=is_writable($sound_walk_dir);			
+			if (!$is_writable){
+				return FALSE;
+			}		
+			return TRUE;
+
+		}
+		
+		function save_data_file($file, $data){
+			$fp = fopen($file, 'w');
+			fwrite($fp, $data);
+			fclose($fp);
+		}
+		
+		
+	}//class	
+	
+}
+
+function soundwalk_zipCallBack($p_event, &$p_header){
+	
+	$info = pathinfo($p_header['stored_filename']);
+	// ----- bak files are skipped
+	if ($info['extension'] == 'jpg') {		
+		$p_header['stored_filename'] = 'icono.jpg';
+		return 1;
+	}
+	// ----- all other files are simply added
+	else {
+		return 1;
+	}
+	
+}
diff --git a/libs/db_helper.php b/libs/db_helper.php
new file mode 100644
index 0000000..3c27146
--- /dev/null
+++ b/libs/db_helper.php
@@ -0,0 +1,214 @@
+<?php
+
+
+if (!class_exists('Soundwalk_DB_Helper')){
+
+	class Soundwalk_DB_Helper{
+
+		const TABLE_NAME ="soundwalks";
+
+		function install(){
+
+			global $wpdb;
+
+			$table_name = $wpdb->prefix . self::TABLE_NAME;
+
+
+			$sql = "CREATE TABLE $table_name (
+			id mediumint(9) NOT NULL AUTO_INCREMENT,
+			time timestamp DEFAULT CURRENT_TIMESTAMP NOT NULL,
+			name tinytext NOT NULL,
+			picture tinytext,
+			pic_id tinytext,
+			excerpt tinytext NOT NULL,
+			description text NOT NULL,
+			recordings int DEFAULT 0 NOT NULL,
+			language tinytext NOT NULL,
+			size int DEFAULT 0 NOT NULL,
+			reference longtext DEFAULT '',
+			points longtext DEFAULT '',
+			hash tinytext DEFAULT '',
+			kml longtext DEFAULT '',
+			UNIQUE KEY id (id)
+			);";
+
+			require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
+			dbDelta($sql);
+
+		}
+
+		function get_array_walks(){
+
+			global $wpdb;
+			$table_name = $wpdb->prefix . self::TABLE_NAME;
+
+			$sql = "SELECT * FROM $table_name";
+			$res = $wpdb->get_results($sql,ARRAY_A);
+			return $res;
+
+		}
+
+		function delete_walk($id){
+			global $wpdb;
+			$table_name = $wpdb->prefix . self::TABLE_NAME;
+
+			$sql = "DELETE FROM $table_name WHERE id='$id'";
+			$res = $wpdb->get_results($sql,ARRAY_A);
+			return $res;
+
+		}
+
+		function get_list_walks(){
+			$walks = $this->get_array_walks();
+			if ($walks==NULL)
+				return NULL;
+
+			$r = array();
+			foreach ($walks as $walk){
+
+				$o = new stdClass();
+				$o->id = $walk['id'];
+				$o->nombre = $walk['name'];
+				$o->resumen = $walk['description'];
+				$o->grabaciones = $walk['recordings'];
+				$o->idioma = $walk['language'];
+                $image_attributes = wp_get_attachment_image_src( $walk['pic_id'] );
+				$o->imagen = $image_attributes[0];
+				$o->hash = $walk['hash'];
+				$o->referencia = json_decode($walk['reference']);
+				$r[] = $o;
+			}
+
+			return $r;
+
+		}// get_list_walks
+
+		function get_walk($id,  $geoJSON = false){
+			global $wpdb;
+			$table_name = $wpdb->prefix . self::TABLE_NAME;
+			$sql = "SELECT * FROM $table_name WHERE id = '$id'";
+			$res = $wpdb->get_row($sql,OBJECT);
+
+            if($geoJSON){
+                $r = json_decode($res->points);
+                $res->geoJSONpoints = $this->toGeoJSON($r);
+                $res->points = $r;
+            }else{
+                $res->points = json_decode($res->points);
+            }
+			return $res;
+		}// get_walk
+
+        function toGeoJSON($data){
+            $r = new stdClass();
+            $r->type = "FeatureCollection";
+            $r->features = array();
+            foreach ($data as $point){
+                $p = new stdClass();
+                $p->type = "Feature";
+                $p->geometry = new stdClass();
+                $p->geometry->type = "Circle";
+                $p->geometry->properties = new stdClass();
+                $p->geometry->properties->radius_units = "m";
+                $p->geometry->radius = $point->radius;
+                $p->geometry->coordinates = array((float)$point->lng,(float)$point->lat);
+                $p->properties = new stdClass();
+                
+                if(($point->files != '') && ($point->files != 'null' )){
+                    $p->properties->file = $point->fileInfo->filename;
+                }
+                $p->properties->layer = (int)$point->layer;
+                $p->properties->type = (int)$point->type;
+                $p->properties->autofade = $point->autofade;
+                $p->properties->vibrate = (boolean)$point->vibrate;
+                $p->properties->essid = $point->wifi;
+                $p->properties->tolayer = (int)$point->toLayer;
+                $r->features[] = $p;
+            }
+            return $r;
+        }
+
+      function updatePointsAudios($points){
+         if (!is_array($points)) return;
+         $sm_helper = new Soundmap_Helper();
+         $r_points = array();
+         foreach($points as $point){
+            $_id = $point->mID;
+            $_m = $sm_helper->get_marker($_id);
+            if (!$_m){
+               $r_points[] = $point;
+               continue;
+            }
+            $_title = get_the_title($_id);
+            $_attID = $_m->marker['attachments'][0]['id'];
+            $info = wp_prepare_attachment_for_js($_attID);
+            $n_p = $point;
+            $n_p->title = $_title;
+            $n_p->fileInfo = $info;
+				$n_p->files = $_attID;
+            $r_points[] = $n_p;
+         }
+         return $r_points;
+
+
+      }
+
+
+		function save_walk($data, $update=false){
+			//guardar el paseo. Si ya existe, lo actualiza.
+
+			global $wpdb;
+
+			$table_name = $wpdb->prefix . self::TABLE_NAME;
+			$sql = "INSERT INTO $table_name";
+			//Primero chequeo que de verdad hay que guardar
+
+            $titulo = $data->info->title;
+            $description = $data->info->description;
+            $language = $data->info->language;
+            $pic_id = $data->info->fID;
+				$total_points = count($data->points);
+            $points = json_encode($this->updatePointsAudios($data->points));
+            $hash = md5(uniqid(rand(), TRUE));
+
+            if($update){
+                $res = $wpdb->update(
+                    $table_name,
+                    array(
+                        'name' => $titulo,	// string
+                        'pic_id' => $pic_id,
+                        'description' => $description,
+                        'recordings' => $total_points,
+                        'language' => $language,
+                        'points' => $points,
+                        'hash' => $hash,
+                    ),
+                    array( 'id' => $_POST['id'] )
+                );
+            }else{
+                $sql .= "(name, pic_id, description, recordings, language, points, hash) ";
+                $sql .= "VALUES (%s, %s, %s, %d, %s, %s, %s)";
+                $res = $wpdb->query( $wpdb->prepare($sql,
+                    $titulo,
+                    $pic_id,
+                    $description,
+                    $total_points,
+                    $language,
+                    $points,
+                    $hash
+                ) );
+            }//else
+
+            if ($res){
+                $result_id = $wpdb->get_var( "SELECT id FROM $table_name WHERE hash='$hash'");
+                return $result_id;
+            }else{
+                return FALSE;
+            }//$res
+
+		}
+
+	}//class Soundwalk_DB_Helper
+
+
+}
diff --git a/listado.php b/listado.php
new file mode 100644
index 0000000..2205f2d
--- /dev/null
+++ b/listado.php
@@ -0,0 +1,12 @@
+<?php 
+header('Content-type: application/json');
+require_once( dirname(dirname(dirname(dirname( __FILE__ )))) . '/wp-load.php' );
+require_once (dirname( __FILE__ ) . '/libs/db_helper.php');
+
+
+$db_helper = new Soundwalk_DB_Helper();
+
+$walks = $db_helper->get_list_walks();
+echo json_encode($walks);
+
+?>
diff --git a/soundwalk.css b/soundwalk.css
new file mode 100644
index 0000000..12a9fad
--- /dev/null
+++ b/soundwalk.css
@@ -0,0 +1,843 @@
+#walk-preview {
+  height: 600px;
+  width: 70%;
+}
+#walk-map {
+  height: 600px;
+}
+#markersMapWindow {
+  height: 495px;
+  width: 800px;
+  visibility: hidden;
+}
+#markersWrapper #markerInfo {
+  width: 280px;
+  height: 465px;
+  float: left;
+  padding-left: 20px;
+}
+h3.hndle {
+  margin-bottom: 0px;
+}
+textarea {
+  width: 100%;
+}
+.panel-left {
+  float: left;
+  width: 60%;
+}
+.panel-right {
+  float: left;
+  width: 40%;
+}
+.panel-right .panel-wrap {
+  padding: 0 0 0 10px;
+}
+#markersMap {
+  height: 495px;
+  width: 500px;
+  float: left;
+}
+#editor-toolbar ul {
+  list-style: none;
+}
+#editor-toolbar ul li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+#editor-toolbar ul a {
+  display: block;
+  background-color: #f27935;
+  line-height: 20px;
+  text-align: center;
+  padding: 10px 15px;
+  color: white;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+  -moz-border-radius-: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+#editor-toolbar ul a:hover {
+  background-color: #9ea7b3;
+}
+#editor-toolbar ul .selected a {
+  background-color: #9ea7b3;
+}
+.ui-tabs-nav li {
+  display: inline-block;
+  background-color: #dfdfdf;
+  border: 1px solid #dedede;
+  padding: 12px;
+  border-bottom: 0;
+  margin-bottom: -1px;
+  margin-right: 10px;
+}
+.ui-tabs-nav li.ui-tabs-active {
+  background-color: white;
+}
+.ui-tabs-nav li a {
+  line-height: 20px;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-decoration: none;
+  color: black;
+}
+#marker-add-button {
+  padding-left: 20px;
+  display: none;
+  float: left;
+}
+#marker-add-button button {
+  background-color: #f27935;
+  line-height: 20px;
+  text-align: center;
+  padding: 5px 15px;
+  color: white;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+  width: 280px;
+  -moz-border-radius-: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  border: 0;
+}
+.box {
+  border: 1px solid #dedede;
+  padding: 12px;
+  background-color: #fff;
+  box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+  margin-top: 0px;
+}
+#editor-panels > div {
+  float: left;
+}
+#editor-panels #walk-point-editor {
+  width: 30%;
+}
+#editor-panels #walk-point-editor .panel-separator {
+  margin: 0 10px 0 2px;
+  width: 1px;
+  background-color: #bbbbbb;
+  min-height: 600px;
+  float: left;
+}
+#editor-panels .editor-option {
+  margin: 10px 0px;
+}
+#editor-panels .panel-wrapper {
+  padding: 0 20px;
+}
+#editor-panels label {
+  display: block;
+  background-color: #323a45;
+  color: white;
+  font-weight: bold;
+  padding: 10px;
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+#editor-panels #toggle-tipos a {
+  background-image: url(img/tipos.png);
+}
+#editor-panels #toggle-tipos #tipo-once a {
+  background-position: 0 0;
+}
+#editor-panels #toggle-tipos #tipo-once a.selected-button {
+  background-position: 0 -30px;
+}
+#editor-panels #toggle-tipos #tipo-loop a {
+  background-position: -50px 0;
+}
+#editor-panels #toggle-tipos #tipo-loop a.selected-button {
+  background-position: -15px -30px;
+}
+#editor-panels #toggle-tipos #tipo-end a {
+  background-position: -100px 0;
+}
+#editor-panels #toggle-tipos #tipo-end a.selected-button {
+  background-position: -30px -30px;
+}
+#editor-panels #toggle-tipos #tipo-wifi a {
+  background-position: -150px 0;
+}
+#editor-panels #toggle-tipos #tipo-wifi a.selected-button {
+  background-position: -45px -30px;
+}
+#editor-panels #toggle-tipos #tipo-layer a {
+  background-position: -200px 0;
+}
+#editor-panels #toggle-tipos #tipo-layer a.selected-button {
+  background-position: -60px -30px;
+}
+#toogle-options a {
+  background-image: url(img/tipos.png);
+}
+#toogle-options #option-vibrate {
+  background-position: -250px 0;
+}
+#toogle-options #option-autofade {
+  background-position: -300px 0;
+}
+.toggle-control ul {
+  width: 100%;
+  margin-top: 0px;
+  background-color: #9ea7b3;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  height: 50px;
+}
+.toggle-control li {
+  width: 50px;
+  height: 50px;
+  display: inline-block;
+  margin: 0;
+}
+.toggle-control li.first-leaf a {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.toggle-control a {
+  overflow: hidden;
+  display: block;
+  width: 50px;
+  height: 50px;
+  text-indent: -9999px;
+}
+.toggle-control a:hover,
+.toggle-control a.selected {
+  background-color: #14b9d6;
+}
+.layer-control ul {
+  width: 100%;
+  margin-top: 0px;
+  background-color: #9ea7b3;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  height: 50px;
+}
+.layer-control li {
+  height: 50px;
+  display: inline-block;
+  margin: 0;
+  width: 13%;
+}
+.layer-control li.first-leaf a {
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.layer-control a {
+  overflow: hidden;
+  display: block;
+  line-height: 50px;
+  text-align: center;
+  color: white;
+  font-weight: bold;
+  text-decoration: none;
+}
+.layer-control a:hover,
+.layer-control a.selected {
+  background-color: #14b9d6;
+}
+.text-control {
+  width: 100%;
+  margin-top: 0px;
+  background-color: #9ea7b3;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  height: 50px;
+}
+.text-control .text-control-wrapper {
+  padding: 15px 21px;
+}
+.text-control input {
+  height: 20px;
+  width: 100%;
+  background-color: #9ea7b3;
+  color: white;
+  border: 0;
+  border-bottom: 1px solid #323a45;
+  box-shadow: none;
+}
+.text-control input:focus {
+  box-shadow: none;
+  border: 0;
+  border-bottom: 1px solid #323a45;
+  background-color: #14b9d6;
+}
+.slider-control {
+  width: 100%;
+  margin-top: 0px;
+  background-color: #9ea7b3;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  height: 50px;
+}
+.slider-control .slider-wrapper {
+  padding: 21px;
+}
+.slider-control .ui-slider {
+  position: relative;
+  height: 8px;
+  background-color: #323a45;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.slider-control .ui-slider .ui-slider-handle {
+  position: absolute;
+  z-index: 2;
+  width: 8px;
+  height: 8px;
+  cursor: default;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  background-color: white;
+}
+.mejs-container {
+  background-color: #323a45;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  position: relative;
+  text-align: left;
+  vertical-align: top;
+  text-indent: 0;
+}
+.mejs-container .mejs-mediaelement {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Start: CONTROL BAR */
+.mejs-container .mejs-controls {
+  position: absolute;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  bottom: 0;
+  left: 0;
+  height: 50px;
+  width: 100%;
+}
+.mejs-container .mejs-controls div {
+  list-style-type: none;
+  background-image: none;
+  background-color: #202226;
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  display: block;
+  float: left;
+  margin: 0;
+  padding: 0;
+  width: 50px;
+  height: 50px;
+  font-size: 11px;
+  line-height: 11px;
+  border: 0;
+}
+.mejs-controls .mejs-button button {
+  cursor: pointer;
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  text-decoration: none;
+  margin: 0px;
+  padding: 0;
+  position: absolute;
+  height: 50px;
+  width: 50px;
+  border: 0;
+  background: transparent url(img/controls.png) no-repeat;
+}
+.no-svg .mejs-controls .mejs-button button {
+  background-image: url(img/controls.png);
+}
+/* :focus for accessibility */
+.mejs-controls .mejs-button button:focus {
+  outline: solid 1px yellow;
+}
+/* End: CONTROL BAR */
+/* Start: Time (Current / Duration) */
+.mejs-container .mejs-controls .mejs-time {
+  color: #fff;
+  background-color: transparent;
+  display: block;
+  height: px;
+  width: auto;
+  padding: 8px 3px 0 3px ;
+  overflow: hidden;
+  text-align: center;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.mejs-container .mejs-controls .mejs-time span {
+  color: #fff;
+  font-size: 11px;
+  line-height: 12px;
+  display: block;
+  float: left;
+  margin: 1px 2px 0 0;
+  width: auto;
+}
+/* End: Time (Current / Duration) */
+/* Start: Play/Pause/Stop */
+.mejs-controls .mejs-play button {
+  background-position: 0 0;
+}
+.mejs-controls .mejs-pause button {
+  background-position: -50px 0px;
+}
+.mejs-controls .mejs-stop button {
+  background-position: -112px 0;
+}
+/* Start: Play/Pause/Stop */
+/* Start: Progress Bar */
+.mejs-controls div.mejs-time-rail {
+  direction: ltr;
+  width: 180px;
+  padding-top: 14px;
+  background-color: transparent;
+  padding-right: 10px;
+  padding-left: 10px;
+}
+.mejs-controls .mejs-time-rail span {
+  display: block;
+  position: absolute;
+  width: 180px;
+  height: 8px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.mejs-controls .mejs-time-rail .mejs-time-total {
+  margin: 8px;
+  background: black;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.mejs-controls .mejs-time-rail .mejs-time-buffering {
+  width: 100%;
+  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 15px 15px;
+  -moz-background-size: 15px 15px;
+  -o-background-size: 15px 15px;
+  background-size: 15px 15px;
+  -webkit-animation: buffering-stripes 2s linear infinite;
+  -moz-animation: buffering-stripes 2s linear infinite;
+  -ms-animation: buffering-stripes 2s linear infinite;
+  -o-animation: buffering-stripes 2s linear infinite;
+  animation: buffering-stripes 2s linear infinite;
+}
+@-webkit-keyframes buffering-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 30px 0;
+  }
+}
+@-moz-keyframes buffering-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 30px 0;
+  }
+}
+@-ms-keyframes buffering-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 30px 0;
+  }
+}
+@-o-keyframes buffering-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 30px 0;
+  }
+}
+@keyframes buffering-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 30px 0;
+  }
+}
+.mejs-controls .mejs-time-rail .mejs-time-loaded {
+  background: #5e6d81;
+  width: 0;
+}
+.mejs-controls .mejs-time-rail .mejs-time-current {
+  background: #fff;
+  display: none;
+  width: 0;
+}
+.mejs-controls .mejs-time-rail .mejs-time-handle {
+  position: absolute;
+  margin: 0;
+  width: 8px;
+  background: #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: center;
+}
+.mejs-controls .mejs-time-rail .mejs-time-float {
+  position: absolute;
+  display: none;
+  background: #eee;
+  width: 36px;
+  height: 17px;
+  border: solid 1px #333;
+  top: -26px;
+  margin-left: -18px;
+  text-align: center;
+  color: #111;
+}
+.mejs-controls .mejs-time-rail .mejs-time-float-current {
+  margin: 2px;
+  width: 30px;
+  display: block;
+  text-align: center;
+  left: 0;
+}
+.mejs-controls .mejs-time-rail .mejs-time-float-corner {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  line-height: 0;
+  border: solid 5px #eee;
+  border-color: #eee transparent transparent transparent;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  top: 15px;
+  left: 13px;
+}
+.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
+  width: 48px;
+}
+.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
+  width: 44px;
+}
+.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
+  left: 18px;
+}
+/*
+.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
+        visibility:visible;
+}
+*/
+/* End: Progress Bar */
+/* Start: Mute/Volume */
+.mejs-container .mejs-controls .mejs-volume-button {
+  background-color: transparent;
+}
+.mejs-container .mejs-controls .mejs-mute button {
+  background-position: -100px 0px;
+}
+.mejs-container .mejs-controls .mejs-unmute button {
+  background-position: -150px 0;
+}
+.mejs-container .mejs-controls .mejs-volume-button {
+  position: relative;
+}
+.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
+  display: none;
+  height: 115px;
+  width: 25px;
+  background: url(background.png);
+  background: rgba(50, 50, 50, 0.7);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  top: -115px;
+  left: 0;
+  z-index: 1;
+  position: absolute;
+  margin: 0;
+}
+.mejs-container .mejs-controls .mejs-volume-button:hover {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+/*
+.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
+        display: block;
+}
+*/
+.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
+  position: absolute;
+  left: 11px;
+  top: 8px;
+  width: 2px;
+  height: 100px;
+  background: #ddd;
+  background: rgba(255, 255, 255, 0.5);
+  margin: 0;
+}
+.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
+  position: absolute;
+  left: 11px;
+  top: 8px;
+  width: 2px;
+  height: 100px;
+  background: #ddd;
+  background: rgba(255, 255, 255, 0.9);
+  margin: 0;
+}
+.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
+  position: absolute;
+  left: 4px;
+  top: -3px;
+  width: 16px;
+  height: 6px;
+  background: #ddd;
+  background: rgba(255, 255, 255, 0.9);
+  cursor: N-resize;
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
+  border-radius: 1px;
+  margin: 0;
+}
+/* VOLUME horizontal version */
+.mejs-controls div.mejs-horizontal-volume-slider {
+  height: 26px;
+  width: 50px;
+  position: relative;
+  background-color: transparent;
+  margin-left: -1px;
+}
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
+  position: absolute;
+  left: 0;
+  top: 21px;
+  width: 40px;
+  height: 8px;
+  margin: 0;
+  padding: 0;
+  font-size: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: black;
+}
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+  position: absolute;
+  left: 0;
+  top: 21px;
+  width: 40px;
+  height: 8px;
+  margin: 0;
+  padding: 0;
+  font-size: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: #5e6d81;
+}
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
+  display: none;
+}
+/* End: Mute/Volume */
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+* {
+  padding: 0;
+  margin: 0;
+}
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_window {
+  color: #333333;
+}
+#TB_secondLine {
+  color: #666666;
+}
+#TB_window a:link {
+  color: #666666;
+}
+#TB_window a:visited {
+  color: #666666;
+}
+#TB_window a:hover {
+  color: #000;
+}
+#TB_window a:active {
+  color: #666666;
+}
+#TB_window a:focus {
+  color: #666666;
+}
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_overlay {
+  position: fixed;
+  z-index: 100;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 100%;
+}
+.TB_overlayMacFFBGHack {
+  background: url(macFFBgHack.png) repeat;
+}
+.TB_overlayBG {
+  background-color: #000;
+  filter: alpha(opacity=75);
+  -moz-opacity: 0.75;
+  opacity: 0.75;
+}
+#TB_window {
+  position: fixed;
+  background: #ffffff;
+  z-index: 102;
+  color: #000000;
+  text-align: left;
+  top: 50%;
+  left: 50%;
+  visibility: hidden;
+}
+#TB_window img#TB_Image {
+  display: block;
+  margin: 15px 0 0 15px;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  border-top: 1px solid #666;
+  border-left: 1px solid #666;
+}
+#TB_caption {
+  height: 25px;
+  padding: 7px 30px 10px 25px;
+  float: left;
+}
+#TB_closeWindow {
+  height: 25px;
+  padding: 11px 25px 10px 0;
+  float: right;
+}
+#TB_closeAjaxWindow {
+  padding: 7px 10px 5px 0;
+  margin-bottom: 1px;
+  text-align: right;
+  float: right;
+}
+#TB_ajaxWindowTitle {
+  float: left;
+  padding: 7px 0 5px 10px;
+  margin-bottom: 1px;
+}
+#TB_title {
+  background-color: #e8e8e8;
+  height: 27px;
+}
+#TB_ajaxContent {
+  clear: both;
+  padding: 2px 15px 15px 15px;
+  overflow: auto;
+  text-align: left;
+  line-height: 1.4em;
+}
+#TB_ajaxContent.TB_modal {
+  padding: 15px;
+}
+#TB_ajaxContent p {
+  padding: 5px 0px 5px 0px;
+}
+#TB_load {
+  position: fixed;
+  display: none;
+  height: 13px;
+  width: 208px;
+  z-index: 103;
+  top: 50%;
+  left: 50%;
+  margin: -6px 0 0 -104px;
+  /* -height/2 0 0 -width/2 */
+
+}
+#TB_HideSelect {
+  z-index: 99;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-color: #fff;
+  border: none;
+  filter: alpha(opacity=0);
+  -moz-opacity: 0;
+  opacity: 0;
+  height: 100%;
+  width: 100%;
+}
+#TB_iframeContent {
+  clear: both;
+  border: none;
+  margin-bottom: -1px;
+  margin-top: 1px;
+  _margin-bottom: 1px;
+}
+.mejs-clear {
+  clear: both;
+}
+.clear {
+  clear: both !important;
+  float: none !important;
+}
diff --git a/soundwalk.less b/soundwalk.less
new file mode 100644
index 0000000..04b67de
--- /dev/null
+++ b/soundwalk.less
@@ -0,0 +1,911 @@
+
+#walk-preview{
+  height: 600px;
+  width: 70%;
+}
+#walk-map{
+  height: 600px;
+}
+#markersMapWindow{
+  height: 495px;
+  width: 800px;
+  visibility: hidden;
+
+}
+#markersWrapper{
+  #markerInfo{
+    width: 280px;
+    height: 465px;
+    float: left;
+    padding-left: 20px;
+  }
+}
+
+h3.hndle{
+  margin-bottom: 0px;
+}
+
+textarea{
+  width: 100%;
+}
+
+.panel-left{
+  float: left;
+  width:60%;
+}
+.panel-right{
+  float:left;
+  width:40%;
+  .panel-wrap{
+    padding: 0 0 0 10px;
+  }
+}
+
+#markersMap{
+  height: 495px;
+  width: 500px;
+  float: left;
+}
+
+//TOOLBAR
+#editor-toolbar{
+  ul{list-style: none;}
+  ul li {
+    display: inline-block;
+    padding-right: 5px;
+    padding-left: 5px;
+  }
+
+  ul a{
+    display: block;
+    background-color: #f27935;
+    line-height: 20px;
+    text-align: center;
+    padding: 10px 15px;
+    color: white;
+    font-weight: bold;
+    text-decoration: none;
+    text-transform: uppercase;
+    box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+
+    -moz-border-radius-: 4px;
+    -webkit-border-radius:4px;
+    border-radius:4px;
+
+    &:hover{
+      background-color: #9ea7b3;
+    }
+  }
+  ul .selected a{background-color: #9ea7b3;}
+
+}
+
+.ui-tabs-nav{
+  li{
+    display: inline-block;
+    background-color: #dfdfdf;
+    border:1px solid #dedede;
+    padding: 12px;
+    border-bottom: 0;
+    margin-bottom: -1px;
+    margin-right: 10px;
+
+    &.ui-tabs-active {
+      background-color: white;
+    }
+
+    a{
+      line-height: 20px;
+      font-weight: bold;
+      text-transform: uppercase;
+      text-decoration: none;
+      color: black;
+    }
+  }
+
+}
+
+
+
+#marker-add-button{
+  padding-left: 20px;
+  display: none;
+  float: left;
+
+  button{
+    background-color: #f27935;
+    line-height: 20px;
+    text-align: center;
+    padding: 5px 15px;
+    color: white;
+    font-weight: bold;
+    text-decoration: none;
+    text-transform: uppercase;
+    box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+    width:280px;
+    -moz-border-radius-: 4px;
+    -webkit-border-radius:4px;
+    border-radius:4px;
+    cursor: pointer;
+    border: 0;
+
+  }
+}
+
+.box{
+  border:1px solid #dedede;
+  padding: 12px;
+  background-color: #fff;
+  box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+  -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
+  margin-top: 0px;
+}
+
+#editor-panels{
+  & > div{
+    float:left;
+  }
+  #walk-point-editor{
+    width: 30%;
+
+    .panel-separator{
+      margin: 0 10px 0 2px;
+      width: 1px;
+      background-color: #bbbbbb;
+      min-height: 600px;
+      float: left;
+
+    }
+  }
+  .editor-option{
+    margin: 10px 0px;
+  }
+
+  .panel-wrapper{
+    padding: 0 20px;
+  }
+
+  label{
+    display: block;
+    background-color: #323a45;
+    color:white;
+    font-weight: bold;
+    padding: 10px;
+
+    -moz-border-radius-topleft: 4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius:4px;
+    -webkit-border-top-right-radius:4px;
+    border-top-left-radius:4px;
+    border-top-right-radius:4px;
+
+  }
+  #toggle-tipos{
+    a{
+      background-image: url(img/tipos.png);
+    }
+    #tipo-once a{
+      background-position: 0 0;
+
+      &.selected-button{background-position: 0 -30px}
+    }
+    #tipo-loop a{
+      background-position: -50px 0;
+
+      &.selected-button{background-position: -15px -30px}
+    }
+    #tipo-end a{
+      background-position: -100px 0;
+
+      &.selected-button{background-position: -30px -30px}
+    }
+    #tipo-wifi a{
+      background-position: -150px 0;
+
+      &.selected-button{background-position: -45px -30px}
+    }
+    #tipo-layer a{
+      background-position: -200px 0;
+
+      &.selected-button{background-position: -60px -30px}
+    }
+  }
+
+}
+
+#soundwalk-messages{
+
+
+
+}
+
+#toogle-options{
+  a{
+    background-image: url(img/tipos.png);
+  }
+  #option-vibrate{
+    background-position: -250px 0;
+  }
+  #option-autofade{
+    background-position: -300px 0;
+  }
+}
+
+
+.toggle-control{
+  ul{
+    width: 100%;
+    margin-top: 0px;
+    background-color: #9ea7b3;
+    -moz-border-radius-bottomleft: 4px;
+    -moz-border-radius-bottomright:4px;
+    -webkit-border-bottom-left-radius:4px;
+    -webkit-border-bottom-right-radius:4px;
+    border-bottom-left-radius:4px;
+    border-bottom-right-radius:4px;
+    height: 50px;
+  }
+  li{
+    width: 50px;
+    height: 50px;
+    display: inline-block;
+    margin: 0;
+    &.first-leaf a{
+      -moz-border-radius-bottomleft: 4px;
+      -webkit-border-bottom-left-radius:4px;
+      border-bottom-left-radius:4px;
+    }
+  }
+  a{
+    overflow: hidden;
+    display:block;
+    width: 50px;
+    height: 50px;
+    text-indent: -9999px;
+
+    &:hover,
+    &.selected{
+      background-color: #14b9d6;
+    }
+
+
+  }
+
+}
+
+.layer-control{
+  ul{
+    width: 100%;
+    margin-top: 0px;
+    background-color: #9ea7b3;
+    -moz-border-radius-bottomleft: 4px;
+    -moz-border-radius-bottomright:4px;
+    -webkit-border-bottom-left-radius:4px;
+    -webkit-border-bottom-right-radius:4px;
+    border-bottom-left-radius:4px;
+    border-bottom-right-radius:4px;
+    height: 50px;
+  }
+  li{
+
+    height: 50px;
+    display: inline-block;
+    margin: 0;
+    width: 13%;
+    &.first-leaf a{
+      -moz-border-radius-bottomleft: 4px;
+      -webkit-border-bottom-left-radius:4px;
+      border-bottom-left-radius:4px;
+    }
+  }
+  a{
+    overflow: hidden;
+    display:block;
+    line-height: 50px;
+    text-align: center;
+    color:white;
+    font-weight: bold;
+    text-decoration: none;
+
+    &:hover,
+    &.selected{
+      background-color: #14b9d6;
+    }
+
+
+  }
+
+}
+
+.text-control{
+  width: 100%;
+  margin-top: 0px;
+  background-color: #9ea7b3;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright:4px;
+  -webkit-border-bottom-left-radius:4px;
+  -webkit-border-bottom-right-radius:4px;
+  border-bottom-left-radius:4px;
+  border-bottom-right-radius:4px;
+  height: 50px;
+  .text-control-wrapper{
+    padding:15px 21px;
+  }
+  input{
+    height: 20px;
+    width: 100%;
+    background-color: #9ea7b3;
+    color:white;
+    border: 0;
+    border-bottom: 1px solid #323a45;
+    box-shadow: none;
+    &:focus{
+      box-shadow: none;
+      border: 0;
+      border-bottom: 1px solid #323a45;
+      background-color: #14b9d6;
+    }
+  }
+}
+
+.slider-control{
+  width: 100%;
+  margin-top: 0px;
+  background-color: #9ea7b3;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright:4px;
+  -webkit-border-bottom-left-radius:4px;
+  -webkit-border-bottom-right-radius:4px;
+  border-bottom-left-radius:4px;
+  border-bottom-right-radius:4px;
+  height: 50px;
+  .slider-wrapper{
+    padding: 21px;
+  }
+  .ui-slider{
+    position:relative;
+    height: 8px;
+    background-color: #323a45;
+    -moz-border-radius: 4px;
+    -webkit-border-radius:4px;
+    border-radius:4px;
+
+    .ui-slider-handle{
+      position: absolute;
+      z-index: 2;
+      width: 8px;
+      height: 8px;
+      cursor: default;
+      -moz-border-radius: 4px;
+      -webkit-border-radius:4px;
+      border-radius:4px;
+      background-color: white;
+
+    }
+
+  }
+
+}
+
+
+//PLAYER
+
+.mejs-container{
+  background-color: #323a45;
+  -moz-border-radius:4px;
+  -webkit-border-radius: 4px;
+  border-radius:4px;
+  position: relative;
+  text-align: left;
+  vertical-align: top;
+  text-indent: 0;
+
+  .mejs-mediaelement {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+}
+
+/* Start: CONTROL BAR */
+.mejs-container .mejs-controls {
+  position: absolute;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  bottom: 0;
+  left: 0;
+  height: 50px;
+  width: 100%;
+}
+.mejs-container .mejs-controls  div {
+  list-style-type: none;
+  background-image: none;
+  background-color: #202226;
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-bottomleft:4px;
+  -webkit-border-top-left-radius:4px;
+  -webkit-border-bottom-left-radius:4px;
+  border-top-left-radius:4px;
+  border-bottom-left-radius:4px;
+  display: block;
+  float: left;
+  margin: 0;
+  padding: 0;
+  width: 50px;
+  height: 50px;
+  font-size: 11px;
+  line-height: 11px;
+  border: 0;
+}
+
+.mejs-controls .mejs-button button {
+  cursor: pointer;
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  text-decoration: none;
+  margin: 0px;
+  padding: 0;
+  position: absolute;
+  height: 50px;
+  width: 50px;
+  border: 0;
+  background: transparent url(img/controls.png) no-repeat;
+}
+
+.no-svg .mejs-controls .mejs-button button {
+  background-image: url(img/controls.png);
+}
+
+/* :focus for accessibility */
+.mejs-controls .mejs-button button:focus {
+  outline: solid 1px yellow;
+}
+
+/* End: CONTROL BAR */
+
+/* Start: Time (Current / Duration) */
+.mejs-container .mejs-controls .mejs-time {
+  color: #fff;
+  background-color: transparent;
+  display: block;
+  height: px;
+  width: auto;
+  padding: 8px 3px 0 3px ;
+  overflow: hidden;
+  text-align: center;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+.mejs-container .mejs-controls .mejs-time span {
+  color: #fff;
+  font-size: 11px;
+  line-height: 12px;
+  display: block;
+  float: left;
+  margin: 1px 2px 0 0;
+  width: auto;
+}
+/* End: Time (Current / Duration) */
+
+/* Start: Play/Pause/Stop */
+.mejs-controls .mejs-play button {
+  background-position: 0 0;
+}
+
+.mejs-controls .mejs-pause button {
+  background-position: -50px 0px;
+}
+
+.mejs-controls .mejs-stop button {
+  background-position: -112px 0;
+}
+/* Start: Play/Pause/Stop */
+
+/* Start: Progress Bar */
+.mejs-controls div.mejs-time-rail {
+  direction: ltr;
+  width: 180px;
+  padding-top: 14px;
+  background-color: transparent;
+  padding-right: 10px;
+  padding-left: 10px;
+}
+
+.mejs-controls .mejs-time-rail span {
+  display: block;
+  position: absolute;
+  width: 180px;
+  height: 8px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-total {
+  margin: 8px;
+  background: black;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-buffering {
+  width: 100%;
+  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 15px 15px;
+  -moz-background-size: 15px 15px;
+  -o-background-size: 15px 15px;
+  background-size: 15px 15px;
+  -webkit-animation: buffering-stripes 2s linear infinite;
+  -moz-animation: buffering-stripes 2s linear infinite;
+  -ms-animation: buffering-stripes 2s linear infinite;
+  -o-animation: buffering-stripes 2s linear infinite;
+  animation: buffering-stripes 2s linear infinite;
+}
+
+@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
+@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
+@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
+@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
+@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
+
+.mejs-controls .mejs-time-rail .mejs-time-loaded {
+  background: #5e6d81;
+  width: 0;
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-current {
+  background: #fff;
+  display: none;
+  width: 0;
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-handle {
+  position: absolute;
+  margin: 0;
+  width: 8px;
+  background: #fff;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius:4px;
+  cursor: pointer;
+  text-align: center;
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-float {
+  position: absolute;
+  display: none;
+  background: #eee;
+  width: 36px;
+  height: 17px;
+  border: solid 1px #333;
+  top: -26px;
+  margin-left: -18px;
+  text-align: center;
+  color: #111;
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-float-current {
+  margin: 2px;
+  width: 30px;
+  display: block;
+  text-align: center;
+  left: 0;
+}
+
+.mejs-controls .mejs-time-rail .mejs-time-float-corner {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  line-height: 0;
+  border: solid 5px #eee;
+  border-color: #eee transparent transparent transparent;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  top: 15px;
+  left: 13px;
+}
+
+.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
+  width: 48px;
+}
+
+.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
+  width: 44px;
+}
+
+.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
+  left: 18px;
+}
+
+/*
+.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
+        visibility:visible;
+}
+*/
+/* End: Progress Bar */
+/* Start: Mute/Volume */
+.mejs-container .mejs-controls .mejs-volume-button {
+  background-color:transparent;
+}
+
+.mejs-container .mejs-controls .mejs-mute button {
+  background-position: -100px 0px;
+}
+
+.mejs-container .mejs-controls .mejs-unmute button {
+  background-position: -150px 0;
+}
+
+.mejs-container .mejs-controls .mejs-volume-button {
+  position: relative;
+}
+
+.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider {
+  display: none;
+  height: 115px;
+  width: 25px;
+  background: url(background.png);
+  background: rgba(50, 50, 50, 0.7);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  top: -115px;
+  left: 0;
+  z-index: 1;
+  position: absolute;
+  margin: 0;
+}
+
+.mejs-container .mejs-controls .mejs-volume-button:hover {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+
+/*
+.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
+        display: block;
+}
+*/
+
+.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
+  position: absolute;
+  left: 11px;
+  top: 8px;
+  width: 2px;
+  height: 100px;
+  background: #ddd;
+  background: rgba(255, 255, 255, 0.5);
+  margin: 0;
+}
+
+.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
+  position: absolute;
+  left: 11px;
+  top: 8px;
+  width: 2px;
+  height: 100px;
+  background: #ddd;
+  background: rgba(255, 255, 255, 0.9);
+  margin: 0;
+}
+
+.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
+  position: absolute;
+  left: 4px;
+  top: -3px;
+  width: 16px;
+  height: 6px;
+  background: #ddd;
+  background: rgba(255, 255, 255, 0.9);
+  cursor: N-resize;
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
+  border-radius: 1px;
+  margin: 0;
+}
+/* VOLUME horizontal version */
+.mejs-controls div.mejs-horizontal-volume-slider {
+  height: 26px;
+  width: 50px;
+  position: relative;
+  background-color: transparent;
+  margin-left: -1px;
+}
+
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
+  position: absolute;
+  left: 0;
+  top: 21px;
+  width: 40px;
+  height: 8px;
+  margin: 0;
+  padding: 0;
+  font-size: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: black;
+}
+
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+  position: absolute;
+  left: 0;
+  top: 21px;
+  width: 40px;
+  height: 8px;
+  margin: 0;
+  padding: 0;
+  font-size: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background: #5e6d81;
+
+}
+
+.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
+  display: none;
+}
+
+/* End: Mute/Volume */
+
+
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+*{padding: 0; margin: 0;}
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_window {
+
+  color: #333333;
+}
+#TB_secondLine {
+
+  color:#666666;
+}
+#TB_window a:link {color: #666666;}
+#TB_window a:visited {color: #666666;}
+#TB_window a:hover {color: #000;}
+#TB_window a:active {color: #666666;}
+#TB_window a:focus{color: #666666;}
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_overlay {
+  position: fixed;
+  z-index:100;
+  top: 0px;
+  left: 0px;
+  height:100%;
+  width:100%;
+}
+.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
+.TB_overlayBG {
+  background-color:#000;
+  filter:alpha(opacity=75);
+  -moz-opacity: 0.75;
+  opacity: 0.75;
+}
+
+#TB_window {
+  position: fixed;
+  background: #ffffff;
+  z-index: 102;
+  color:#000000;
+  text-align:left;
+  top:50%;
+  left:50%;
+  visibility: hidden;
+}
+
+#TB_window img#TB_Image {
+  display:block;
+  margin: 15px 0 0 15px;
+  border-right: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  border-top: 1px solid #666;
+  border-left: 1px solid #666;
+}
+#TB_caption{
+  height:25px;
+  padding:7px 30px 10px 25px;
+  float:left;
+}
+#TB_closeWindow{
+  height:25px;
+  padding:11px 25px 10px 0;
+  float:right;
+}
+#TB_closeAjaxWindow{
+  padding:7px 10px 5px 0;
+  margin-bottom:1px;
+  text-align:right;
+  float:right;
+}
+#TB_ajaxWindowTitle{
+  float:left;
+  padding:7px 0 5px 10px;
+  margin-bottom:1px;
+}
+#TB_title{
+  background-color:#e8e8e8;
+  height:27px;
+}
+#TB_ajaxContent{
+  clear:both;
+  padding:2px 15px 15px 15px;
+  overflow:auto;
+  text-align:left;
+  line-height:1.4em;
+}
+#TB_ajaxContent.TB_modal{
+  padding:15px;
+}
+#TB_ajaxContent p{
+  padding:5px 0px 5px 0px;
+}
+#TB_load{
+  position: fixed;
+  display:none;
+  height:13px;
+  width:208px;
+  z-index:103;
+  top: 50%;
+  left: 50%;
+  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
+}
+
+#TB_HideSelect{
+  z-index:99;
+  position:fixed;
+  top: 0;
+  left: 0;
+  background-color:#fff;
+  border:none;
+  filter:alpha(opacity=0);
+  -moz-opacity: 0;
+  opacity: 0;
+  height:100%;
+  width:100%;
+}
+
+#TB_iframeContent{
+  clear:both;
+  border:none;
+  margin-bottom:-1px;
+  margin-top:1px;
+  _margin-bottom:1px;
+}
+
+
+.mejs-clear {
+  clear: both;
+}
+
+.clear{
+  clear:both !important;
+  float: none !important;
+}
\ No newline at end of file
diff --git a/soundwalk.php b/soundwalk.php
new file mode 100644
index 0000000..7f0949f
--- /dev/null
+++ b/soundwalk.php
@@ -0,0 +1,253 @@
+<?php
+/*
+Plugin Name: Soundwalk Web Interface
+Plugin URI: http://www.audio-lab.org
+Description: Plugin para la gesti?n de audioguias basado en el software Areago.
+Version: 1.0
+Author: Xavier Balderas
+Author URI: http://www.audio-lab.org
+License: GPL2
+*/
+
+require_once (dirname( __FILE__ ) . '/libs/db_helper.php');
+require_once (dirname( __FILE__ ) . '/libs/classes.php');
+
+if (!class_exists('SoundWalk')){
+
+    class SoundWalk{
+
+        function init (){
+            add_image_size('soundwalk_picture', 512, 512, true);
+        }// init
+
+        function generate_rewrite_rules(){
+
+            global $wp_rewrite;
+            $newrules = array();
+            $newrules['soundwalk/listado'] = 'wp-content/plugins/soundwalk/listado.php';
+            $newrules['soundwalk/descarga/(\d*)$'] = 'wp-content/plugins/soundwalk/descarga.php?paseo=$1';
+            $wp_rewrite->non_wp_rules = $newrules + $wp_rewrite->non_wp_rules;
+
+        }//generate_rewrite_rules
+
+        function register_actions(){
+            add_action('admin_menu',array($this, 'admin_menu'));
+            add_action('wp_ajax_save-walk',array($this,'save_walk'));
+            add_action('wp_ajax_get-walk',array($this,'get_walk'));
+            /*
+            add_action('wp_ajax_areago_file_uploaded',array($this,'areago_ajax_file_uploaded'));
+            add_filter('media_send_to_editor', array($this, 'areago_media_send_to_editor'), 50, 3);
+            add_filter('upload_mimes', array($this,'areago_custom_upload_mimes')); */
+        } //register_actions
+
+
+        function get_walk(){
+            if (!isset($_POST['id'])){
+                wp_send_json_error("ID not available");
+            }
+            $db_helper = new Soundwalk_DB_Helper();
+            $w = $db_helper->get_walk($_POST['id']);
+            $r = array(
+                'points' => $w->points,
+                'info' => array(
+                    'title' => $w->name,
+                    'description' => $w->description,
+                    'language' => $w->language,
+                    'fID' => $w->pic_id,
+                    'fileName' => wp_get_attachment_thumb_url( $w->pic_id ),
+                ),
+                'id' => $_POST['id']
+            );
+            wp_send_json_success($r);
+        }
+
+
+        function save_walk(){
+
+            if (!isset($_POST['data'])){
+                wp_send_json_error("Data not available");
+            }
+
+            $data = json_decode(stripslashes($_POST['data']));
+            $up = (isset($_POST['id']))? true : false;
+            $db_helper = new Soundwalk_DB_Helper();
+            $id = $db_helper->save_walk($data, $up);
+
+            if ($id === FALSE)
+                wp_send_json_error("Error al guardar el paseo");
+
+            $file_helper = new Soundwalk_File_Helper();
+            $created = $file_helper->createFolder($id);
+
+            if (!$created)
+                wp_send_json_error("Error en la carpeta");
+
+            $zip_helper = new Soundwalk_ZIP();
+            $result = $zip_helper->create_zip($id);
+            if ($result)
+                wp_send_json_success(array('id'=>$id));
+
+            wp_send_json_error("Error ZIP");
+
+        }
+
+        function admin_menu(){
+            add_menu_page( 'List Walks', 'SoundWalks', 'manage_options', 'soundwalk-manage', array($this,'menu_page_callback'));
+            add_submenu_page( "soundwalk-manage", "Add walk", "Add walk", 'manage_options', 'soundwalk-manage-add', array($this, 'manage_add') );
+            add_action('admin_enqueue_scripts', array($this, 'admin_enqueue_scripts'));
+
+        }// admin_menu
+
+        function admin_enqueue_scripts($hook){
+
+            if ($hook=='soundwalks_page_soundwalk-manage-add') {
+                //Styles and scripts for the add/edit page.
+                wp_enqueue_script('wp-util');
+                wp_enqueue_script('jquery');
+                wp_enqueue_script('jquery-ui-tabs');
+                wp_enqueue_script('jquery-ui-slider');
+                wp_enqueue_script('thickbox');
+                wp_enqueue_script('underscore');
+                wp_enqueue_script('backbone');
+                wp_enqueue_media();
+                wp_deregister_script('mediaelement');
+                wp_register_script('mediaelement', plugins_url('js/mediaelement-and-player.min.js', __FILE__), array('jquery'), '2.13.1');
+                wp_enqueue_script('wp-mediaelement');
+                wp_enqueue_script('leafletjs','http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js',array(),'0.6.4',TRUE); // add Leaflet.js
+                wp_enqueue_script('soundwalk_models', plugins_url('js/models.js', __FILE__), array(), '0.1', TRUE);
+                wp_enqueue_script('soundwalk_views', plugins_url('js/views.js', __FILE__), array('soundwalk_models'), '0.1', TRUE);
+                wp_enqueue_script('soundwalk_app', plugins_url('js/app.js', __FILE__), array('soundwalk_views', 'leafletjs', 'backbone', 'underscore', 'jquery'), '0.1', TRUE);
+                wp_enqueue_style('leafletcss','http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css',array(),'0.6.4','all'); // add CSS Leaflet
+                wp_enqueue_style('soundwalk_app_css',plugins_url('soundwalk.css', __FILE__),array(),'0.1','all'); // add CSS Soundwalk app
+                global $soundmap;
+								$params = array();
+								if (isset($soundmap)) :
+                $params += $soundmap->config['origin'];
+                $params['mapType'] = $soundmap->config['mapType'];
+
+                if (isset($_GET['walk']) && isset($_GET['action'])){
+                    if($_GET['action'] = "edit"){
+                        $params['edit_Walk'] = $_GET['walk'];
+                    }
+								}
+								endif;
+
+                wp_localize_script('soundwalk_views','SoundwalkOptions',$params);
+
+            }
+        } //admin_enqueue_scripts
+
+        function manage_add(){
+
+            if (!current_user_can('manage_options'))  {
+                wp_die( __('You do not have sufficient permissions to access this page.') );
+            }
+
+            if (!class_exists('Soundmap_Helper')){
+
+                wp_die('Soundmap Plugin is needed');
+
+            }
+
+            if (isset($_GET['walk'])){
+
+
+
+            }
+
+
+            include_once (dirname( __FILE__ ) . '/admin.php');
+
+        }// manage_add
+
+        function menu_page_callback(){
+
+            remove_filter('admin_footer','qtrans_modifyExcerpt'); // resuelve problema con qtranslate.
+
+            if (!current_user_can('manage_options'))  {
+                wp_die( __('You do not have sufficient permissions to access this page.') );
+            }
+
+            if( isset($_GET[ 'action' ]) && $_GET[ 'action' ] == 'delete' ) {
+                //Tenemos datos, por lo que hay que guardarlos...
+                $id = $_GET['walk'];
+
+                $db_helper = new Soundwalk_DB_Helper();
+                $db_helper->delete_walk($id);
+            }
+
+            $table = new Soundwalk_Paseos_List_Table();
+            $table->prepare_items();
+            ?>
+            <div class="wrap">
+
+                <div id="icon-users" class="icon32"><br/></div>
+                <h2>Walks <a href="<?php echo sprintf('?page=%s&action=%s"',$_REQUEST['page'],'add')?>" class="add-new-h2">Add walk</a></h2>
+
+                <!-- Forms are NOT created automatically, so you need to wrap the table in one to use features like bulk actions -->
+                <form id="areago-lists" method="get">
+                    <style>
+                        #areago-lists #excerpt{
+                            width:auto;
+                        }
+                    </style>
+                    <!-- For plugins, we also need to ensure that the form posts back to our current page -->
+                    <input type="hidden" name="page" value="<?php echo $_REQUEST['page'] ?>" />
+                    <!-- Now we can render the completed list table -->
+                    <?php $table->display() ?>
+
+
+                </form>
+
+            </div>
+            <?php
+
+
+
+
+            // verify this came from the our screen and with proper authorization,
+            // because save_post can be triggered at other times
+            /*if (isset($_POST['soundmap_op_noncename'])){
+                if ( !wp_verify_nonce( $_POST['soundmap_op_noncename'], plugin_basename( __FILE__ ) ) )
+                    return;
+                _soundmap_save_options();
+            }*/
+        }// menu_page_callback
+
+
+    }// End class
+
+}// endif
+
+
+$soundwalk = new SoundWalk();
+$soundwalk->register_actions();
+
+register_activation_hook( __FILE__, 'soundwalk_install' );
+
+
+
+function soundwalk_install(){
+
+    global $wp_rewrite;
+    $newrules = array();
+    $newrules['soundwalk/listado'] = 'wp-content/plugins/soundwalk/listado.php';
+    $newrules['soundwalk/descarga/(\d*)$'] = 'wp-content/plugins/soundwalk/descarga.php?paseo=$1';
+    $wp_rewrite->non_wp_rules = $newrules + $wp_rewrite->non_wp_rules;
+
+    flush_rewrite_rules(true);
+
+    //Install the db.
+    $db_helper = new Soundwalk_DB_Helper();
+    $db_helper->install();
+
+
+    $file_helper = new Soundwalk_File_Helper();
+    $fileOK = $file_helper->check();
+
+}// areago_install
+
+
+
+add_action("init", array($soundwalk , "init"));
+add_filter( 'generate_rewrite_rules',array($soundwalk, 'generate_rewrite_rules' ));