
var JsonTips = new Class({

	Extends: Tips,

	elementEnter: function(event, element){

		$A(this.container.childNodes).each(Element.dispose);

		this.container.id = "cct_container";
		this.titleElement = new Element('div', {'class': 'tip-title', 'id': 'ctt_title'}).inject(this.container);
		this.fill(this.titleElement, "Help:");

		this.textElement = new Element('div', {'class': 'tip-text', 'id': 'ctt_text'}).inject(this.container);
		this.fill(this.textElement, "lade ...");

		var option = element.id.split(";");
		var jsonRequest = new Request.JSON({url: "/index.php", onComplete: function(jsonObj, responseText) {
			if (jsonObj == null) alert(responseText);
			//
			if (jsonObj.width != null) {
				$("cct_container").setStyle("width", jsonObj.width +"px");
			}
			$("ctt_title").innerHTML = jsonObj.title;
			$("ctt_text").innerHTML = jsonObj.text;
		}}).get({'class': option[0], 'method': option[1], 'params': option[2]});

		this.timer = $clear(this.timer);
		this.timer = this.show.delay(this.options.showDelay, this);

		this.position((!this.options.fixed) ? event : {page: element.getPosition()});
	}

});
