wmo.site = new Class ({

	Implements: [Options, Events],
	
	options: {
		url: '',
		articleId: 0
	},
	
	initialize: function(options) {
		this.setOptions(options);
		this.message=new wmo.box({
			padding: 10,
			className: 'message',
			resizeOnShow: true
		});
		this.articleId=options.articleId;
	},
		
	showMessage: function(options) {
		if (options.post && !$defined(options.url)) {options.url=this.options.url;}
		this.message.show(options);
	},
	
	addMessage: function(id) {
		var post='A=addMessage&ArticleID='+this.articleId;
		this.message.show({url: this.options.url, post: post, title: 'Plaats een reactie',width: 470, height: 390});
		this.message.form=new wmo.form('wmo_comment');
		$('wmo_comment').set('send', {url: this.options.url, async: false, onComplete: this._afterAddMessage.bind(this)});
		this.message.form.setFocus();	
	},
	
	sendAddMessage: function() {
		if (this.message.form.validate())
			{$('wmo_comment').send();}
	},
	
	_afterAddMessage: function(result) {
		result=JSON.decode(result);
		var el=$('site_comments_clone').clone();
		el.set({id: 'message_'+result.id});
		var html=el.getHTML();
		el.set({styles: {'display': 'block'}, 'html': html.substitute(result)});
		el.inject($('site_comments'),'top');
		this.message.hide();
	}
	
	
});