Dvintage.CommentPop = Class.create({
    initialize: function(trigger,commentpop){

		this.options = Object.extend({
			setTop: true
		}, arguments[2] || { });

		this.trigger = trigger;
		this.commentpop = commentpop;
		this._insertCloseButton();
		trigger.observe('click', this._popup.bind(this))
	},
	_insertCloseButton: function() {
		this.closebutton = new Element('div').setStyle({position:'absolute', right:'15px', top:'13px', cursor:'pointer'}).update('close');
		this.commentpop.insert(this.closebutton);
		this.closebutton.observe('mouseover', function(){this.setStyle({textDecoration:'underline'})});
		this.closebutton.observe('mouseout', function(){this.setStyle({textDecoration:'none'})});
		this.closebutton.observe('click', this._popout.bind(this));
	},
	_popup: function () {
		if (this.options.setTop) {
			this.commentpop.setStyle({
				'top': this.trigger.offsetTop + 'px'
			})
		}
		this.commentpop.show();
	},
	_popout: function () {
		this.commentpop.hide();
	}
})


document.observe('dom:loaded', function(){
	$$('.commentpop').each(function(commentpop){
		var trigger = commentpop.previous('.comment');
		
		if (commentpop.readAttribute('settop') && commentpop.readAttribute('settop') == 'false') {
	
			new Dvintage.CommentPop(trigger, commentpop, {setTop: false});
			
		}
		else {

			new Dvintage.CommentPop(trigger, commentpop);
	
		}
		
})})