var CustomSelector = new Class({
	
	//implements
	Implements: [Options],

	//options
	options: {
		parent: 'customSelector',
		handleClass: 'dropdownHandle',
		defaultOption: new Element('div'),
		defaultOptionHandle: new Element('div'),
		defaultText: 'Please Select',
		children:$empty,
		slide: []
	},
	
	//initialization
	initialize: function(options) {
		//set options

		this.setOptions(options);
		this.options.children = $(this.options.parent).getChildren();
		var childrenContainer = new Element('div');
		
		//this.options.children.each(function(thisChild){this.options.slide.push(new Fx.Slide(thisChild).hide())}.bind(this))
		
	
		this.options.defaultOption.set('html',this.options.defaultText);
		this.options.defaultOption.set('class',this.options.handleClass);
		
		this.options.defaultOption.inject($(this.options.parent),'top')
		childrenContainer.inject(this.options.defaultOption,'after')
		childrenContainer.adopt(this.options.children);
		
		childrenContainer.set('slide',{duration:600});
		childrenContainer.slide('hide')
		
		$(this.options.parent).addEvent('mouseover',function(){childrenContainer.slide('in')}.bind(this));
		$(this.options.parent).addEvent('mouseout',function(){childrenContainer.slide('out')}.bind(this));
		//
		//this.options.slide.hide();
		
		
	}
	
});