// Body on load
Event.observe(window, 'load', onLoad);

function onLoad()
{
	// Get list of news and headers 
	var news_header = $A($('index_container').getElementsByClassName('box_header'));
	var news = $A($('index_container').getElementsByClassName('box')); 
	
	// Get a copy of headers
	var tmp_news = news_header;
	
	// Id of news which is actully open
	var open = 'salary'
	
	// Add delay on mouseover
	var newsTimer = 0;
	
	// Add onMouseOver to headers
	news_header.each(
		function(s) 
		{
			
			if (open == s.id) 
			{
				// First news get Id and do nothing
				open = s.id;
			}
			else
			{
				// Hide news
				Effect.SlideUp('box_'+s.id, { duration: 0.2 });
			}
			
			s.onmouseover = function() 
			{
				if (s.id != open)
				{	
				
					newsTimer = setTimeout(function(){open = showNews(s.id, open);}, 120);
				}
				
			};
			
			s.onmouseout = function()
			{
				clearTimeout(newsTimer);
			}
		} 
	);
	
}

function showNews(id_down, id_up)
{
	
	// If this news is not open - close open one...
	Effect.SlideUp('box_'+id_up, { duration: 0.3});
	// open this news..
	Effect.SlideDown('box_'+id_down, { duration: 0.3});
	// return new news_nr 
	return id_down;
}