
Form.implement( { 
	enter: function(element, item) {
		element.set({ 'class': 'form_row_over' });		
	},
	
	leave: function(element, item) {
		element.set({ 'class': 'form_row' });
	},
	
	select: function(element, item) {	
		element.getElement('div').set( 'class', 'form_' + this.options.type+'_selected' );
		element.set({ 'class': 'form_row_over' });
	},
	
	deselect: function(element, item) {
		element.getElement('div').set( 'class', 'form_' + this.options.type );
		element.set({ 'class': 'form_row' });
	},
	showVisualClue: function( index, correct ) {
		this.getRow( index ).set({ 'class': 'form_row_'+(correct?'ok':'false') } );
	},
	hideVisualClue: function( index ) {
		var row = this.getRow( index );
		row.set({ 'class': 'form_row'+(row.retrieve('item').selected?'_over':'') } );
	}
} );

GuiCanvas.implement({
	showAction: function() {
		this.element.setStyle( 'display', 'block' );
	},
	
	hideAction: function() {
		this.element.setStyle( 'display', 'none' );
	}
} );

GuiCanvas.Window.implement( {	
	hideButtons: function() {
		if(this.elm_but) this.elm_but.setStyle( 'display', 'none' );
	},
	
	showButtons: function() { 
		if(this.elm_but) this.elm_but.setStyle( 'display', 'block' );
	}
});
