var with_text = false;
function multiple_select_to_text( source, target )
{
	var data = "";
	for( var i = 0; i < source.options.length; i++ )
	{
		sep = ",";
		if( data.length <= 0 ) sep = "";
		
		if( source.options[i].selected ) data = data + sep + source.options[i].value;
	}
	document.getElementById( target ).value = data;
}

function set_icons( source, target, type )
{
	var icons = new Array();
	if( with_text )
	{
		var textIcons = new Array();
	}
	var data = document.getElementById( source ).value.split( ',' );
	if( source == 'ctb_field5' ) var nameSource = 'macs';
	if( source == 'ctb_field6' ) var nameSource = 'systems';
			
	for( var i = 0; i < data.length; i++ )
	{
		if( data[i].length > 0 )
		{				
			var name = get_name_by_id( nameSource, data[i] );
			icons.push( '<img src="http://www.macnotes.de/images/' + type + '/' + data[i] + '.png" alt="' + name + ' icon"/>' );
			if( with_text )
			{
				textIcons.push( '<img src="http://www.macnotes.de/images/' + type + '/' + data[i] + '.png" alt="' + name + ' icon"/>' + name );
			}
		}
	}
	if( icons.length > 0 )
	{
		document.getElementById( target ).innerHTML = icons.join( '<br/>' ); 
	}
	else
	{
		document.getElementById( target ).innerHTML = '&nbsp;';
	}
	if( with_text )
	{
		if( textIcons.length > 0 )
		{
			document.getElementById( nameSource + "_list_output" ).innerHTML = textIcons.join( '<br/>' ); 
		}
		else
		{
			document.getElementById( nameSource + "_list_output" ).innerHTML = '&nbsp;';
		} 	
	}				
}
	
function restore_multiple_select_from_text( source, target )
{
	var data = document.getElementById( source ).value.split( ',' );
	var list = document.getElementById( target );
	
	for( var i = 0; i < list.options.length; i++ )
	{
		if( data.inArray( list.options[i].value ) )
		{
			list.options[i].selected = "selected";
		}
	}
}

Array.prototype.inArray = function ( element )
{
	var i;
	for( var i = 0; i < this.length; i++ )
	{
		if( this[i] == element )
		{
			return true;
		}
	}

	return false;
}

function get_name_by_id( source, id )
{
	var name = "";
		
	var list = document.getElementById( source );

	for( var i = 0; i < list.options.length; i++ )
	{
		if( id == list.options[i].value )
		{
			name = list.options[i].text;
		}
	}
	
	return name;
}
