var Help = {
	element_classname: "help_box",
	xspace: 25,
	yspace: 20,
	width: 300,
	popUpId: "help_popup",
	
	getPopUp: function()
	{
		return $("#" + this.popUpId);
	},
	
	setHelpEvents: function()
	{
		this.createPopUp();
		//finde alle Hilfe-Elemente und weise ihnen Handlerfunktion zu
		$("." + this.element_classname).bind("mouseover", this.mouseOverHandler.bind(this));
		$("." + this.element_classname).bind("mouseout", this.mouseOutHandler.bind(this));
	},
	
	createPopUp: function()
	{
		$("#col3").prepend("<div id=\"" + this.popUpId + "\"></div>");
		this.getPopUp().css("width", this.width);
		this.getPopUp().css("position", "absolute").hide();
	},
	
	mouseOverHandler: function(e)
	{
		this.getPopUp().html("");
		var elm_id = $(e.target).attr("id");
		//zeige das Popup an
		this.updPopUpPos(e);
		this.getPopUp().load("/indexXMLhttp.cfm?" + three_way.urlparam, {xmlhttpaction: "get_help", id: elm_id, spr: three_way.spr, mandant: three_way.mandant});
		this.getPopUp().fadeIn("fast");
	},
	
	mouseOutHandler: function(e)
	{
		//stoppe aktuelle Animation und verstecke PopUp
		this.getPopUp().stop(true, true);
		this.getPopUp().hide();
	},
	
	updPopUpPos: function(e)
	{
		var offset = $(e.target).offset();
		//Breite des Anzeigebereichs herausfinden
		/*var innerWidth = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth);
		var innerHeight = (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight);

		var rightMargin = innerWidth - (offset.left + this.getPopUp().outerWidth() + this.xspace);
		if (rightMargin < 0)
			var posX = offset.left + rightMargin;
		else
			var posX = offset.left + this.xspace;

		var posY = offset.top + this.yspace;
		
		this.getPopUp().css({left: posX + "px", top: posY + "px"});*/
		
		
		
		var name = $(e.target).attr('id');
		
		if (!/MSIE (5\.5|6|7)/.test(navigator.userAgent)){
			var posX = $('#'+name).offset().left - this.width;
			var posY = $('#'+name).offset().top +30;
		}else{
			var posX = $('#'+name).position().left - this.width;
			var posY = $('#'+name).position().top + 30;
		}
		
		this.getPopUp().css({left: posX + "px", top: posY + "px"});
	}
};

//Starte das Hilfe-Modul, wenn Seite komplett geladen
$(function(){Help.setHelpEvents()});