Merge builds page polyfills and style-reduced.js into a new global script

Author: richardg867

_includes/header.html

@@ -29,8 +29,8 @@
 			<link rel="stylesheet" href="/assets/css/style-print.css" media="print">
 			<link rel="stylesheet" href="/assets/css/fonts.css">
 		<!--<![endif]-->
+		<script src="/assets/js/script.js"></script>
 		<!--[if IE]>
-			<script src="/assets/js/style-reduced.js"></script>
 			<link rel="stylesheet" href="/assets/css/style-reduced.css" media="screen">
 		<![endif]-->
 		<!--[if gte IE 5]>

assets/js/script.js

@@ -0,0 +1,114 @@
+/* This script is executed by all browsers, so keep it retro-friendly. */
+
+/* Polyfills. */
+function addEvent(elem, evtName, func) {
+	if (elem.addEventListener)
+		return elem.addEventListener(evtName, func);
+	evtName = 'on' + evtName;
+	if (elem.attachEvent)
+		return elem.attachEvent(evtName, func);
+	var prevFunc = elem[evtName];
+	if (prevFunc) {
+		elem[evtName] = function(evt) {
+			if (prevFunc(evt) == false)
+				return false;
+			return func(evt);
+		};
+	} else {
+		elem[evtName] = func;
+	}
+}
+if (!Array.prototype.indexOf) {
+	Array.prototype.indexOf = function(elem, start) {
+		for (var i = start || 0; i < this.length; i++) {
+			if (this[i] == elem)
+				return i;
+		}
+		return -1;
+	};
+}
+if (!Array.prototype.push) {
+	Array.prototype.push = function(elem) {
+		this[this.length] = elem;
+	};
+}
+if (!Array.prototype.unshift) {
+	Array.prototype.unshift = function(elem) {
+		for (var i = this.length; i; i--)
+			this[i] = this[i - 1];
+		this[0] = elem;
+	};
+}
+var imgCache = {};
+function getNaturalWidth(img) { /* for the auto-sizing expression on the retro CSS */
+	if (img.naturalWidth)
+		return img.naturalWidth;
+
+	/* Cache images by src to avoid wasting memory. */
+	var imgObj = imgCache[img.src];
+	if (!imgObj) {
+		imgObj = new Image();
+		imgObj.src = img.src;
+		imgCache[img.src] = imgObj;
+	}
+	return imgObj.width;
+}
+
+/* Allow HTML5 elements to be styled on IE6. */
+if (navigator.userAgent.indexOf('MSIE') > -1) {
+	document.createElement('nav');
+	document.createElement('hero');
+	document.createElement('main');
+	document.createElement('footer');
+}
+
+/* Make the logo transparent on IE6. Doing this on more
+   images interferes with the auto-sizing CSS expression. */
+function fixPngs() {
+	/* Check if the icon and logo are loaded, and try
+	   again after a while if they're not present yet. */
+	if (!document.images || (document.images.length < 2))
+		setTimeout(fixPngs, 500);
+
+	/* Fix icon and logo. */
+	for (var i = 0; i < Math.min(2, document.images.length); i++) {
+		var img = document.images[i];
+		var oldpad = img.style.paddingRight; /* padding counts as space for AlphaImageLoader so swap it for margin */
+		img.style.paddingRight = 0;
+		var oldsrc = img.src;
+		var oldw = img.clientWidth;
+		var oldh = img.clientHeight;
+		img.src = '/assets/images/blank.gif';
+		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + oldsrc + "', sizingMethod='scale')";
+		img.style.width = oldw + 'px';
+		img.style.height = oldh + 'px';
+		img.style.marginRight = oldpad;
+	}
+}
+if (document.all && /MSIE (5\.5|6)/.test(navigator.userAgent))
+	fixPngs();
+
+/* Merge horizontally-neighboring table cells with identical contents. */
+addEvent(window, 'load', function() {
+	var tr = document.getElementsByTagName('tr');
+	for (var i = 0; i < tr.length; i++) {
+		var tdStart = tr[i].firstChild;
+		while (tdStart && (tdStart.nodeType != 1))
+			tdStart = tdStart.nextSibling;
+		if (!tdStart)
+			continue;
+		var td = tdStart.nextSibling;
+		while (td) {
+			var tdNext = td.nextSibling;
+			if (td.nodeType != 1) {
+				/* Ignore non-elements. */
+			} else if (td.innerHTML == tdStart.innerHTML) {
+				td.parentNode.removeChild(td);
+				tdStart.colSpan = (tdStart.colSpan || 1) + 1;
+			} else {
+				tdStart = td;
+			}
+			td = tdNext;
+		}
+	}
+});

assets/js/style-reduced.js

@@ -12,37 +12,6 @@ Most people should use the regular [**release builds**](https://github.com/86Box
 ---
 
 <script>
-/* Some polyfills because why not? */
-function addEvent(elem, evt, func) {
-	if (elem.addEventListener)
-		return elem.addEventListener(evt, func);
-	evt = 'on' + evt;
-	if (elem.attachEvent)
-		return elem.attachEvent(evt, func);
-	elem[evt] = func;
-}
-if (!Array.prototype.indexOf) {
-	Array.prototype.indexOf = function(elem, start) {
-		for (var i = start || 0; i < this.length; i++) {
-			if (this[i] == elem)
-				return i;
-		}
-		return -1;
-	}
-}
-if (!Array.prototype.push) {
-	Array.prototype.push = function(elem) {
-		this[this.length] = elem;
-	};
-}
-if (!Array.prototype.unshift) {
-	Array.prototype.unshift = function(elem) {
-		for (var i = this.length; i; i--)
-			this[i] = this[i - 1];
-		this[0] = elem;
-	}
-}
-
 addEvent(window, 'load', function() {
 	/* Perform initial load. */
 	window.firstBuildLoad = true;