var	o = document.getElementById("HP_updatesBox");

if (o)
{
	var	prefix = "/images/HomePage/",
		suffix = ".jpg",
		arrayURLs = 
		[
			prefix + "constructionPhotos1" + suffix,
			prefix + "constructionPhotos2" + suffix,
			prefix + "constructionPhotos3" + suffix,
			prefix + "constructionPhotos4" + suffix,
			prefix + "constructionPhotos5" + suffix,
			prefix + "constructionPhotos6" + suffix
		];
			
	o.duplicate = false;

	o.fore =
		function()
		{
			// builds a duplicate for the foreground / background
			// rotation inherent in the slideshow	
			if (!this.duplicate)
			{			
				this.style.position = "relative";
				this.style.zIndex = "0";
			
				var node = document.createElement("div");
				node.id = "HP_updatesBoxFore";
				node.className = "updates_box";
				node.style.position = "absolute";
				node.style.top = "510px";		
				node.style.padding = "0px";		
				node.style.marginLeft = "12px";
				node.style.zIndex = "5";
				node.style.display = "block";
				node.appendChild(document.createElement("table"));
			
				node = node.firstChild;
				node.className = "inside_box";
				node.appendChild(document.createElement("tbody"));
				
				node = node.firstChild;
				node.appendChild(document.createElement("tr"));

				node = node.firstChild;
				node.appendChild(document.createElement("td"));

				node = node.firstChild;
				node.innerHTML = "<h3>Opening October 2010</h3>";
				node.appendChild(document.createElement("div"));

				node = node.lastChild;
				node.appendChild(document.createElement("p"));

				node = node.firstChild;
				node.appendChild(document.createElement("a"));
				
				node = node.firstChild;
				node.href = "/oth/Page.asp?PageID=OTH000075"
				node.innerHTML = "<span style=\"color: #FFFFFF;\">&gt;&gt;read more</span>"
				node.style.position = "relative";
				node.style.top = "29px";
				node.style.left = "167px";

				node = node.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;

				document.getElementById("HP_boxes").parentNode.insertBefore(node, null);
				
				// Traverse current DOM fragment and remove text for rotation
				// in background container (original TD that was present)				
				node = this.firstChild;
				node = node.firstChild;
				node = node.firstChild;
				node = node.firstChild;
				node = node.lastChild;
				node = node.firstChild;
				node.innerHTML = "&nbsp;";	// Gets rid of text header
				
				node = node.parentNode;				
				node = node.getElementsByTagName("p")[1];				
				node = node.firstChild;	// Should be link								
				node.style.position = "relative";
				node.style.top = "3px"
				node.style.left = "167px"
				node.innerHTML = "<span style=\"color: #FFFFFF;\">&gt;&gt;read more</span>"

				this.duplicate = true;
			}

			return document.getElementById("HP_updatesBoxFore");
		};

	o.back =
		function()
		{
			return this;
		};

	HOMEPAGE.Images.initImage(o, arrayURLs, 31000);
}