function CForm(data)
{
	if(data['fields'] != null && data['fields'].length > 0)
	{
		this._formats = new Array();
		var id = new Array();
		for(var x = 0; x < data['fields'].length; x++)
		{
			id.push(data['fields'][x]['id']);
			this._formats[data['fields'][x]['id']] = {
				format : data['fields'][x]['id']['format']
			}

			this.setFormat(data['fields'][x]['id'], data['fields'][x]['format']);
		}
	}
}

CForm.prototype._formats;

CForm.prototype.setFormat = function(id, exemple)
{
	var el = null;

	if((typeof(id)).toLowerCase() == 'object')
	{
		el = id;
		id = el.id;
	}
	else
	{
		var el = document.getElementById(id);
	}

	if (el != null)
	{
		var inputExemple = el.cloneNode(false);
		inputExemple.name = inputExemple.name + '_exemple';
		inputExemple.id = inputExemple.id + '_exemple';
		inputExemple.className = (inputExemple.className != null && inputExemple.className != '' ? inputExemple.className + ' js_exemple' : 'js_exemple');
		inputExemple.value = exemple;

		inputExemple.onfocus = function()
		{
			inputExemple.style.display = 'none';
			el.style.display = 'inline';
			el.focus();
		}

		el.onblur = function()
		{
			if (el.value == null || el.value == '')
			{
				inputExemple.style.display = 'inline';
				el.style.display = 'none';
			}
		}

		el.parentNode.appendChild(inputExemple);

		if(el.value == null || el.value == '')
		{
			inputExemple.style.display = 'inline';
			el.style.display = 'none';
		}
		else
		{
			inputExemple.style.display = 'none';
			el.style.display = 'inline';
		}

		return true;
	}
}

function highlightFields(fields)
{
	var x = 0;
	for(x = 0; x < fields.length; x++)
	{	
		var elem = document.getElementById(fields[x]);
		
		if (elem != null)
		{
			if (elem.className != '')
			{
				elem.className = elem.className + ' field_highlight';
			}
			else
			{
				elem.className = 'field_highlight';
			}
		}
	}
}