From 377a35fc9140c5e823927a6ab03c35f88bfffa1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kasper@kasperrt.no>
Date: Fri, 8 Aug 2014 17:17:31 +0200
Subject: [PATCH] good

---
 index.php | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 99 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index d505fe5a..64b9b883 100644
--- a/index.php
+++ b/index.php
@@ -17,13 +17,108 @@
 			</form>
 		</div>
 		   
-       <?php include 'vidhandling.php'; ?>
+       <div id="ytapiplayer">
+	You need Flash player 8+ and JavaScript enabled to view this video :(
+</div>
+<script type="text/javascript" src="static/swfobject.js"></script>    
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+<script>
+    /**
+    TODO:
+    -legge til timer når man trykker pause for at når man "unpauser", går den dit den ville vært, hvis videoen ville blitt ferdig, load en ny video men ha den på pause
+    -legge til tid når en video ble påbegynt, for at hvis folk joiner midt i en video, hopper den dit
+    */
+
+    /**
+
+    Fetcher sangen som spilles fra JSON filen				
+
+    */
+
+    var response = $.ajax({ type: "GET",   
+	    url: "videos.json",   
+	    async: false
+    }).responseText;
+
+    var url = $.parseJSON(response);
+    response = url[0];
+
+    /**
+
+    Legger sangen inn i <div>en, via swfobject
+
+    */
+    var params = { allowScriptAccess: "always"};
+    var atts = { id: "myytplayer" };
+    swfobject.embedSWF("http://www.youtube.com/v/"+response+"?enablejsapi=1&playerapiid=ytplayer&version=3&controls=1&iv_load_policy=3",
+	    "ytapiplayer", "825", "462", "8", null, null, params, atts);
+
+    /**
+    eventlistener for når playeren endres
+    */
+
+    function onytplayerStateChange(newState) {
+	    if(newState == 0) //newState = 0 når videoen er ferdig
+	    {
+		    $.ajax({		//snutt for å kjøre save.php som lagrer til jsonfilen neste sang og denne sangen. Endrer rekkefølge altså.
+			    type: "POST",
+			    url: "save.php",
+			    data: "thisUrl="+response,
+			
+			    success: function() {
+				    console.log("saved");
+			    }
+		    });
+
+		    setTimeout(function(){	//har en timeout for at den skal klare å fetche hva den neste sangen er etter at save.php har endret på ting
+			    response = $.ajax({ type: "GET",   
+				    url: "videos.json",   
+				    async: false
+			    }).responseText;
+			    var url = $.parseJSON(response);
+			    response = url[0];
+			
+			    ytplayer.loadVideoById(response);
+		    },100);
+	    }
+    }
+
+    function errorHandler(newState)		//errorhandler. Fjerner urlen til en "dårlig" video og går til neste
+    {
+	    $.ajax({
+		    type: "POST",
+		    url: "delete.php",
+		    data: "thisUrl="+response,
+		
+		    success: function() {
+			    console.log("deleted");
+		    }
+	    });
+
+	    setTimeout(function(){
+		    response = $.ajax({ type: "GET",   
+			    url: "videos.json",   
+			    async: false
+		    }).responseText;
+		    var url = $.parseJSON(response);
+		    response = url[0];
+		
+		    ytplayer.loadVideoById(response);
+	    },100);
+    }
+
+    function onYouTubePlayerReady(playerId) {	//funksjon som kjøres når playeren er klar
+	    ytplayer = document.getElementById("myytplayer");
+	      ytplayer.addEventListener("onStateChange", "onytplayerStateChange");	//eventlistenere
+	      ytplayer.addEventListener("onError", "errorHandler");
+	      //ytplayer.seekTo(ytplayer.getDuration()-10);
+	      ytplayer.setVolume(100);
+	      ytplayer.playVideo();
+	    }
+</script>
 		
 		<br>
 		<?php print_r($data); ?>
 	</div>
-	<script>
-		$(document).ready(function(){  }) 
-	</script>
 </body>
 </html>
\ No newline at end of file