From c0d37550d58a7d024fd0b224d701ab12d684a20e Mon Sep 17 00:00:00 2001
From: Sven Slootweg <jamsoftgamedev@gmail.com>
Date: Tue, 8 Oct 2013 16:08:51 +0200
Subject: [PATCH] Add focused window styles

---
 public_html/static/css/jsde.style.css | 29 +++++++++++++++++++++------
 public_html/static/js/jsde.js         |  4 ++++
 2 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/public_html/static/css/jsde.style.css b/public_html/static/css/jsde.style.css
index 1bd9d9f..654b1a0 100755
--- a/public_html/static/css/jsde.style.css
+++ b/public_html/static/css/jsde.style.css
@@ -80,17 +80,17 @@ div.window-styled div.window-title
 		linear,
 		left bottom,
 		left top,
-		color-stop(0, rgb(0,87,179)),
-		color-stop(1, rgb(0,153,255))
+		color-stop(0, rgb(16,44,73)),
+		color-stop(1, rgb(145,172,190))
 	);
 	background-image: -moz-linear-gradient(
 		center bottom,
-		rgb(0,87,179) 0%,
-		rgb(0,153,255) 100%
+		rgb(16,44,73) 0%,
+		rgb(145,172,190) 100%
 	);
 	
-	filter:alpha(opacity=85);
-	opacity:0.85;
+	filter:alpha(opacity=95);
+	opacity:0.95;
 }
 
 div.window-styled div.window-outer
@@ -100,6 +100,23 @@ div.window-styled div.window-outer
 	opacity:0.95;
 }
 
+div.window-focused.window-styled div.window-title
+{
+	background-image: -webkit-gradient(
+		linear,
+		left bottom,
+		left top,
+		color-stop(0, rgb(0,87,179)),
+		color-stop(1, rgb(0,153,255))
+	);
+	background-image: -moz-linear-gradient(
+		center bottom,
+		rgb(0,87,179) 0%,
+		rgb(0,153,255) 100%
+	);
+	filter:alpha(opacity=85);
+	opacity:0.85;
+}
 
 /* MDIWindow Styling | Dragging state */
 
diff --git a/public_html/static/js/jsde.js b/public_html/static/js/jsde.js
index e8f0df0..396759d 100755
--- a/public_html/static/js/jsde.js
+++ b/public_html/static/js/jsde.js
@@ -25,6 +25,7 @@ var drag_start = {x: 0, y: 0};
 var currently_resized_window = null;
 var currently_resizing = false;
 var resize_start = {x: 0, y: 0};
+var currently_focused_window = null;
 
 $(function(){
 	$("body").mousemove(_HandleMouseMove);
@@ -131,6 +132,9 @@ JsdeWindow.prototype.BringToForeground = function()
 	this.z = next_z_index;
 	$(this._outer).css({"z-index": next_z_index})
 	next_z_index++;
+	currently_focused_window = this;
+	$(".window-wrapper").removeClass("window-focused");
+	$(this._outer).addClass("window-focused");
 	return this;
 }