﻿var teaserDivs = new Array();
var teaserHeights = new Array();
var teaserKeys = new Array();
AC_FL_RunContent = 0;

Hide_Teaser =
	function(e)
	{
		var elHover = YAHOO.util.Event.getTarget(e).parentNode;
		
		for (var i=0; i<teaserDivs.length; i++)
		{
			if (elHover.id == teaserKeys[i]) 
			{
				var elKey = YAHOO.util.Dom.get(teaserKeys[i]);
				var sticky = DDI.Web.GetAttribute('boolean', elKey, 'sticky', false);
				if (!(sticky))
				{
					var elDiv = YAHOO.util.Dom.get(teaserDivs[i]);
					if (YAHOO.util.Dom.getStyle(elDiv, 'display') == 'block') 
					{
						YAHOO.util.Dom.setStyle(elDiv, 'display', 'none');

						//var elKey = YAHOO.util.Dom.get(teaserKeys[0]);
						//var newY = YAHOO.util.Dom.getY(elKey);
						//var anim = new YAHOO.util.Anim(elDiv, { top: { to: newY }, height: { to: 1} }, 0.25);
						//anim.onComplete.subscribe(Kill_Teaser);
						//anim.animate();
					}	
				}			
			}
		}
		
	}
	
Show_Teaser =
	function(e)
	{
		var elHover = YAHOO.util.Event.getTarget(e).parentNode;
		
		for (var i=0; i<teaserDivs.length; i++)
		{
			var elDiv = YAHOO.util.Dom.get(teaserDivs[i]);
			if (elHover.id == teaserKeys[i]) 
			{
				if (YAHOO.util.Dom.getStyle(elDiv, 'display') == 'none') 
				{
					YAHOO.util.Dom.setStyle(elDiv, 'height', '1px');
					YAHOO.util.Dom.setStyle(elDiv, 'display', 'block');
					var elKey = YAHOO.util.Dom.get(teaserKeys[0]);
					var newX = YAHOO.util.Dom.getX(elKey);
					var newY = YAHOO.util.Dom.getY(elKey);
					if (YAHOO.env.ua.ie == 0 && YAHOO.env.ua.opera == 0) newY -= 32;  // not sure where this is coming from
					YAHOO.util.Dom.setX(elDiv, newX);
					YAHOO.util.Dom.setY(elDiv, newY);
					newY -= teaserHeights[i] + 1; 
					var anim = new YAHOO.util.Anim(elDiv, { top: { to: newY }, height: { to: teaserHeights[i]} }, 0.25);
					anim.animate();
				}				
			}
			else
			{
				var elKey = YAHOO.util.Dom.get(teaserKeys[i]);
				var sticky = DDI.Web.GetAttribute('boolean', elKey, 'sticky', false);
				if (sticky && YAHOO.util.Dom.getStyle(elDiv, 'display') == 'block')
				{
					YAHOO.util.Dom.setStyle(elDiv, 'display', 'none');
				}
			}
		}
	}
	
Window_OnLoad =
	function() 
	{
		var keys = YAHOO.util.Dom.getElementsByClassName('Teaser');
		var divs = YAHOO.util.Dom.getElementsByClassName('TeaserPanel');
		for (var i=0; i<keys.length; i++)
		{
			teaserKeys.push(keys[i].id);
			teaserDivs.push(divs[i].id);
			var elDiv = YAHOO.util.Dom.get(divs[i].id);
			teaserHeights.push(elDiv.offsetHeight);
			YAHOO.util.Dom.setStyle(elDiv, 'display', 'none');
			YAHOO.util.Dom.setStyle(elDiv, 'visibility', 'visible');
			var elImg = keys[i].getElementsByTagName('img')[0];
			YAHOO.util.Event.addListener(elImg, "mouseover", Show_Teaser);
			YAHOO.util.Event.addListener(elImg, "mouseout", Hide_Teaser);
			var x = new DDI.Web.ImageButton(elImg);
		}
		Window_OnResize();
	}

Window_OnResize = 
	function() 
	{
	
		// center the entire region within the window
		
		var elWrapper = YAHOO.util.Dom.get('wrapper');
		var rows = new Array('header','main','footer');
		var newHeight = YAHOO.util.Dom.getViewportHeight(); 
		for (var i=0; i<rows.length; i++)
		{
			if (YAHOO.util.Dom.inDocument(rows[i]))
			{
				newHeight -= YAHOO.util.Dom.get(rows[i]).offsetHeight;
			}
		}
		
		if (newHeight < 0) newHeight = 0;
		newHeight = parseInt(newHeight / 2);
		YAHOO.util.Dom.setStyle(elWrapper, 'marginTop', newHeight + 'px');
		
		// center the application icons 
		
		var elApps = YAHOO.util.Dom.get('application');
		var newWidth = parseInt((elWrapper.offsetWidth - elApps.offsetWidth)/2);
		newWidth -= YAHOO.util.Dom.get('social').offsetWidth;
		YAHOO.util.Dom.setStyle(elApps, 'marginLeft', newWidth + 'px');
		
	}
	

YAHOO.util.Event.addListener(window, 'load', Window_OnLoad);
YAHOO.util.Event.addListener(window, 'resize', Window_OnResize);
