From 06f51aa78a793e540b1b874f4979ce01009c91d6 Mon Sep 17 00:00:00 2001
From: James Moon <james.moon@sourcefabric.org>
Date: Mon, 9 May 2011 13:52:39 -0700
Subject: [PATCH] CC-2251: Show content window pop up is too big

The show content window size is detemined dynamically based on
browsers viewport size.

I'm not sure what the size should be. So I set width and height
as like following:

width = viewport width * 4/5
height = viewport height * 2/3

Ratio can be easily changed.
---
 .../public/js/airtime/schedule/schedule.js    | 34 +++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/airtime_mvc/public/js/airtime/schedule/schedule.js b/airtime_mvc/public/js/airtime/schedule/schedule.js
index 20c0321f8..a821412d9 100644
--- a/airtime_mvc/public/js/airtime/schedule/schedule.js
+++ b/airtime_mvc/public/js/airtime/schedule/schedule.js
@@ -208,12 +208,42 @@ function getId() {
 
 function buildContentDialog(json){
 	var dialog = $(json.dialog);
+	
+	var viewportwidth;
+	var viewportheight;
 
+	// the more standards compliant browsers (mozilla/netscape/opera/IE7) use
+	// window.innerWidth and window.innerHeight
+
+	if (typeof window.innerWidth != 'undefined') {
+		viewportwidth = window.innerWidth, viewportheight = window.innerHeight;
+	}
+
+	// IE6 in standards compliant mode (i.e. with a valid doctype as the first
+	// line in the document)
+
+	else if (typeof document.documentElement != 'undefined'
+			&& typeof document.documentElement.clientWidth != 'undefined'
+			&& document.documentElement.clientWidth != 0) {
+		viewportwidth = document.documentElement.clientWidth;
+		viewportheight = document.documentElement.clientHeight;
+	}
+
+	// older versions of IE
+
+	else {
+		viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
+		viewportheight = document.getElementsByTagName('body')[0].clientHeight;
+	}
+	
+	var height = viewportheight * 2/3;
+	var width = viewportwidth * 4/5;
+	
 	dialog.dialog({
 		autoOpen: false,
 		title: 'Show Contents',
-		width: 1100,
-		height: 500,
+		width: width,
+		height: height,
 		modal: true,
 		close: closeDialog,
 		buttons: {"Ok": function() {