BGSwitch = Class.create({
	container: null,
	active: null,
	switches: null,
	images: null,
	
	initialize: function(con) {
		this.container = $(con);
		this.switches = {};
		this.images = {};
	},
	
	add: function(ele, image, active) {
		
		ele = $(ele);
		var id = ele.identify();
		this.switches[id] = ele;
		this.images[id] = image;
		
		var img = new Image();
		img.src = image;
		
		ele.observe('mouseover', function(event) {
			var ele = $(Event.element(event));
			var id = ele.identify();
			this.change(id);
		}.bind(this));
		
		ele.childElements().each(function(ele) {
			ele.observe('mouseover', function(event) {
				this.change(id);
			}.bind(this));
		}.bind(this));
		
		if(active)
			this.active = id;
	},
	
	change: function(id) {
		if(!this.switches[id])
			return false;
			
		if(id == this.active)
			return false;
			
		$(this.active).removeClassName('selected');
		
		$(id).addClassName('selected');
		
		this.active = id;
		
		this.container.setStyle({
			backgroundImage: 'url("'+this.images[id]+'")'
		});
	}
});