var Helping = Class.create();
Helping.prototype={
	initialize:function(id){
		this.id=id;
		this.el=$(id);
		this.setEvent();
	},
	setEvent:function(){
		/*Event.observe(this.id, 'mouseover',
					  function(e){
						  var el = Event.element(e);
						  
						  layer.innerHTML=this.getHTML(this.id);
						  //if (layer.opened==0 || !layer.opened) {new Effect.Opacity('helpp',{duration:0.5, from:0.0, to:0.9});}
						  layer.opened=1;
						  //this.layer.show();
						  
						  layer.style.top=(Event.pointerY(e)-210)+"px";
						  layer.style.left=(Event.pointerX(e))+"px";
						 }.bindAsEventListener(this)
					);*/
		Event.observe(this.id, 'mousemove',
					  function(e){
						  var el = Event.element(e);
						  layer.innerHTML=this.getHTML(this.id);
						  clearTimeout(tm.timer);
						  //this.layer.innerHTML=$(this.id).innerHTML;
						  //layer.show();
						  //new Effect.Opacity('helpp',{duration:1.5, from:0.0, to:1.0});
						  
						  if (layer.opened==0) {new Effect.Opacity('helpp',{duration:0.5, from:0.0, to:0.9});layer.opened=1;}
						  layer.opened=1;
						  layer.style.top=(Event.pointerY(e)-210)+"px";
						  layer.style.left=(Event.pointerX(e))+"px";
						 }.bindAsEventListener(this)
					);
		Event.observe(this.id, 'mouseout',
					  function(e){
						  var el = Event.element(e);
						  
						  
						  tm.timer = setTimeout(this.hideHelp.bind(this),1000);
						 }.bindAsEventListener(this)
					);
		Event.observe("helpp", 'mousemove',
					  function(e){
						  var el = Event.element(e);
						   
						  //this.layer.innerHTML=this.id;
						  //this.layer.show();
						  layer.style.top=Event.pointerY(e)+"px";
						  layer.style.left=Event.pointerX(e)+"px";
						 }.bindAsEventListener(this)
					);
	},
	hideHelp:function(){
		layer.opened=0;
		new Effect.Opacity('helpp',{duration:0.5, from:0.9, to:0.0});
		clearTimeout(tm.timer);
	},
	getHTML:function(){
		var ps = $A($$("P[rev]"));
		res="";
		ps.each(
				function(el){
					if (el.readAttribute('rev')==this.id) this.text=el.innerHTML;
					
				}.bind(this));
		/*switch(this.id){
			case "analitics":id="text2";
		}
		this.text=$(id).innerHTML;*/
		return this.text || "erge";
	}
};
var Divv = Class.create();
Divv.prototype={
	initialize:function(){
		node = document.createElement("div");
		node.className="help";
		//node.setAttribute("id","helpp");
		node.id="helpp";
		document.body.appendChild(node);
		new Effect.Opacity('helpp',{duration:0.0, from:0.0, to:0.0});
	}
};
Event.observe(window,'load',function(e){ tm=new Divv(); layer = $("helpp"); layer.opened=0;
new Helping("analitics"); 
new Helping("finans"); 
new Helping("personal"); 
new Helping("logistic"); 
new Helping("sbit"); 
new Helping("corporate"); 
						 }
					);
/*new Divv();
new Helping("analitics");*/