Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>henss videoweb v0.5</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
      .container {
        max-width: 1000px;
        padding-top: 75px;
      }
	  .loopvahe {
		max-width: 1000px;
		padding-top: 25px;
	  }
	  .unclicked {
		max-width:1000px;
		}
    </style>
  </head>
  <body>
  <script type="text/javascript">
  function clickedId(asd)
  {
   var number = asd.substr(8);
   console.log(number);
   return number;
  }
  function changeImage(asd)
  {
   document.getElementById("jsbutton" + clickedId(asd)).src = "{{ url_for("static", filename="button2.png")}}";
   return true;
  }
  function changeImageBack(asd)
  {
   document.getElementById("jsbutton" + clickedId(asd)).src = "{{ url_for("static", filename="button1.png")}}";
   return true;
  }
  function hideVideo(asd)
  {
   var x = document.getElementById("ytvideo" + clickedId(asd)).style.display;
   if (x == "none") {
   document.getElementById("ytvideo" + clickedId(asd)).style.display="";
   }
   else {
   document.getElementById("ytvideo" + clickedId(asd)).style.display="none";
   }
   return true;
  }
  </script>
    <div class="container">
      <p>{{my_string}}</p>
      <ul>
        {% for n in my_list %}
		<div class="loopvahe">
        <li><a href="{{ my_links[loop.index0] }}">{{n}}</a></li>
		<a href="#" id="jbbutton{{loop.index0}}" onClick="return hideVideo(this.id)" onMouseOver="return clickedId(this.id); return changeImage(this.id)" onMouseOut= "return changeImageBack(this.id)"><img id="jsbutton{{loop.index0}}" src="{{ url_for("static", filename="button1.png")}}" width="40" height="38" border="0" alt="javascript button"></a>
		<object id="ytvideo{{loop.index0}}" width="425" height="350">
  <param name="movie" value="http://www.youtube.com/v/{{videoID[loop.index0]}}"" />
  <param name="wmode" value="transparent" />
  <embed src="http://www.youtube.com/v/{{videoID[loop.index0]}}"
         type="application/html5"
         wmode="transparent" width="425" height="350" />
		</object>
		</div>
        {% endfor %}
      </ul>
    </div>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  </body>
</html>