function get(id)
{
	return document.getElementById(id);
}

function getValueOf(id)
{
	return get(id).value;
}

function onLoadAction(stage)
{
	var stages = new Array();
	for( var i = 0; i < 5; i++)
	{
		stages[i] = new Array();
	}
	stages[0][0] = "uploadForm";
	stages[0][1] = "stageUploadImage";
	stages[1][0] = "labelForm";
	stages[1][1] = "stageCustomiseLabel";
	stages[2][0] = "orderForm";
	stages[2][1] = "stageOrderDetails";
	stages[3][0] = "customerDetailsForm";
	stages[3][1] = "stageCustomerDetails";
	stages[4][0] = "finish";
	stages[4][1] = "stageFinal";
	var nr = -1;
	for( i = 0; i < 5 && nr == -1; i++)
	{
		if( stages[i][0] == stage )
		{
			nr = i;
		}
	}
	for( i = 0; i < 5 && nr >= 0; i++)
	{
		if( i < nr )
		{
			setVisited( stages[i][1] );
		}
		else if ( i == nr )
		{
			setActive( stages[i][1] );
		}
		else
		{
			setDisabled( stages[i][1] );
		}
	}
}

function setActive(item)
{
	get(item).className = "stageActive";
}

function setDisabled(item)
{
	get(item).className = "stageDisabled";
}

function setVisited(item)
{
	get(item).className = "stageVisited";
}

function goTo(stage)
{
	get('stage').value = stage;
	get('customLabelForm').submit();
}

function eventSource(e)
{
	var source
	if (!e)
  	{
  		var e=window.event;
  	}
	if (e.target)
  	{
  		source=e.target;
  	}
	else if (e.srcElement)
  	{
  		source=e.srcElement;
  	}
	if (source.nodeType==3)
  	{
  		source = targ.parentNode;
  	}
  	return source.id;
}

function isPhone(phoneNr)
{
	var i;
	for(i = 0; i < phoneNr.length; i++)
	{
		if( isNaN(phoneNr[i]) && !in_array(phoneNr[i], new Array("+", ".", "(", ")","-", " ")) )
		{
			return false;
		}
	}
	return true;
}

function in_array(needle, haystack)
{
	for(var i = 0; i < haystack.length; i++)
	{
		if( haystack[i] == needle )
		{
			return true;
		}
	}
	return false;
}

function itemNav(listName, currPos, nrItems, direction)
{
	nextPos = parseInt(currPos) + parseInt(direction);
	if( nextPos < 0 )
	{
		nextPos = nrItems - 1;
	}
	else if( nextPos >= nrItems )
	{
		nextPos = 0;
	}
	get(listName+"_"+currPos).style.display = "none";
	get(listName+"_"+nextPos).style.display = "block";
}

function error(id)
{
	get(id).style.color = "#FF0000";
	get(id).style.fontWeight = "bold";
}

function reset(id)
{
	get(id).style.color = "#FFFFFF";
	get(id).style.fontWeight = "";
}

function toggleImage(addr, resize)
{
	get('imageDisplay').src = "";
	if( get('imageDisplayDiv').style.display == "none" || get('imageDisplayDiv').style.display == "" )
	{
		var now = new Date();
		get('imageDisplay').src = addr+"?"+now.getTime();
		if(resize == true	)
		{
			get('imageDisplay').style.width = "290px";
			get('imageDisplay').style.height = "295px";
		}
		else
		{
			get('imageDisplay').style.width = "";
			get('imageDisplay').style.height = "";
		}
		if( document.all )
		{
			get('imageDisplayDiv').style.left = ( ( document.body.clientWidth - 300 ) / 2 )+"px";
			get('imageDisplayDiv').style.top = ( ( document.body.clientHeight - 320 ) / 2)+"px";
		}
		else
		{
			get('imageDisplayDiv').style.left = ( ( window.innerWidth - 300 ) / 2 )+"px";
			get('imageDisplayDiv').style.top = ( ( window.innerHeight - 320 ) / 2)+"px";
		}
		get('imageDisplayDiv').style.display = "block";
	}
	else
	{
		get('imageDisplayDiv').style.display = "none";
	}
	return false;
}