var MakeHint = new Class({
    initialize: function(el) {
	    this.span = new Element('span').addClass('hint')
	    .setHTML(el.getProperty('rel')).injectAfter(el);
	    var span2 = new Element('span').addClass('hint-pointer').injectInside(this.span);
		this.img = new Element('img').setProperty('src','/thm/images/makehint_close.gif').setStyle('cursor','pointer')
			.injectBefore(span2);
		  this.AddEvent(el);
		  
		},
		AddEvent: function(el) {
		  var Localthis = this;
		  this.img.addEvent('click', function(event) {
				//unhideSelects();											  
		      Localthis.Minimize(el);
	  		  Localthis.Effect(1,0,Localthis.span);
			  // unhideSelects();
		  });
		  
		  el.addEvent('focus', function(event) {
		      Localthis.span.setStyle('display','inline');
	  		  Localthis.Effect(0,1,Localthis.span);
		  });
		  el.addEvent('click', function(event) {
		      Localthis.span.setStyle('display','inline');
	  		  Localthis.Effect(0,1,Localthis.span);
		  });
		  el.addEvent('blur', function(event) {
			  //hideSelects();										
		      Localthis.Minimize(el);
	  		  Localthis.Effect(1,0,Localthis.span);
		  });
			/*
			el.addEvent('blur', function(event) {
			    Localthis.Effect(1,0,Localthis.span);
			});
			*/
    },
    Effect: function(s,e,el) { // start, end , element		
      	var ef = new Fx.Style(el, 'opacity', {
				duration: 500,
		  	transition: Fx.Transitions.quartInOut
		  });
		  ef.start(s,e);
    },
    Minimize: function (el) {
			// make minihint
			
      var Localthis = this;
    }
});