From f85c6bbfe0aeb6e43b5fa66a21a40e04045cee9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?= <kassto2@hotmail.com>
Date: Thu, 12 Feb 2015 22:45:06 +0100
Subject: [PATCH] Loading bg before transitioning

---
 js/youtube.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/js/youtube.js b/js/youtube.js
index bb3aee26..d987803b 100755
--- a/js/youtube.js
+++ b/js/youtube.js
@@ -366,11 +366,17 @@ function setBGimage(id){
 	{
 		$("#bgimage").css("background-image", "url(bg4.jpg);");
 	}else if(window.mozInnerScreenX == null && !window.mobilecheck()){
+		var bg = new Image();
+		bg.src = "http://img.youtube.com/vi/"+id+"/0.jpg";
 		$("#bgimage").addClass("noopacity");
-		setTimeout(function(){
-			$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+id+"/0.jpg)");
-			$("#bgimage").removeClass("noopacity");
-		}, 1000);
+		console.log(bg);
+		bg.addEventListener("load", function(){
+			setTimeout(function(){
+				$("#bgimage").css("background-image", "url("+bg.src+")");
+				//document.getElementById("bgimage").backgroundImage.src = bg.src;
+				$("#bgimage").removeClass("noopacity");
+			}, 1000);
+		});
 	}else if(window.mobilecheck()){
 		$("#mobile-banner").css("background-image", "url(http://img.youtube.com/vi/"+id+"/hqdefault.jpg)");
 		$("#mobile-banner").css("width",$(window).width());