var NewsPage = new Class(
{
	initialize: function()
	{
		this.createNavigation();
		this.createImageRollovers();
		this.createEffects();
	},
	
	createNavigation: function()
	{
		//create page navigation
		
		var navList = document.createElement("ul");
		
		var newsListItem = document.createElement("li");
		var eventsListItem = document.createElement("li");
		
		var newsLink = document.createElement("a");
		var eventsLink = document.createElement("a");
		
		var newsImg = document.createElement("img");
		var eventsImg = document.createElement("img");
		
		navList.setAttribute("id", "navList");
		
		newsImg.setAttribute("src", "/images/btn_FrescaNews_0.gif");
		eventsImg.setAttribute("src", "/images/btn_FrescaEvents_0.gif");
		
		newsImg.setAttribute("alt", "Fresca News");
		eventsImg.setAttribute("alt", "Fresca Events");
		
		newsImg.setAttribute("id", "newsImg");
		eventsImg.setAttribute("id", "eventsImg");
		
		newsLink.setAttribute("id", "newsLink");
		eventsLink.setAttribute("id", "eventsLink");
		
		newsLink.appendChild(newsImg);
		eventsLink.appendChild(eventsImg);
		
		newsListItem.appendChild(newsLink);
		eventsListItem.appendChild(eventsLink);
		
		navList.appendChild(newsListItem);
		navList.appendChild(eventsListItem);
		
		$("navwrapper").appendChild(navList);
	},
	
	createImageRollovers: function()
	{
		$("newsImg").onmouseover = function()
		{
			$("newsImg").src = "/images/btn_FrescaNews_1.gif";
		}
		
		$("newsImg").onmouseout = function()
		{
			$("newsImg").src = "/images/btn_FrescaNews_0.gif";
		}
		
		$("eventsImg").onmouseover = function()
		{
			$("eventsImg").src = "/images/btn_FrescaEvents_1.gif";
		}
		
		$("eventsImg").onmouseout = function()
		{
			$("eventsImg").src = "/images/btn_FrescaEvents_0.gif";
		}
		
		
	},
	
	createEffects: function()
	{
		//create the slide effects
		
		var newsSlider = new Fx.Slide($("frescaNews"), {duration: 500});
		var eventsSlider = new Fx.Slide($("frescaEvents"), {duration: 500});
		
		eventsSlider.hide();
		
		$("newsLink").addEvent("click", function(e)
		{
			eventsSlider.slideOut().chain(function()
			{
				newsSlider.slideIn();
			});
		});
		
		$("eventsLink").addEvent("click", function(e)
		{
			newsSlider.slideOut().chain(function()
			{
				eventsSlider.slideIn();
			});
		});
	}
});