document.observe("dom:loaded", function() {
        new Protofade('protofade', { randomize:true });
  	new Protofade('protofade2', { randomize:false });
});

function position(override)
{
var viewHeight = document.viewport.getHeight();
var topHeight= 185;
var bottomHeight = 47;
var space = 0;
if (override == undefined)
	var containerHeight = $('container').getHeight();
else 
	var containerHeight = override;

if( viewHeight > topHeight + containerHeight + bottomHeight + space )
{
	$("container").style.height = (viewHeight - topHeight - bottomHeight) + "px"; 	
}
else {
	$("container").style.height = (containerHeight + space) + 'px';
}
}

function afterAjaxContent()
{

if ($('seriesTable'))
{
	position($('seriesTable').getHeight() + 175);
}

}

function menuMouseOver(el) {
	
	el.childNodes[1].style.visibility = 'visible';
}

function menuMouseOut(el) {
	el.childNodes[1].style.visibility = 'hidden';
}

function menuMouseOver2(el) {
	
	el.childNodes[0].style.visibility = 'hidden';
	el.childNodes[1].style.visibility = 'visible';
	hoverel = $(el.id + 'hover');
	if (hoverel && hoverel.ready)
	{
		hoverel.ready = false;
		if (hoverel != $('homebuttonhover')) $('homebuttonhover').fade({ duration: 0.1, afterFinish: function() {$('homebuttonhover').ready=true; hoverel.appear({ duration: 0.3});}});
		if (hoverel != $('seriesbuttonhover')) $('seriesbuttonhover').fade({ duration: 0.1, afterFinish: function() {$('seriesbuttonhover').ready=true; hoverel.appear({ duration: 0.3});}});
		if (hoverel != $('tvgidsbuttonhover')) $('tvgidsbuttonhover').fade({ duration: 0.1, afterFinish: function() {$('tvgidsbuttonhover').ready=true; hoverel.appear({ duration: 0.3});}});
		if (hoverel != $('funbuttonhover')) $('funbuttonhover').fade({ duration: 0.1, afterFinish: function() {$('funbuttonhover').ready=true; hoverel.appear({ duration: 0.3});}});
		if (hoverel != $('eventbuttonhover')) $('eventbuttonhover').fade({ duration: 0.1, afterFinish: function() {$('eventbuttonhover').ready=true; hoverel.appear({ duration: 0.3});}});
		if (hoverel != $('zoekbuttonhover')) $('zoekbuttonhover').fade({ duration: 0.1, afterFinish: function() {$('zoekbuttonhover').ready=true; hoverel.appear({ duration: 0.3});}});
		if (hoverel != $('helpbuttonhover')) $('helpbuttonhover').fade({ duration: 0.1, afterFinish: function() {$('helpbuttonhover').ready=true; hoverel.appear({ duration: 0.3});}}); 
	}
}

function menuMouseOut2(el) {
	el.childNodes[0].style.visibility = 'visible';
	el.childNodes[1].style.visibility = 'hidden';
}

function initmenu()
{
$('homebuttonhover').ready=true;
$('seriesbuttonhover').ready=true;
$('tvgidsbuttonhover').ready=true;
$('funbuttonhover').ready=true;
$('eventbuttonhover').ready=true;
$('zoekbuttonhover').ready=true;
$('helpbuttonhover').ready=true;
}

function resetTopMenu()
{
if($('homebuttonhover').visible())
	$('homebuttonhover').fade({ duration: 0.5, afterFinish: function() {$('homebuttonhover').ready=true;}});
if($('seriesbuttonhover').visible())
	$('seriesbuttonhover').fade({ duration: 0.5, afterFinish: function() {$('seriesbuttonhover').ready=true;}});
if($('tvgidsbuttonhover').visible())
	$('tvgidsbuttonhover').fade({ duration: 0.5, afterFinish: function() {$('tvgidsbuttonhover').ready=true;}});
if($('funbuttonhover').visible())
	$('funbuttonhover').fade({ duration: 0.5, afterFinish: function() {$('funbuttonhover').ready=true;}});
if($('eventbuttonhover').visible())
	$('eventbuttonhover').fade({ duration: 0.5, afterFinish: function() {$('eventbuttonhover').ready=true;}});
if($('zoekbuttonhover').visible())
	$('zoekbuttonhover').fade({ duration: 0.5, afterFinish: function() {$('zoekbuttonhover').ready=true;}});
if($('helpbuttonhover').visible())
	$('helpbuttonhover').fade({ duration: 0.5, afterFinish: function() {$('helpbuttonhover').ready=true; }}); 
}


function startscrollleft(obj) {

window.intervalId = window.setInterval(function() { moveleft(obj); },10);
}

function startscrollright(obj) {

window.intervalId = window.setInterval(function() { moveright(obj); },10);
}

function moveleft(obj)
{
var marginnow = parseInt(obj.style.marginLeft);
if (marginnow < 0)
obj.style.marginLeft = marginnow +2 + "px";
}

function moveright(obj)
{
var marginnow = parseInt(obj.style.marginLeft);

if (marginnow > 0-(parseInt(obj.getWidth())-parseInt(obj.up("div").getWidth())))
obj.style.marginLeft = marginnow -2 + "px";
}

function stopscroll() {
clearInterval(window.intervalId);
}

function menuMouseOver(el) {
  el.childNodes[1].style.visibility = 'visible';
}

function menuMouseOut(el) {
  el.childNodes[1].style.visibility = 'hidden';
}