// Default
var scheme = 'scheme1';
var json ='';

function setBG(ver, style, bg){
window.open ('/background_styles/previews/' + ver + '.php?f=' + style + '&s=' + scheme + '&bg=' + bg, 'bgprev', 'scrollbars=yes, status=0, toolbar=0'); 
}


function setScheme(sch, color){

scheme = sch;

var precolor = $('precolor');

precolor.style.background = color;

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;

		}
});

}