src/main/webapp/walldisplay.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    
	<title>Jenkins Wall Display</title>

	<link type="text/css" rel="stylesheet" media="all" href="walldisplay.css" />

	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="dateformat.js"></script>
	<script type="text/javascript" src="jquery-ui-1.8.16.js"></script>
	<script type="text/javascript" src='snowfall.jquery.js'></script>
	<script type="text/javascript" src="utils.js"></script>
    <script type="text/javascript" src="md5.js"></script>

	<script type="text/javascript">

		function getQueueDivs(jobWidth, jobHeight, queuePosition)
		{
			var queueDivs = new Array();

			var maxPerColumn = 3;
			var perColumn = queuePosition;
			if (perColumn > maxPerColumn)
			{
				perColumn = maxPerColumn;
			}

			var queueColumns = Math.ceil(queuePosition / perColumn);

			var maxQueueItems = maxQueuePositionToShow;
			if (queuePosition > maxQueueItems)
			{
				queuePosition = maxQueueItems;
			}

			var radius = Math.round(jobHeight / (maxPerColumn + 1));
			var increment = (jobHeight - perColumn * radius) / (perColumn + 1);

			var queueLeft = jobWidth - 2 * radius;

			for(queueColumn=0; queueColumn < queueColumns; queueColumn++)
			{
				var queueTop = increment;

				for (i=0; i < perColumn; i++)
				{
					if (queueDivs.length < queuePosition)
					{
						var queueDiv = $('<div />');
						queueDiv.css({
							"position": "absolute",
							"top": queueTop + "px",
							"left": queueLeft + "px",
							"height": radius + "px",
							"width": radius + "px",
							"border-radius": + Math.round(radius / 2) + "px",
							"-moz-border-radius": Math.round(radius / 2) + "px",
							"-webkit-border-radius": Math.round(radius / 2) + "px"
						});
						queueDiv.addClass("queued");
						queueDivs.push(queueDiv);
					}
					queueTop += increment + radius;
				}

				queueLeft -= increment + radius;
			}

			return queueDivs;
		}

		function updateWindowSizes()
		{
			clientWidth = $(window).width();
			clientHeight = $(window).height();

			if ($("#debug").length)
			{
				var now = new Date();
				$("#debug").css("height", (clientHeight - 80) + "px");
			}

			debug("clientHeight: " + clientHeight + ", clientWidth: " + clientWidth);
		}

		var cachedTextDimensions = new Array();
		function getTextDimensions(text, fontSize) {

			var cacheKey = text + fontSize;

			if (cachedTextDimensions[cacheKey] == null)
			{
				$("#TextDimensionDiv").html(text);
				$("#TextDimensionDiv").css("font-size", fontSize + "px");

				var dimension = {};
				dimension.width = $("#TextDimensionDiv")[0].clientWidth;
				dimension.height = $("#TextDimensionDiv")[0].clientHeight;
				cachedTextDimensions[cacheKey] = dimension;

			}

			return cachedTextDimensions[cacheKey];
		}

		function getJobDimensions(job, fontSize) {

			var textDimensions = getTextDimensions(getJobText(job, showBuildNumber, showDetails), fontSize);

			var dimension = {};
			dimension.width = textDimensions.width + 2 * jobPadding + 2 * jobBorderWidth;
			dimension.height = textDimensions.height + 2 * jobPadding + 2 * jobBorderWidth;

			return dimension;

		}

		function displayMessage(messageText, colorClass)
		{
			removeAllJobs();

			//height:' + (clientHeight - 4 * messageMargin) + '; width:' + (clientWidth - 4 * messageMargin) + ';'
			var messageMargin = 50;
			var positionStyle = 'position: absolute; padding: ' + messageMargin + 'px; left: ' + messageMargin + 'px; top: ' + messageMargin + 'px; width:' + (clientWidth - 4 * messageMargin) + ';';
			var divContent = '<div class="' + colorClass + '" style="' + positionStyle + '" id="Message">' + messageText + '</div>'


			if ($("#Message").length)
			{
				$("#Message").replaceWith(divContent);
			}
			else
			{
				$("body").prepend(divContent);
			}
		}


		function repaint()
		{
			if (updateError != null)
			{
				displayMessage(updateError, "message_error");
			}
			else if (jobsToDisplay.length == 0)
			{
				displayMessage("loading jobs...", "message_info");
			}
			else
			{
				removeMessage();

				if (!updateRunning["repaint"])
				{
					removeAllJobs();

					$.each(jobsToDisplay, function(index, oldJob) {
						if (typeof oldJob !== "undefined" && typeof oldJob.visited !== "undefined" && !oldJob.visited && !updateRunning[oldJob.name])
						{
							jobsToDisplay.remove(oldJob);
						}
					});


					var longestJob = getLongestJob(jobsToDisplay, showBuildNumber, showDetails);
					var maxFontSize = 0;

					for (var columnCount = 1; columnCount <= jobsToDisplay.length; columnCount++) {
						for (var fontSize = 10; fontSize <= 302; fontSize++) {

							var rowCount = Math.ceil(jobsToDisplay.length /  columnCount);

							var jobDimensions = getJobDimensions(longestJob, fontSize);

							var totalWidth = jobDimensions.width * columnCount + jobMargin * (columnCount-1);
							var totalHeight = jobDimensions.height * rowCount + jobMargin * (rowCount-1);

							if (totalWidth <= clientWidth && totalHeight <= clientHeight)
							{
								if (fontSize > maxFontSize)
								{
									maxFontSize = fontSize;
									rows = rowCount;
									columns = columnCount;
								}
							}
							else
							{
								break;
							}
						}
					}

					var left = jobMargin;
					var jobIndex = 0;
					var jobWidth = Math.round((clientWidth - (columns + 1) * jobMargin) / columns);
					var top = jobMargin;
					var jobHeight = Math.round((clientHeight - (rows + 1) * jobMargin) / rows);
					var textDimensions = getTextDimensions("YgGy", maxFontSize);

					for (var column = 0; column < columns; column++) {

						if (column == 0)
						{
							left = jobMargin;
						}
						else
						{
							left += jobWidth + jobMargin;
						}

						for (var row = 0; row < rows; row++) {

							if (row == 0)
							{
								top = jobMargin;
							}
							else
							{
								top += jobHeight + jobMargin;
							}

							if (jobIndex < jobsToDisplay.length)
							{
								var job = jobsToDisplay[jobIndex];
								var isBuilding = ( job.color.substr(-6) === "_anime" );
								var jobColor = job.color;

								if (job.color.substr(-6) === "_anime" )
								{
									jobColor = job.color.substr(0, job.color.length - 6);
								}

								var jobDimensions = getJobDimensions(job, maxFontSize);
								var claimedBorderWidth = 0;

								if (job.lastBuild && job.lastBuild.actions && isBuildClaimed(job.lastBuild.actions))
								{
									claimedBorderWidth = jobMargin;
								}

								var jobDimensionsStyle = { "width": jobWidth - 2 * claimedBorderWidth, "height": jobHeight - 2 * claimedBorderWidth };
								var jobPositionStyle = { "position": "absolute", "top": top, "left": left };

								var percentageDiv = $('<div />');;
								var jobOverdue = false;
								if (isBuilding && job.lastBuild != null && job.lastBuild.timestamp != null && job.lastSuccessfulBuild != null && job.lastSuccessfulBuild.duration != null)
								{
									var currentDuration = serverTime - job.lastBuild.timestamp;
									var percentage = currentDuration / (job.lastSuccessfulBuild.duration / 100);
									var percentageWidth = Math.round(jobWidth / 100 * percentage);

									if (percentageWidth > jobWidth)
									{
										percentageWidth = jobWidth;
										jobOverdue = true;
									}

									percentageDiv.css({
										"height": jobHeight + "px",
										"width": percentageWidth + "px",
										"left": "0px",
										"background-color": themes[theme][jobColor + "_building"],
										"top": Math.round((jobHeight - textDimensions.height) / 2) + "px"
									});
									percentageDiv.addClass("job");
								}

								var queueDivs = getQueueDivs(jobWidth, jobHeight, getBuildQueuePosition(job.name));

                        //- create the gravatar img ------------------------
                        if(!jobGravatarCache[job.name] || gravatarCounter[job.name] >= 5) {
                           var jobGravatar = $('<img />');
                           jobGravatar.attr('src', getGravatarUrl(job, showGravatar, Math.round(jobDimensions.height * 0.80)));
                           jobGravatar.css({
                                 "float": "left",
                                 "padding-top": Math.round((jobDimensions.height * 0.50) - (Math.round(jobDimensions.height * 0.40))),
                                 "padding-left": "5%" 
                           });

                           jobGravatarCache[job.name] = jobGravatar;
                           gravatarCounter[job.name] = 0;
                        } else {
                           gravatarCounter[job.name] = parseInt(gravatarCounter[job.name]) + 1;
                        }

								//- create the job content div ---------------------
								var jobContent = $('<div />');
								jobContent.css({
									"position": "absolute",
									"top": Math.round((jobHeight - textDimensions.height) / 2) + 'px'
								});
								jobContent.addClass("job_content");
								jobContent.css(jobDimensionsStyle);
								jobContent.text(getJobText(job, showBuildNumber, showDetails));

								//- create the job wrapper div ---------------------
								var jobWrapper = $('<div />').attr({
									"id": job.name
								});

								if (claimedBorderWidth > 0)
								{
									jobWrapper.css({
										"border": Math.round(jobMargin) +"px",
										"border-style": "solid",
										"border-color": themes[theme]["claimed_border"]
									});
								}

								jobWrapper.css({
									"font-size": (maxFontSize-1) + "px",
									"background-color": themes[theme][jobColor]
								});
								jobWrapper.css(jobPositionStyle);
								jobWrapper.css(jobDimensionsStyle);
								jobWrapper.addClass("job");
								jobWrapper.addClass("job_wrapper");

								//- assemble job divs ------------------------------
                        if(showGravatar) jobWrapper.append(jobGravatarCache[job.name]);
								jobWrapper.append(jobContent);
								jobWrapper.append(percentageDiv);
								$.each(queueDivs, function(index, queueDiv) {
									jobWrapper.append(queueDiv);
								});

								jobWrapper.click({ "job": job },function(eventData) {
									showJobinfo(eventData.data.job);
								});

								$("body").prepend(jobWrapper);

								jobIndex++;
							}
						}
					}
				}
			}
		}

		function removeAllJobs()
		{
			$(".job").remove();
		}

		function isBuildClaimed(actions)
		{
			claimed = false;

			$.each(actions, function(actionIndex, action) {

				if (action.claimed)
				{
					claimed =  true;
				}
			});

			return claimed;
		}

		function getJobs(jobNames)
		{
			updateRunning["repaint"] = true;
			$.each(jobsToDisplay, function(index, job) {
				job.visited = false;
			});
			updateRunning["repaint"] = false;

			$.each(jobNames, function(index, jobName) {
				if (!updateRunning[jobName])
				{
					debug("starting getting api for job '" + jobName + "'");
					updateRunning[jobName] = true;

					$.ajax({
						url: jenkinsUrl +  "/job/" + jobName + "/api/json",
						dataType: "json",
						data: {
							"tree": "property[wallDisplayName],name,color,lastBuild[number,timestamp,duration,actions[claimed,claimedBy,failCount,skipCount,totalCount],culprits[fullName,property[address]]],lastSuccessfulBuild[duration]"
						},
						success: function(job, textStatus, jqXHR) {
							debug("finished getting api for job '" + jobName + "'");

							var add = true;
							$.each(jobsToDisplay, function(index, oldJob) {
								if (oldJob.name == job.name)
								{
									job.visited = true;
									jobsToDisplay[index] = job;
									add = false;
								}

							});

							if(!showDisabledBuilds && job.color === 'disabled') {
								add = false;
							}

							var jobFilteredOut = false;
							// show all failed builds, but only show passing builds
							// in the date range the user specifies
							//
							// The times are approximate - we're not being totally precise,
							// so a day is considered the last 24 hours, a week the last
							// 7 days, and a month the last 31 days. It's just so the
							// build screen doesn't fill up with builds.
							if(job.color === "blue") {

								var timestamp = new Date().getTime();
								var ONE_DAY_MS = 86400000;
								var minTimestamp = 0;
								switch(buildRange) {
									case 'active today': // last 24 hours
										minTimestamp = timestamp - ONE_DAY_MS;
										break;
									case 'active this week':
										minTimestamp = timestamp - ONE_DAY_MS * 7;
										break;
									case 'active this month':
										minTimestamp = timestamp - ONE_DAY_MS * 31;
										break;
								}

								if(job.lastBuild && job.lastBuild.timestamp < minTimestamp) {
									add = false;
									jobFilteredOut = true;
								}
							}


							if (add)
							{
								jobsToDisplay[jobsToDisplay.length] = job;
							} else {
								if(jobFilteredOut) {
									jobsToDisplay.remove(job);
								}
							}

							jobsToDisplay.sort(function(job1, job2) { 
								
								var sort = 0;
								
								if (sortOrder == "job status")
								{
									sort = jobStatusOrder[job1.color] - jobStatusOrder[job2.color];
								}

								if (sort == 0)
								{
									sort = getJobText(job1, showBuildNumber, showDetails).localeCompare(getJobText(job2, showBuildNumber, showDetails));
								}
								
								return sort;
							});

							updateRunning[jobName] = false;
						},
						error: function(e, xhr) {
							debug("error getting api for job '" + jobName + "': '" + e.statusText + "'");
							updateRunning[jobName] = false;
						},
						timeout: jenkinsTimeOut
					});
				}
			});
		}

		function getJobNamesToDisplay(viewApi)
		{
			var jobNames = new Array();;

			$.each(viewApi.jobs, function(index, job) {
				jobNames.push(job.name);
			});

			if (viewApi.views != null && viewApi.views.length)
			{
				$.each(viewApi.views, function(index, nestedView) {
					$.each(nestedView.jobs, function(index, job) {
						jobNames.push(job.name);
					});
				});
			}


			return jobNames;
		}


		function debug(logMessage)
		{
			if ($("#debug").length)
			{
				var now = new Date();
				$("#debug").append(now.format("G:i:s.u: ") + logMessage + "<br />");
				$("#debug").prop({ scrollTop: $("#debug").prop("scrollHeight") });
			}
		}

		function showDebug()
		{
			var debugDiv = $('<div />').attr({
				"id": "debug"
			});
			debugDiv.addClass("debug");

			$("body").prepend(debugDiv);
		}

		function showJobinfo(job)
		{
			if (!$("#JobInfo").length)
			{
				var jobInfoPadding = 10;
				var maxFontSize = 0;
				var jobInfoWidth = Math.ceil(clientWidth / 2);
				var jobInfoHeight = Math.ceil(clientHeight / 2);

				for (var fontSize = 10; fontSize <= 302; fontSize++) {

					var textDimensions = getTextDimensions(getJobText(job, showBuildNumber, showDetails), fontSize);

					if (textDimensions.width <= (jobInfoWidth - jobInfoPadding) && textDimensions.height <= (jobInfoHeight - jobInfoPadding))
					{
						if (fontSize > maxFontSize)
						{
							maxFontSize = fontSize;
						}
					}
					else
					{
						break;
					}
				}


				var jobInfoDiv = $('<div />').attr({
					"id": "JobInfo"
				});
				jobInfoDiv.css({
					"height": jobInfoHeight + "px",
					"width": jobInfoWidth + "px",
					"padding": jobInfoPadding + "px"
				});
				jobInfoDiv.addClass("job_info");
				jobInfoDiv.center();

				var jobInfoTitle = $('<span />');
				jobInfoTitle.css({
					"font-size": maxFontSize + "px"
				});
				jobInfoTitle.text(getJobTitle(job));
				jobInfoDiv.append(jobInfoTitle);

				var lastBuildText = "";
				if (job.lastBuild != null)
				{
					lastBuildText += "Last build started " + getUserFriendlyTimespan(serverTime -job.lastBuild.timestamp) + " ago and  took " + getUserFriendlyTimespan(job.lastBuild.duration);
				}
				jobInfoDiv.append("<br/><br/>");

				var jobLastBuild = $('<span />');
				jobLastBuild.css({
					"font-size": 12 + "px"
				});
				jobLastBuild.text(lastBuildText);
				jobInfoDiv.append(jobLastBuild);


				$("body").append(jobInfoDiv);

				/*
				jobInfoDiv.fadeTo(1500, 0.95, function() {

					setInterval(function() {
						jobInfoDiv.fadeTo(1500, 0.0, function() {
							$("#JobInfo").remove();
						}
						);
					}, jobInfoTimout);
				});
				*/
			}
		}

		function getJenkinsApi(jenkinsUrl) {

			debug("starting getting jenkins api");
			updateRunning[viewName] = true;

			//- get jenkins api ------------------------------------------------
			$.ajax({
				url: jenkinsUrl +  "/view/" + viewName + "/api/json",
				dataType: 'json',
				data: {
					"depth": 1
				},
				success: function(viewApi, textStatus, jqXHR) {
					debug("finished getting jenkins api");

					var dateHeader = jqXHR.getResponseHeader("Date");
					var date = new Date(dateHeader);
					serverTime = date.getTime();

					var jobNames = getJobNamesToDisplay(viewApi);
					getJobs(jobNames);

					updateRunning[viewName] = false;
					updateError =  null;
				},
				error: function(e, xhr) {
					debug("error getting jenkins api: '" + e.statusText + "'");
					updateRunning[viewName] = false;
					updateError =  e.statusText;
					jobsToDisplay = new Array();
				},
				timeout: jenkinsTimeOut
			});
		}

		function getBuildQueuePosition(jobName)
		{
			var queuePosition = 0;

			if (buildQueue != null)
			{
				$.each(buildQueue["items"], function(index, queueItem) {

					if (queueItem != null && queueItem.task != null && queueItem.task.name != null && queueItem.task.name == jobName)
					{
						queuePosition = index + 1;
					}
				});
			}
			return queuePosition;
		}

		var buildQueue = null;
		function getJenkinsQueue(jenkinsUrl) {

			debug("starting getting queue api");
			updateRunning["queue"] = true;

			//- get build queue ------------------------------------------------
			$.ajax({
				url: jenkinsUrl +  "/queue/api/json",
				dataType: 'json',
				success: function(queue, textStatus, jqXHR) {

					debug("finished getting queue api");
					buildQueue = queue;
					updateRunning["queue"] = false;
				},
				error: function(e, xhr) {
					debug("error getting queue api: '" + e.statusText + "'");
					updateRunning["queue"] = false;
				},
				timeout: jenkinsTimeOut
			});
		}

		function getPluginConfiguration(jenkinsUrl) {

			debug("starting getting plugin api");
			updateRunning["pluginconfiguration"] = true;

			//- get plugin version ------------------------------------------------
			$.ajax({
				url: jenkinsUrl +  "/plugin/jenkinswalldisplay/api/json?depth=1",
				dataType: 'json',
				success: function(plugin, textStatus, jqXHR) {
					debug("finished getting plugin api, plugin configuration: '" + plugin.version + "'");
					updateRunning["pluginconfiguration"] = false;

					if (lastPluginVersion != null && lastPluginVersion != plugin.version)
					{
						window.location.reload();
					}

					lastPluginVersion = plugin.version;

					if (plugin.config && plugin.config != null)
					{

						if (plugin.config.theme && plugin.config.theme != null)
						{
							theme = plugin.config.theme.toLowerCase();
						}

                                                if (plugin.config.buildRange && plugin.config.buildRange != null)
						{
							buildRange = plugin.config.buildRange.toLowerCase();
						}

						if (plugin.config.fontFamily && plugin.config.fontFamily != null)
						{
							fontFamily = plugin.config.fontFamily.toLowerCase();
						}

						if (plugin.config.sortOrder && plugin.config.sortOrder != null)
						{
							sortOrder = plugin.config.sortOrder.toLowerCase();
						}

						if (plugin.config.showDetails != null)
						{
							showDetails = plugin.config.showDetails;
						}

                        if (plugin.config.showGravatar != null)
                        {
                            showGravatar = plugin.config.showGravatar;
                        }

						if (plugin.config.showBuildNumber != null)
						{
							showBuildNumber = plugin.config.showBuildNumber;
						}

						if (plugin.config.showDisabledBuilds != null)
						{
							showDisabledBuilds = plugin.config.showDisabledBuilds;
						}

						if (isNumber(plugin.config.jenkinsUpdateInterval))
						{
							jenkinsUpdateInterval = plugin.config.jenkinsUpdateInterval * 1000;
						}

						if (isNumber(plugin.config.jenkinsTimeOut))
						{
							jenkinsTimeOut = plugin.config.jenkinsTimeOut * 1000;
						}
					}

					if (lastJenkinsUpdateInterval != jenkinsUpdateInterval || lastJenkinsTimeOut != jenkinsTimeOut)
					{
						clearApiInterval();
						setApiInterval();

						lastJenkinsUpdateInterval = jenkinsUpdateInterval;
						lastJenkinsTimeOut = jenkinsTimeOut;
					}

					if (theme != null)
					{
						if (lastTheme != theme)
						{
							$("body").css({'backgroundColor': themes[theme].backgroundColor});

							if(typeof themes[lastTheme].stop === 'function')
							{
								themes[lastTheme].stop();
							}


							if(typeof themes[theme].start === 'function')
							{
								themes[theme].start();
							}
						}

						lastTheme = theme;
					}

					if (fontFamily != null && lastFontFamily != fontFamily)
					{
						$("body").css({'font-family': fontFamily});
						lastFontFamily = fontFamily;
					}

				},
				error: function(e, xhr) {
					debug("error getting plugin api: '" + e.statusText + "'");
					updateRunning["pluginconfiguration"] = false;
				},
				timeout: jenkinsTimeOut
			});
		}
		//- initialize variables ----------------------------------------------
		var jenkinsTimeOut = getParameterByName("jenkinsTimeOut", 15000);
		var lastJenkinsTimeOut = jenkinsTimeOut;

		var jenkinsUpdateInterval = getParameterByName("jenkinsUpdateInterval", 20000);
		var lastJenkinsUpdateInterval = jenkinsUpdateInterval;

		var jenkinsUrl = getParameterByName("jenkinsUrl",  window.location.protocol + "://" + window.location.host + "/" + window.location.pathname.replace("plugin/jenkinswalldisplay/walldisplay.html", ""));
		var viewName = getParameterByName("viewName", "All");
		var theme = getParameterByName("theme", "default");
		var fontFamily = getParameterByName("fontFamily", "sans-serif");
		var sortOrder = getParameterByName("sortOrder", "job name");
		var buildRange = getParameterByName("buildRange", "all");
		var showDetails = false;
		var showGravatar = false;
		var jobGravatarCache = {};
		var gravatarCounter = {};
		var showBuildNumber = true;
		var showDisabledBuilds = true;
		var maxQueuePositionToShow = 15;
		
		var jobStatusOrder = new Array();
		jobStatusOrder["blue"] = 0;
		jobStatusOrder["blue_building"] = 1;
		jobStatusOrder["red"] = 2;
		jobStatusOrder["red_building"] = 3;
		jobStatusOrder["yellow"] = 4;
		jobStatusOrder["yellow_building"] = 5;
		jobStatusOrder["aborted"] = 6;
		jobStatusOrder["aborted_building"] = 7;
		jobStatusOrder["grey"] = 8;
		jobStatusOrder["grey_building"] = 9;

		var isDebug = false;
		var debugString = getParameterByName("debug", null);
		if (debugString != null)
		{
			isDebug  = true;
		}

		//---------------------------------------------------------------------
		$.ajaxSetup({ cache: false });

		var jobPadding = 5;
		var jobMargin = 8;
		var jobBorderWidth = 0;
		var paintInterval = 1000;
		var jobInfoTimout = 5000;

		//---------------------------------------------------------------------
		var rows = 0;
		var columns = 0
		var jobIndex = 0;
		var jobsToDisplay = new Array();
		var serverTime = 0;
		var updateRunning = new Array();
		var updateError = null;
		var clientWidth;
		var clientHeight;
		var lastPluginVersion = null;
		var lastTheme = "default";
		var lastFontFamily = fontFamily;
		var paintRunning = false;

		//---------------------------------------------------------------------
		// themes
		//---------------------------------------------------------------------
		var themes = new Array();
		themes["default"] = new Array();
		themes["default"].backgroundColor = "#ffffff";
		themes["default"]["blue"] = "#008800";
		themes["default"]["blue_building"] = "#00C000";
		themes["default"]["red"] = "#880000";
		themes["default"]["red_building"] = "#C00000";
		themes["default"]["yellow"] = "#888800";
		themes["default"]["yellow_building"] = "#C0C000";
		themes["default"]["aborted"] = "#ADADAD";
		themes["default"]["aborted_building"] = "#E8E6E6";
		themes["default"]["claimed_border"] = "#F5B800";


		themes["colorblind"] = new Array();
		themes["colorblind"].backgroundColor = "#ffffff";
		themes["colorblind"]["blue"] = "#0041C4";
		themes["colorblind"]["blue_building"] = "#BFD4FF";
		themes["colorblind"]["red"] = "#B30700";
		themes["colorblind"]["red_building"] = "#FF9180";
		themes["colorblind"]["yellow"] = "#B3B000";
		themes["colorblind"]["yellow_building"] = "#FFF780";
		themes["colorblind"]["aborted"] = "#777777";
		themes["colorblind"]["aborted_building"] = "#EEEEEE";
		themes["colorblind"]["claimed_border"] = "#F5B800";

		themes["dark"] = new Array();
		themes["dark"].backgroundColor = "#000000";
		themes["dark"]["blue"] = "#008800";
		themes["dark"]["blue_building"] = "#00C000";
		themes["dark"]["red"] = "#880000";
		themes["dark"]["red_building"] = "#C00000";
		themes["dark"]["yellow"] = "#888800";
		themes["dark"]["yellow_building"] = "#C0C000";
		themes["dark"]["aborted"] = "#ADADAD";
		themes["dark"]["aborted_building"] = "#E8E6E6";
		themes["dark"]["claimed_border"] = "#F5B800";

		themes["christmas"] = new Array();
		themes["christmas"].backgroundColor = "#000000";
		themes["christmas"]["blue"] = "#008800";
		themes["christmas"]["blue_building"] = "#00C000";
		themes["christmas"]["red"] = "#880000";
		themes["christmas"]["red_building"] = "#C00000";
		themes["christmas"]["yellow"] = "#888800";
		themes["christmas"]["yellow_building"] = "#C0C000";
		themes["christmas"]["aborted"] = "#ADADAD";
		themes["christmas"]["aborted_building"] = "#E8E6E6";
		themes["christmas"]["claimed_border"] = "#F5B800";
		themes["christmas"].start = function() {
			$(document).snowfall('clear');
			$(document).snowfall({round : true, minSize: 8, maxSize: 12 }); // add rounded
		}
		themes["christmas"].stop = function() {
			$(document).snowfall('clear');
		}

		themes["boss"] = new Array();
		themes["boss"].backgroundColor = "#ffffff";
		themes["boss"]["blue"] = "#008800";
		themes["boss"]["blue_building"] = "#00C000";
		themes["boss"]["red"] = "#008800";
		themes["boss"]["red_building"] = "#00C000";
		themes["boss"]["yellow"] = "#008800";
		themes["boss"]["yellow_building"] = "#00C000";
		themes["boss"]["aborted"] = "#ADADAD";
		themes["boss"]["aborted_building"] = "#E8E6E6";


		$(document).ready(function() {

			if (isDebug)
			{
				showDebug();
			}

			debug("started jenkins wall display");
			debug("url '" + jenkinsUrl + "'");
			debug("view name: '" + viewName + "'");

			updateWindowSizes();

			document.title = "Jenkins Wall Display (" + viewName + ")";

			setApiInterval();

 			setInterval(function() {
				serverTime += paintInterval;
				if (!paintRunning)
				{
					paintRunning = true;
					repaint();
					paintRunning = false;
				}

			}, paintInterval);;

		});

		window.onresize = function(event) {
			updateWindowSizes();
		}

 		function clearApiInterval()
	{
	  clearInterval(jenkinsApiIntervalId);
	}

 		function setApiInterval()
		{
 			debug("timeOut: " + jenkinsTimeOut + "ms");
			debug("update interval: " + jenkinsUpdateInterval + "ms");

			jenkinsApiIntervalId = setInterval(function() {
				if (!updateRunning[viewName])
				{
					getJenkinsApi(jenkinsUrl);
				}

				if (!updateRunning["queue"])
				{
					getJenkinsQueue(jenkinsUrl);
				}

				if (!updateRunning["pluginconfiguration"])
				{
					getPluginConfiguration(jenkinsUrl);
				}

			}, jenkinsUpdateInterval);
		}

</script>
</head>
<body>
<div id="TextDimensionDiv"></div>
</body>
</html>