﻿window.layoutSpecific = new function() {

	eval(estrada.namespace);
	
	this.layout = null;
	this.flash = area("flash");
	this.contentAreas = null;
	this.toBind = null;

	
	attachEvent(document, "layout", function() {
		document.body.className = "l-home";
		layoutSpecific.layout = cols(
			frame("promos",
				cols(
					area("sitePromos"),
					frame("centerContent",
						area("frontContent"),
						frame("frontVideos",
							cols(
								area("primaryVideos"),
								area("secondaryVideos")
							)
						)
					)
				)
			),
			frame("links",
				area("headlines"),
				area("newslinks"),
				area("quicklinks")
			)
		);
		
		layoutSpecific.contentAreas = grab(document.getElementById("feeds"), 
			{
				frontcontent: "frontContent",
				frontvideosprimary: "primaryVideos",
				frontvideossecondary: "secondaryVideos",
				headlines: "headlines",
				newslinks: "newslinks",
				quicklinks: "quicklinks",
				sitepromos: "sitePromos"
			});
			
		layoutManager.grabMore(layoutSpecific.contentAreas, 
			"context",
			{
				"frontflash": "flash"
			}
		);
		
		// Setup the videos area
		foreach(
			[
				layoutSpecific.contentAreas["primaryVideos"], 
				layoutSpecific.contentAreas["secondaryVideos"],
				layoutSpecific.contentAreas["sitePromos"]
			], 
			function(contentAreaArray) {
				commonLayout.ImageGalleryFeedHandler(contentAreaArray);
			}
		);

		layoutSpecific.toBind = [];
		var quicklinks = layoutSpecific.contentAreas["quicklinks"] ? layoutSpecific.contentAreas["quicklinks"][0] : null;
		if (quicklinks) {
			var h3 = document.getElementsByTagName("h3");
			if (h3) {
				layoutSpecific.toBind.push(["quicklinks-toggler", h3[0]]);
			}
		}
	});
	
	estrada.behavior("quicklinks-toggler").is({
		bind: function(node) {
			estrada.setClassName(node.parentNode, "l-closed");
			var newdiv = document.createElement("div");
			newdiv.id = "quicklinkstoggler";
			estrada.insertAfter(newdiv, node);
			var newdiv2 = document.createElement("div");
			newdiv2.id = "quicklinksbg";
			estrada.insertAfter(newdiv2, newdiv);
			this.attachEvent(document.body, "click", function() {
				var node = estrada.scope.retrieve(arguments).getElement();
				if (estrada.hasClassName(node.parentNode, "l-open")) {
					toggleOpenClose(node);
				}
				return true;				
			});
			this.attachEvent(node, "click", function() {
				var node = estrada.scope.retrieve(arguments).getElement();
				if (!estrada.hasClassName(node.parentNode, "l-open")) {
					toggleOpenClose(node);
					return false; 
				}
				return true;
			});
			this.attachEvent(newdiv, "click", function() {
				var node = estrada.scope.retrieve(arguments).getElement();
				if (!estrada.hasClassName(node.parentNode, "l-open")) {
					toggleOpenClose(node);
					return false; 
				}
				return true;
			});
			function toggleOpenClose(node) {
				if (node.parentNode.className.indexOf("l-open") >= 0) {
					estrada.replaceClassName(node.parentNode, "l-open", "l-closed");
				} 
				else  {
					estrada.replaceClassName(node.parentNode, "l-closed", "l-open");
				} 
			}
		}
	})
}