// DLROLLOVER
// class to cope with imgDivRollovers - shows / hide div depending on state & lang
// applies events to all definition lists for rollovers, clicks and styling
DlRollOver = new Class({
	Implements:[Options, Events],
	options: {
	  overClass:'dlOver',
	  outClass:'dlOut'
	},
	initialize:function(el, options) {
	  this.container = $(el);
	  this.setOptions(options);
	  this.container.set('morph', {duration: 50});
		this.container.addEvent('click', function(){
			var anch = this.container.getFirst('dt').getFirst('a');
			if (anch.get("href") != ""){
				var myURI = new URI(anch.get("href"));
				myURI.go();
			}
		}.bind(this));
		this.container.addClass(this.options.outClass);
		this.container.addEvent('mouseover', function(dl){
			this.container.addClass('hover');
			//alert(this.container.get('class'));
			var tClass = this.container.hasClass('dk') ? '.lt' : '.dk';
			this.container.morph(tClass);
			this.container.getElements("a").each( function(a) {	a.set('morph', {duration:50}); a.morph(tClass); });
		}.bind(this));
		this.container.addEvent('mouseout', function(){
			this.container.removeClass('hover');
			var tClass = this.container.hasClass('dk') ? '.dk' : '.lt';
			this.container.morph(tClass);
			this.container.getElements("a").each( function(a) {	a.set('morph', {duration:50}); a.morph(tClass); });
		}.bind(this));				
	}
});