function displayTemplate(componentTypeId,componentId)
{
	//&& typeof componentId== 'undefined'
	if (document.getElementById('componentEdit'+componentTypeId).innerHTML!="" )
	{
		document.getElementById('componentEdit'+componentTypeId).innerHTML="";
		return;
	}

	var stuff=document.getElementsByTagName("div");
	//var stuff=document.getElementById('formComponentEdit');
	//alert(stuff);
	//alert(stuff.length);
	for(i=0;i<stuff.length;i++)
	{
		//alert(stuff[i].name);
		if(stuff[i].title=="componentEdit")
		{
			//alert(stuff[i].name);
			stuff[i].innerHTML="";
		}
	}
	document.getElementById('state').innerHTML='Status: loading...';
	document.getElementById('state').style.color='rgb(255,0,0)';

	document.getElementById('componentIdToEdit').value=-1;
	xml=buildXmlHttp();
	xml.onreadystatechange=function()
    {
		if(xml.readyState==4)
		{
			document.getElementById('componentEdit'+componentTypeId).innerHTML=xml.responseText;
			//alert(xml.responseText);
			document.getElementById('state').innerHTML='Status: ok';
			document.getElementById('state').style.color='';
		}
    }
	if(typeof componentId != 'undefined')
	{
		document.getElementById('componentIdToEdit').value=componentId;
		xml.open('GET','index2.php?option=com_rsform&task=components.display&componentType=' + componentTypeId + '&componentId=' + componentId + '&&randomTime=' + Math.random(), true);
	}
	else
	{	xml.open('GET','index2.php?option=com_rsform&task=components.display&componentType='+componentTypeId+'&randomTime='+Math.random(),true);
	}
	xml.send(null);
	document.getElementById('componentEdit'+componentTypeId).innerHTML='';

}
function changeStatusComponent(formId,componentId)
{
	document.getElementById('state').innerHTML='Status: loading...';
	document.getElementById('state').style.color='rgb(255,0,0)';
	xml=buildXmlHttp();
	xml.onreadystatechange=function()
    {
		if(xml.readyState==4)
		{
			var icon = document.getElementById('currentStatus' + componentId);
			if(icon.src.match('unpublish.png'))
			{
				icon.src = 'components/com_rsform/images/icons/publish.png';
			}
			else
			{
				icon.src = 'components/com_rsform/images/icons/unpublish.png';
			}
			if(document.getElementById('FormLayoutAutogenerate').checked==true) generateLayout(formId,'no');
			document.getElementById('state').innerHTML='Status: ok';
			document.getElementById('state').style.color='';
		}
    }
	xml.open('GET','index2.php?option=com_rsform&task=components.changestatus&componentId='+componentId+'&randomTime='+Math.random(),true);
	xml.send(null);
}
function removeComponent(formId,componentId)
{
	document.getElementById('state').innerHTML='Status: loading...';
	document.getElementById('state').style.color='rgb(255,0,0)';
	xml=buildXmlHttp();
	xml.onreadystatechange=function()
    {
		if(xml.readyState==4)
		{
			var table=document.getElementById('componentPreview');
			var rows=document.getElementsByName('previewComponentId');
			for(i=0;i<rows.length;i++)
			{
				if(rows[i].value==componentId)
				{
					table.deleteRow(i);
				}
			}
			tidyOrder();
			if(document.getElementById('FormLayoutAutogenerate').checked==true) generateLayout(formId,'no');
			
			document.getElementById('state').innerHTML='Status: ok';
			document.getElementById('state').style.color='';
		}
    }
	xml.open('GET','index2.php?option=com_rsform&task=components.remove&componentId='+componentId+'&formId='+formId+'&randomTime='+Math.random(),true);
	xml.send(null);
}
function moveComponentUp(formId,componentId)
{
	document.getElementById('state').innerHTML='Status: loading...';
	document.getElementById('state').style.color='rgb(255,0,0)';
	xml=buildXmlHttp();
	xml.open('GET','index2.php?option=com_rsform&task=components.moveup&formId='+formId+'&componentId='+componentId+'&randomTime='+Math.random(),true);
	xml.send(null);
  	//initForm(formId);
	var table=document.getElementById('componentPreview');
	var rows=document.getElementsByName('previewComponentId');
	for(i=0;i<rows.length;i++)
	{
		if(rows[i].value==componentId && i>1)
		{
			for(j=0;j