// Default
var scheme = 'scheme1';
var json ='';

function setBG(ver, style, bg){
$('scheme').value = scheme;
$('fname').value = style;
$('ver').value = ver;
$('imgId').value = bg;

document.forms["intBg"].submit();
}


function setScheme(sch, color){

scheme = sch;



var url = 'css/color_schemes/' + scheme + '.json';

new Ajax.Request(url, {

  method:'get',

  requestHeaders: {Accept: 'application/json'},

  onSuccess: function(transport){

    var json = transport.responseText.evalJSON(true);

	var newTable = "<table id=\"contentsTable\">\n";

		for ( i=0;i<json.fielddefinition.length;i++ )
		{
		newTable += "<tr>\n<td>" + json.fielddefinition[i].fieldname.replace(/\@/g, '') + '</td>';

		newTable += '<td>' + json.fielddefinition[i].fieldvalue + "</td>\n</tr>\n";
		} 

	newTable += "</table>\n";

$('contents').innerHTML = newTable;

		}
});

}
