var DataUri = {};

DataUri.updateControls = function()
{
    DataUri.updateDataSource();
    DataUri.updateMimeType();
}

DataUri.updateDataSource = function()
{
	if ($('data-uri-datasource-text-radio').checked)
	{
		$('data-uri-text').style.display = 'block';
	}
	else
	{
		$('data-uri-text').style.display = 'none';
	}

	if ($('data-uri-datasource-upload-radio').checked)
	{
		$('data-uri-file').style.display = 'block';
	}
	else
	{
		$('data-uri-file').style.display = 'none';
	}

	if ($('data-uri-datasource-url-radio').checked)
	{
		$('data-uri-url').style.display = 'block';
	}
	else
	{
		$('data-uri-url').style.display = 'none';
	}
};
	
DataUri.updateMimeType = function()
{
    if ($('data-uri-datasource-url-radio').checked)
    {
        $('data-uri-mimetype').style.display = 'none';
    }
    else
    {
        $('data-uri-mimetype').style.display = 'block';
    	if ($('data-uri-mimetype-other-radio').checked)
    	{
    		$('data-uri-mimetype-value').style.display = 'block';
    	}
    	else
    	{
    		$('data-uri-mimetype-value').style.display = 'none';
    	}
    }
}

DataUri.initStyles = function()
{
	document.writeln('<style type="text/css">');
	document.writeln('<!--');
	document.writeln('#data-uri-text, #data-uri-upload, #data-uri-url, #data-uri-mime-type {');
	document.writeln('	display: none;');
	document.writeln('}');
	document.writeln('-->');
	document.writeln('</style>');
}

DataUri.init = function()
{
    Event.observe($('data-uri-datasource-text-radio'), 'click', DataUri.updateControls);
    Event.observe($('data-uri-datasource-upload-radio'), 'click', DataUri.updateControls);
    Event.observe($('data-uri-datasource-url-radio'), 'click', DataUri.updateControls);
    Event.observe($('data-uri-mimetype-ua-radio'), 'click', DataUri.updateControls);
    Event.observe($('data-uri-mimetype-other-radio'), 'click', DataUri.updateControls);
    
    if ($('data-uri-results-field') != null)
    {
	    Event.observe($('data-uri-results-field'), 'focus', function() 
	    {
	       $('data-uri-results-field').select();
	    });
    }
}