function newimage(id)
{
	switch(id)
	{
		case 'item01':
			return 'http://www.mea-models.nl/sfeer/models/hostess_large.gif';
		break;
		case 'item02':
			return 'http://www.mea-models.nl/sfeer/models/horeca_large.gif';
		break;
		case 'item03':
			return 'http://www.mea-models.nl/sfeer/models/promotie_large.gif';
		break;
		case 'item04':
			return 'http://www.mea-models.nl/sfeer/models/showgirl_large.gif';
		break;
		case 'item05':
			return 'http://www.mea-models.nl/sfeer/models/fotogirl_large.gif';
		break;
		case 'item06':
			return 'http://www.mea-models.nl/sfeer/models/fittingmodel_large.gif';
		break;
		case 'item07':
			return 'http://www.mea-models.nl/sfeer/models/office_large.gif';
		break;
	}
}
function getalias(id)
{
	switch(id)
	{
		case 'item01':
			return 'hostess';
		break;
		case 'item02':
			return 'horeca';
		break;
		case 'item03':
			return 'promotie';
		break;
		case 'item04':
			return 'acts_performance';
		break;
		case 'item05':
			return 'fotomarketing';
		break;
		case 'item06':
			return 'fitting-models';
		break;
		case 'item07':
			return 'mea-office';
		break;
	}
}

function loaditems()
{
	var items = document.getElementById('showroll').getElementsByTagName('li');
	for(var i = 0; i < items.length; i++)
	{
		var img = items[i].getElementsByTagName('img')[0];
		img.onclick = function()
		{
			var current = this.id;
			var image = newimage(current);
			document.getElementById('layout').innerHTML += '<img src="'+image+'" style="display:none" />';
			new Effect.Morph(current, {
				style: 'height: 700px; margin: -100px 0 0 0', duration: 0.3, afterFinish: function()
				{
					var alias = getalias(current);
					// var prev = items[i].getElementsByTagName('img')[0];
					// alert(current+'\n'+image);
					document.getElementById(current).src = image;
					new Effect.Morph(current, {
						style: 'height: 900px; margin: -200px 0 0 0', duration: 0.4, afterFinish: function()
						{
							window.open('new.php?alias='+alias,'_self');
						}
					});
				}
			});
		}
	}
}

function layer(title,fields)
{
	document.getElementById('display').innerHTML = '<div id="overflow"></div>'+
	'<div id="displaybox"><div id="displayborder"><div id="displaytop">'+
	'<span id="icon-close" onclick="hidelayer()"></span><h4>'+title+'</h4></div>'+
	'<form action="" method="post" enctype="multipart/form-data">'+fields+'</form></div></div>';
	document.getElementById('display').style.display = 'block';
}
function hidelayer()
{
	document.getElementById('display').innerHTML = '';
	document.getElementById('display').style.display = 'none';
}

function start_upload()
{
	var fields = '<p>Het uploaden is afhankelijk van uw internet snelheid. Even geduld a.u.b.</p>';
	fields += '<p><img alt="Upload indicator" src="http://www.mea-group.nl/images/ajax-loader.gif" /></p>';
	fields += '<p>Gelieve dit proces niet te onderbreken</p>';
	layer('Uploaden gestart',fields);
}

function via_name(name)
{
	
	if(name == 'Gescout')
	{
		if(document.getElementById('scout'))
		{
			document.getElementById('scout').innerHTML =
			'<span>door:</span><input type="text" id="scout_name" name="scout_name" size="20" value="" />';
		}
		else
		{
			document.getElementById('via_name').innerHTML +=
			'<div id="scout"><span>door:</span><input type="text" id="scout_name" name="scout_name" size="20" value="" /></div>';
		}
		
		document.formulier.via.options[1].selected = true;
	}
	else
	{
		document.getElementById('scout').innerHTML = '';
	}
}


window.onload=function()
{
	loaditems();
}