diff --git a/css/basicvideo.css b/css/basicvideo.css
new file mode 100755
index 0000000..05f25fb
--- /dev/null
+++ b/css/basicvideo.css
@@ -0,0 +1,76 @@
+.movietile{
+
+ height: 330px;
+ width: 200px;
+ float: left;
+ margin: 10px;
+ background-color: #F0F0F0;
+ position: relative;
+
+ cursor: pointer;
+ border-radius: 25px;
+
+
+}
+
+.movietile:hover{
+ opacity: 0.7;
+}
+
+.movietile-text{
+ position: absolute;
+ text-align: center; /* todo doesnt work */
+ bottom: 0;
+}
+
+.movietile-thumbnail{
+ height: 300px;
+ border-radius: 25px;
+}
+
+#moviespace{
+
+}
+
+#moviespace-video{
+ max-width: 100%;
+ max-height: 100%;
+ width: 100%;
+ height: 100%;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.hideit{
+ display: none;
+}
+
+.moviespace-heading{
+ float: left;
+ margin-left: 20px;
+ margin-top: 20px;
+}
+
+.moviespace-backbutton{
+ float: left;
+ cursor: pointer;
+ color: white;
+ background-color: #404D5E;
+ border: none;
+ transition: all 0.2s ease-in-out;
+ width: 20%;
+ height: 40px;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+.moviespace-backbutton:hover{
+ background: #E0B612;
+ color: white;
+
+}
+
+.btnloadmore{
+ /* position: absolute;
+ bottom:0%; */
+}
diff --git a/css/index__2.css b/css/index__2.css
new file mode 100755
index 0000000..992edcb
--- /dev/null
+++ b/css/index__2.css
@@ -0,0 +1,6 @@
+#thevideo {
+ max-width: 100%;
+ max-height: 100%;
+ display: inline-block;
+ vertical-align: middle;
+}
diff --git a/css/login.css b/css/login.css
new file mode 100755
index 0000000..97d0329
--- /dev/null
+++ b/css/login.css
@@ -0,0 +1,3 @@
+.hideit{
+ display: none;
+}
diff --git a/css/movies.css b/css/movies.css
new file mode 100755
index 0000000..e69de29
diff --git a/css/series.css b/css/series.css
new file mode 100755
index 0000000..8b13789
--- /dev/null
+++ b/css/series.css
@@ -0,0 +1 @@
+
diff --git a/index.php b/index.php
new file mode 100755
index 0000000..fbca19a
--- /dev/null
+++ b/index.php
@@ -0,0 +1,37 @@
+
+
+
+
+
Lukis Filme
+
Bitte Passwort eingeben:
+
+ Achtung! Du hast scheinbar das falsche Passwort eingegeben.
+
+
+
+
+
+
diff --git a/js/login.js b/js/login.js
new file mode 100755
index 0000000..e9eed16
--- /dev/null
+++ b/js/login.js
@@ -0,0 +1,27 @@
+$(document).ready(function() {
+ $("#myform").submit(function(event) {
+ event.preventDefault();
+ // console.log($("#myform").serialize());
+ checkpasswd($("#myform").serialize());
+ //
+ });
+});
+
+function checkpasswd(data) {
+ // console.log(data);
+ $.post('php/checkpasswd.php', data, function(retdata){
+ if (retdata.valid == true) {
+ //successfully logged in
+ sessionStorage.LAST_ACTIVITY = Math.round(new Date().getTime() / 1000);
+ document.cookie = "LAST_ACTIVITY="+Math.round(new Date().getTime() / 1000);
+ window.location ="movies.php";
+ return true;
+ }else {
+ $(".mypassalert").show();
+
+ setTimeout(function () {
+ $(".mypassalert").hide();
+ }, 2000);
+ }
+ },'json');
+}
diff --git a/js/movies.js b/js/movies.js
new file mode 100755
index 0000000..89ce288
--- /dev/null
+++ b/js/movies.js
@@ -0,0 +1,94 @@
+//global variables:
+var loadedVideos =0;
+var allmovies = null;
+var tempmovies = [];
+
+var tempscrollposition = null;
+
+
+$(document).ready(function() {
+ $.post('php/db/getmoviefromdb.php','action=all',function(data){
+ //console.log(data);
+ allmovies = data;
+ tempmovies = allmovies.data;
+
+ loadNewPreviews(20);
+ },'json');
+
+ $(window).scroll(function() {
+ if($(window).scrollTop() + $(window).height() == $(document).height()) {
+ loadNewPreviews(10);
+ console.log("loadnew");
+ }
+ });
+
+ $('.moviespace-backbutton').click(function() {
+ $('#moviespace').hide();
+ $('.moviespace-videospace').html("");
+ $('.movielist').show();
+ $(window).scrollTop(tempscrollposition);
+ });
+
+ $("#moviesearch-form").submit(false);
+
+ $("#moviesearch").change(function(event) {
+ console.log("change...");
+ search();
+
+ });
+
+ $('#moviesearch-button').click(function(event) {
+ search();
+ });
+
+ $('.btnloadmore').click(function() {
+ loadNewPreviews(10);
+ });
+});
+
+function search() {
+ $(".movielist").html("");
+ tempmovies = [];
+ loadedVideos = 0;
+ for (var i in allmovies.data) {
+ if(allmovies.data[i].name.toUpperCase().includes($("#moviesearch").val().toUpperCase())){
+ tempmovies.push(allmovies.data[i]);
+ }
+ }
+ console.log(tempmovies.length);
+ if(tempmovies.length < 15){
+ loadNewPreviews(tempmovies.length);
+ }else{
+ loadNewPreviews(15);
+ }
+
+}
+
+function loadNewPreviews(number) {
+ for (var i = 0; i < number; i++) {
+ if (loadedVideos < tempmovies.length) { //maybe TODO
+ loadMoviePreview(tempmovies[loadedVideos]);
+
+ loadedVideos++;
+ }
+ }
+}
+
+function loadMoviePreview(data) {
+ var preview = $("