From 4eeb07ccc3aef47ee252a4061bd592ccc6ac177f Mon Sep 17 00:00:00 2001
From: koichirok <koichiro@rworks.jp>
Date: Wed, 14 Aug 2013 06:46:20 +0000
Subject: [PATCH] 2013-08-14 Koichiro Kikuchi <koichiro@rworks.jp>

	* index.php: Improve footer layout.

	MERGED FROM branch_4.0



git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@8663 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
---
 pandora_console/ChangeLog |  6 +++++
 pandora_console/index.php | 50 ++++++++++++++++++++++++++-------------
 2 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/pandora_console/ChangeLog b/pandora_console/ChangeLog
index fd74b8616f..bc839ffad2 100644
--- a/pandora_console/ChangeLog
+++ b/pandora_console/ChangeLog
@@ -1,3 +1,9 @@
+2013-08-14 Koichiro Kikuchi <koichiro@rworks.jp>
+
+	* index.php: Improve footer layout.
+
+	MERGED FROM branch_4.0
+
 2013-08-13  Ramon Novoa  <rnovoa@artica.es>
 
 	* include/help/es/help_snmp_alert_custom.php,
diff --git a/pandora_console/index.php b/pandora_console/index.php
index d710e7b4b0..25d83bbaeb 100644
--- a/pandora_console/index.php
+++ b/pandora_console/index.php
@@ -571,33 +571,49 @@ require('include/php_to_js_values.php');
 
 <script type="text/javascript" language="javascript">
 
-//Dynamically assign footer position and width.
 	//Initial load of page
 	$(document).ready(adjustFooter);
 
 	//Every resize of window
 	$(window).resize(adjustFooter);
 	
-	//Every resize (height change) of div#container
-	container_height = $('#container').height();
-	$('#container').bind((window.opera ? 'DOMAttrModified' : 'DOMSubtreeModified'), function() {
-		if (container_height != $('#container').height()) {
-			container_height = $('#container').height();
-			adjustFooter();
-	        }
-	});
+	//Every show/hide call may need footer re-layout
+	(function() {
+		var oShow = jQuery.fn.show;
+		var oHide = jQuery.fn.hide;
 
-	//Dynamically assign height
+		jQuery.fn.show = function () {
+			var rv = oShow.apply(this, arguments);
+			adjustFooter();
+			return rv;
+		};
+		jQuery.fn.hide = function () {
+			var rv = oHide.apply(this, arguments);
+			adjustFooter();
+			return rv;
+		};
+	})();
+
+	//Dynamically assign footer position and width.
 	function adjustFooter() {
-		// highest Y pos for #foot
+		if (document.readyState !== 'complete') {
+			return;
+		}
+		// minimum top value (upper limit) for div#foot
 		var ulim = $('#container').position().top + $('#container').outerHeight(true);
-		// $(window).height() returns wrong value on Opera and Google Chrome.
-		var wh = $(window).height(); //document.documentElement.clientHeight;
+		// window height. $(window).height() returns wrong value on Opera and Google Chrome.
+		var wh = document.documentElement.clientHeight;
+		// save div#foot's height for latter use
 		var h = $('#foot').height();
+		// new top value for div#foot
 		var t = (ulim + $('#foot').outerHeight() > wh) ? ulim : wh - $('#foot').outerHeight();
-		
-		$('#foot').css({ position: "absolute", top: t, left: $('#foot').offset().left});
-		$('#foot').width($(window).width());
-		$('#foot').height(h);
+
+		if ($('#foot').position().top != t) {
+			$('#foot').css({ position: "absolute", top: t, left: $('#foot').offset().left});
+			$('#foot').height(h);
+		}
+		if ($('#foot').width() !=  $(window).width()) {
+			$('#foot').width($(window).width());
+		}
 	}
 </script>