var menu;
var tim=0;
var move=30;
var menuSpeed=10;
var left=-339;
var menustate=0;


var DHTML = (document.getElementById || document.all || document.layers);
if ( !DHTML ) alert('Uw browser ondersteund geen Dhtml. Deze website zal hierdoor niet optimaal bekeken kunnen worden!');


function getObj(name)
{
  if(document.getElementById)
  {
	this.obj = document.getElementById(name);  
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
	this.obj = document.layers[name];
	this.style = document.layers[name];
  }
}



function fillImagesAndMoveMenu(languagecode)
{
	if(menustate==0)
	{
		fillProductImages();
		moveMenuOut(languagecode);
	}

	else if(menustate==1)
	{
		moveMenuIn(languagecode);
	}
	//document.forms[0].flyoverPaneStatus.value = menustate;
}

function fillProductImages()
{
	for (i=0;i<imagenames.length;i++)
	{
		imageid = new getObj('productfoto' + i);
		imageid.obj.src='resources/images/products/'  + imagenames[i] + '.gif';		
	}
	return;
}

function moveMenu(languagecode)
{ 
	if (menustate==0)
	{
		moveMenuOut(languagecode);			
	}
	else if (menustate==1)
	{
		
		moveMenuIn(languagecode);		
	}
}

function moveMenuOut(languagecode)
{
	menustate = 1;
	if(left<200)
	{
		menu = new getObj('flyover');
		left = left+move;
		menu.style.left = left + "px";
		tim=setTimeout("moveMenuOut('"+languagecode +"')",menuSpeed)
	}
	
	else
	{
		button = new getObj('selectiebutton');		
		button.style.background='url(resources/images/basis/flyover_close_'+languagecode+'.gif) no-repeat';		
	}
	return;
}

function moveMenuIn(languagecode)
{
	menustate = 0;
	if(left>=-330)
	{	
		menu = new getObj('flyover');
		left = left-move;
		menu.style.left = left + "px";
		tim=setTimeout("moveMenuIn('"+languagecode+"')",menuSpeed)

	}
	else
	{		
		button = new getObj('selectiebutton');
		button.style.background='url(resources/images/basis/flyover_open_'+languagecode+'.gif) no-repeat';	
		
	}
	return;
}

function FlipMenuOut(languagecode)
{
	menu = new getObj('flyover');
	left = 200;
	menu.style.left = left + "px";
	menustate = 1;
	button = new getObj('selectiebutton');	
	button.style.background='url(resources/images/basis/flyover_close_'+languagecode+'.gif) no-repeat';		
	return;	
}

function setBorder(id, borderOn)
{
	product = new getObj("product"+id);
	link = new getObj("link"+id);	
	if(id<16 && borderOn)
	{
		product.style.border='2px solid white';
		link.style.color = "white";
		product.style.padding='3px';		
	}
	else if(id<16)
	{
		product.style.border='0px';
		link.style.color = "black";
		product.style.padding='5px';
		
	}
}