/* Clickable items */
		
			document.observe('dom:loaded', function() {
				$$('.item').each(function(item) {
					var link = item.select('a.readMoreLink')[0].href;
					item.observe('click',function(e) {
						document.location.href=link;
					});
				});
			});

/* Hover items */
			document.observe('dom:loaded', function() {
				$('previous_image').observe('mouseover', function(e) {
					$('previous_image').setStyle({background: 'url(../../../../css/img/prevlabel.gif) left 15% no-repeat'});
					$('next_image').setStyle({background: 'url(data:image/gif;base64,AAAA)'});
				});
				
				$('previous_image').observe('mouseout', function(e) {
					$('previous_image').setStyle({background: 'url(data:image/gif;base64,AAAA)'});
					$('next_image').setStyle({background: 'url(../../../../css/img/nextlabel.gif) right 15% no-repeat'});
				});
			});


/* Finalist IT Group */
var resizableArticle = null;
var resizableArticlePaginator = null;
var resizableArticleHeight = null;
var resizableArticleTop = null;
var newResizableArticleHeight = null;
var storyHeight = null;
var storyPages = null;

var isIE = document.all;
var isIE7 = isIE && window.XMLHttpRequest && window.ActiveXObject;

var fancyFont = {
    src: '/butterfly-staging/css/bold.swf'
  };

applySifr(); 

function init()
{
	applyScroller();
	applyClickableListItems();
	fixIeHover();
}

function applyScroller()
{
	resizableArticle = document.getElementById('scroller');

	if(resizableArticle)
	{
		// hide overflow
		resizableArticleHeight = resizableArticle.style.height;		

		var oldInnerHTML = resizableArticle.innerHTML;
		var index = oldInnerHTML.length;
		if(index > 3000) {
			index = 3000;
		}
		resizableArticle.style.height = "1%";
		var size = resizableArticle.clientHeight;
		if(size > 402) {
			while(size > 402 && index > 0) {
				resizableArticle.innerHTML = oldInnerHTML.substring(0, index);
				index -= 100+(size-402)/5;
				size = resizableArticle.clientHeight;
			}
	
			var add = -15;
			if(isIE || isIE7) {
				add = -10;
			}
			resizableArticle.style.overflow = 'hidden';
			resizableArticle.style.height = (size+add)+'px';
			resizableArticle.innerHTML = oldInnerHTML;
			
			// ok let's add new div next to article
			resizableArticlePaginator = document.createElement('div');
			resizableArticlePaginator.className = 'more_paginator';
			
			var a = document.createElement('a');
			a.href = 'javascript:void(null)';		
			var text = document.createTextNode('Continue reading');
			a.appendChild(text);
			
			Event.observe(a, 'click', handleClick, false);
	
			resizableArticlePaginator.appendChild(a);
			
			// create paginator
			resizableArticle.parentNode.insertBefore(resizableArticlePaginator, resizableArticle.nextSibling);
		}
		else {
		}
	}
	
	function handleClick(event)
	{
		resizableArticle.style.height = resizableArticleHeight;
		resizableArticlePaginator.style.display = "none";
	}
}

/*function applyScroller()
{
	resizableArticle = document.getElementById('scroller');

	if(resizableArticle)
	{	
		// hide overflow		
		resizableArticle.style.overflow = 'hidden';
		
		resizableArticleHeight = Element.getHeight(resizableArticle);
		resizableArticleTop = Element.viewportOffset(resizableArticle)[1];
		storyHeight = Element.getHeight(resizableArticle.parentNode);
		
		// ok let's add new div next to article
		resizableArticlePaginator = document.createElement('div');
		resizableArticlePaginator.className = 'more_paginator';
		
		// create paginator
		resizableArticle.parentNode.insertBefore(resizableArticlePaginator, resizableArticle.nextSibling);
		
		var ul = document.createElement('ul');
		resizableArticlePaginator.appendChild(ul);								
		
		var p = document.createElement('p');		
		var text = document.createTextNode('Continue reading');
		p.appendChild(text);

		resizableArticlePaginator.appendChild(p);				
		resizeArticle();
		
		// create an empty spacer
		var spacer = document.createElement('div');
		spacer.style.display = 'block';
		spacer.style.height = '100px';
		
		resizableArticle.appendChild(spacer);		
		
		Event.observe(window, 'resize', resizeArticle, false);
		moveToPage(1);
	}
}

function resizeArticle()
{
	// determine browser height (thanks IE...)	
	
	// determine pages
	newResizableArticleHeight = (getWindowSize()[1] - resizableArticleTop - (storyHeight - resizableArticleHeight));
	
	// to prevent goofy scrolling, add 20px in height each scroll, so calculate new heights
	storyPages = Math.ceil(resizableArticleHeight / (newResizableArticleHeight + 20));
							
	// resize article in favor of scroll
	resizableArticle.style.height = newResizableArticleHeight + "px";	
	
	// remove all childs from paginator
	var ul = resizableArticlePaginator.getElementsByTagName('ul');
	ul = ul[0];
		
	if(ul.hasChildNodes())
	{
	    while(ul.childNodes.length >= 1)
	    {
	        ul.removeChild(ul.firstChild);       
	    } 
	}
	
	// ok now add li's and a's for paginator
	for(var i = 1; i <= storyPages; i++)
	{
		var li = document.createElement('li');
		var a = document.createElement('a');
		var textNode = document.createTextNode(i);
		
		Event.observe(a, 'click', handleClick, false);
		
		a.appendChild(textNode);
		li.appendChild(a);				
		ul.appendChild(li);
	}	
	
	function handleClick(event)
	{
		var element = Event.element(event);
		var page = element.firstChild.nodeValue;
				
		moveToPage(page);
	}
}*/

function moveToPage(page)
{
	resizableArticle.scrollTop = ((page - 1) * (newResizableArticleHeight - 20));
	if(resizableArticle.scrollTop < 0) resizableArticle.scrollTop = 0;

	Element.getElementsBySelector(resizableArticlePaginator, 'li a').each( function(element)
	{
		if(element.firstChild.nodeValue == page)
		{
			element.className = 'active';
		}
		else
		{
			element.className = '';
		}
	});
}

function applySifr()
{
    sIFR.activate(fancyFont);
    sIFR.useStyleCheck = true;
    
    sIFR.replace(fancyFont, { selector: '.news h4', wmode: 'transparent', css: ['.sIFR-root { color: #434445; text-transform: upper; font-size: 18px; }']} );
    //sIFR.replace(fancyFont, { selector: '.news h4 a', wmode: 'transparent', css: ['.sIFR-root { color: #434445; text-transform: upper; font-size: 18px; text-decoration: none; }']} );
    sIFR.replace(fancyFont, { selector: '.column h4', wmode: 'transparent', css: ['.sIFR-root { color: #434445; text-transform: upper; font-size: 16px }']} );
    //sIFR.replace(fancyFont, { selector: '.column h4 a', wmode: 'transparent', css: ['.sIFR-root { color: #434445; text-transform: upper; font-size: 16px; text-decoration: none; }']} );
       
    sIFR.replace(fancyFont, { selector: 'h3.info', wmode: 'transparent', css: ['.sIFR-root { color: #EA404A; text-transform: upper;  font-size: 23px; }']} );       
    sIFR.replace(fancyFont, { selector: '.first h4', wmode: 'transparent', css: ['.sIFR-root { color: #878787; text-transform: upper; font-size: 18px }']} );
    sIFR.replace(fancyFont, { selector: '.story h4', wmode: 'transparent', css: ['.sIFR-root { color: #EA404A; text-transform: upper; font-size: 30px }']} );   
} 

function fixIeHover()
{
	// detect if IE 6 or lower is used	
	var browser = navigator.appName;
	var version = parseFloat(navigator.appVersion);	
	
	if(browser == "Microsoft Internet Explorer" && version <= 6)
	{
		var div = document.getElementById('icon_nav');
		try {
			var links = div.getElementsByTagName('a');
			
			for(var i = 0; i < links.length; i++)
			{
				links[i].onmouseover = function(event)
				{
					displayChild(this, true);
				};
				
				links[i].onmouseout = function(event)
				{
					displayChild(this, false);
				};
			}
		} catch (err) {
			// Niet netjes, maar we doen niets met de error.
		}
	}	
	
	function displayChild(obj, display)
	{
		var childs = obj.getElementsByTagName('span');				
		
		if(childs[0]) 
		{
			if(!childs[0].onmouseout)
			{
				childs[0].onmouseout = function(event)
				{
					this.display = "none";
				};
			}
			
			childs[0].style.zIndex = display ? 1000 : 0;
			childs[0].style.width = "150px";
			childs[0].display = display ? 'block' : 'none';
			childs[0].style.background = display ? '#ffffff' : 'transparent';
		}
	}
}

function applyClickableListItems()
{
	$$('.tags_news .news ul li').each( function(element)
	{
	
		// also find link
		var links = element.getElementsByTagName('a');
		
		if(links)
		{
			Event.observe(element, 'click', function(event)
			{
				var element = Event.element(event);
				var link = element.getElementsByTagName('a')[0];
			}, false); 
		}
	});
}

function getWindowSize()
{
	var width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
	var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
	
	y = 0;
	
	if(document.body && document.body.scrollTop)
	{
	    y = document.body.scrollTop;
	} 
	else if(document.documentElement && document.documentElement.scrollTop)
	{
	    y = document.documentElement.scrollTop;
	}
	
	height = height - y;	
	
	return [width, height]
}

Event.observe(window, 'load', init, false);