var CommercePage = new Class(
{
	initialize: function(){
		this.hideMemos();
		this.makeNavs();
		this.createActions();
	},
	
	hideMemos: function(){
		var allMemos = $("tabWrapper").getElementsByTagName("div");
		for(var i = 0; i < allMemos.length; i++){
			allMemos[i].style.display = "none";
		}
	},
	
	makeNavs: function(){
		var allMemos = $("tabWrapper").getElementsByTagName("div");
		var navList = $("navList");
		for(var i = 0; i < allMemos.length; i++){
			var listItem = new Element("li", {"id": allMemos[i].getAttribute("id") + "Li"});
			var link = new Element("a", {"id": allMemos[i].getAttribute("id") + "Link"});
			var sectionId = allMemos[i].getAttribute("id");
			var img = new Asset.image("images/btn_Fresca" + sectionId + "_0.gif");
			img.setProperty("id", "img" + sectionId);
			img.injectInside(link);
			link.injectInside(listItem);
			listItem.injectInside(navList);
		}
	},
	
	createActions: function(){
		var introTextSlide = new Fx.Slide($("introText"));
		var memoTextSlide = new Fx.Slide($("tabWrapper"));
		memoTextSlide.hide();
		var tabWrapper = $("tabWrapper");
		var allMemos = tabWrapper.getElementsByTagName("div");
		var navList = $("navList");
		var allNavs = navList.getElementsByTagName("a");
		
		navList.onclick = function(){
			introTextSlide.slideOut();
			memoTextSlide.slideIn();
		}
		
		$("PlatformLink").onclick = function(){
			this.addClass("selected");
			$("DesignLink").removeClass("selected");
			$("TrafficLink").removeClass("selected");
			$("Platform").style.display = "block";
			$("Design").style.display = "none";
			$("Traffic").style.display = "none";
		}
		
		$("DesignLink").onclick = function(){
			this.addClass("selected");
			$("PlatformLink").removeClass("selected");
			$("TrafficLink").removeClass("selected");
			$("Platform").style.display = "none";
			$("Design").style.display = "block";
			$("Traffic").style.display = "none";
		}
		
		$("TrafficLink").onclick = function(){
			this.addClass("selected");
			$("PlatformLink").removeClass("selected");
			$("DesignLink").removeClass("selected");
			$("Platform").style.display = "none";
			$("Design").style.display = "none";
			$("Traffic").style.display = "block";
		}
	}
});