var ExpirationField = new Class({
	
	Extends: FormField,

	createField: function()
	{
		this.wrapper 			= new Element("div", {"class":"fieldContainer"});
		this.labelElement		= new Element("label", {text:this.label}).inject(this.wrapper);
		
		this.month = new Element("select");
		var option = new Element("option", {text:"01", value:"01"}).inject(this.month);
		var option = new Element("option", {text:"02", value:"02"}).inject(this.month);
		var option = new Element("option", {text:"03", value:"03"}).inject(this.month);
		var option = new Element("option", {text:"04", value:"04"}).inject(this.month);
		var option = new Element("option", {text:"05", value:"05"}).inject(this.month);
		var option = new Element("option", {text:"06", value:"06"}).inject(this.month);
		var option = new Element("option", {text:"07", value:"07"}).inject(this.month);
		var option = new Element("option", {text:"08", value:"08"}).inject(this.month);
		var option = new Element("option", {text:"09", value:"09"}).inject(this.month);
		var option = new Element("option", {text:"10", value:"10"}).inject(this.month);
		var option = new Element("option", {text:"11", value:"11"}).inject(this.month);
		var option = new Element("option", {text:"12", value:"12"}).inject(this.month);

		this.month.inject(this.wrapper);
		
		new Element("span", {"class":"ExpirationSeparator", "text":" / "}).inject(this.wrapper);
		
		this.year				= this.createSelect(2010, 2020);
		this.year.inject(this.wrapper);
		
		this.month.addEvent("blur"	, this.fieldBlur.bind(this));
		this.year.addEvent("blur"	, this.fieldBlur.bind(this));
	},
	
	createSelect: function(initNumber, finalNumber)
	{
		var select = new Element("select");
		for(counter = initNumber; counter<=finalNumber; counter++)
		{
			var option = new Element("option", {text:counter, value:counter}).inject(select);
		}
		return select;
	},
	
	setValue: function(value)
	{
		var values = value.split("/");
		this.month.set("value", values[0]);
		this.year.set("value", values[1]);
	},
	
	getValue: function()
	{
		return this.month.get("value")+"/"+this.year.get("value");
	}
	
})