// JavaScript Document

function ajaxStart() {
	$('loading').setStyle('display', '');
}
function ajaxComplete() {
	$('loading').setStyle('display', 'none');
}
function ajaxLoad(el, url) {
	ajaxStart();
	new Ajax(url, {method: 'get', update: el}).addEvent('onComplete', ajaxComplete).request();
}
function ajaxForm(form, el) {
	ajaxStart();
	form.send({method: 'get', update: el}).addEvent('onComplete', ajaxComplete);
}
var background;
window.addEvent('domready', function() {	
	new Nifty('.box', {radius: 5});
	new Nifty('.grid', {radius: 2, inTopColor: '#F9F9F9', inBottomColor:'#CEDDEF'});
	new Nifty('.fieldset', {radius: 2});	
	new Nifty($('level-2'), {radius: 5});
//	new Nifty('.bottom-rounded', {radius: 5, TL: false, TR: false});
//	new Nifty('.widget', {radius: 5, inTopColor:"#540037"});


	var list = $$('.CP');
	list.each(function(element) {	
		var id = element.getProperty('id');
		new MooRainbow(id, {id: id+'moo'}).addEvent('onChange', function(color) {
			$(id).setStyle('background', color.hex);
			$(id+'i').value = color.hex;
		});
	});

	if($('code')) ajaxForm($('code'), 'preview');
});