var setSubmitCss = new Class({
	
	Implements: Options,
    options: {
		handleClass: 'tx-frkmesse-pi1-submit',
		// broder-top, broder-right,  broder-bottom,  broder-left,  background, color
		submit_n: ['#FFFFFF','#000000','#000000','#FFFFFF','#D1D2D4','#000000'],
		submit_h: ['#FFFFFF','#000000','#000000','#FFFFFF','#D1D2D4','#db007a'],
		submit_a: ['#FFFFFF','#000000','#000000','#FFFFFF','#db007a','#FFFFFF']
	},
	
	initialize: function(options){
		this.setOptions(options);
		this.setButton();
	},
	
	setButton: function(){
		this.bound = {};
		submitAr = $$('.'+this.options.handleClass);
		submitAr.each(function(node) {
			this.bound.byMouseOver = this.byMouseOver.bindWithEvent(this);
			node.addEvent('mouseover', this.bound.byMouseOver);
			this.bound.byMouseOut = this.byMouseOut.bindWithEvent(this);
			node.addEvent('mouseout', this.bound.byMouseOut);
			this.bound.byClick = this.byClick.bindWithEvent(this);
			node.addEvent('mousedown', this.bound.byClick);
			this.setCss(node, this.options.submit_n);
		}.bind(this));
	},
	
	setCss: function (el, styleAr){
		el.setStyles ({
			'border-top': '1px solid '+styleAr[0],
			'border-right': '1px solid '+styleAr[1],
			'border-bottom': '1px solid '+styleAr[2],
			'border-left': '1px solid '+styleAr[3],
			'background': styleAr[4],
			'color': styleAr[5],
			'padding-left': '6px',
			'padding-right': '6px'
		})
	},
	
	byMouseOver: function (event){
		el = $(event.target);
		this.setCss(el, this.options.submit_h);
	},
	
	byMouseOut: function (event){
		el = $(event.target);
		this.setCss(el, this.options.submit_n);
	},
	
	byClick: function (event){
		el = $(event.target);
		this.setCss(el, this.options.submit_a);
	}
	
});
setSubmitCss.implement(new Options);