function checkMaxChars(textarea, textlen_info, maxlen_info, maxlen) {
if ($(textarea))
{
    var elTextarea      = $(textarea);
    var elCountTarget   = $$('.' + textlen_info).first();
    var elMaxLength = $$('.' + maxlen_info).first();
    if(!maxlen) { maxlen = 1000; }
    var maxlength = Number(parseInt(maxlen));
    elMaxLength.innerHTML = Number(maxlength);
    elCountTarget.innerHTML = Number(maxlength) + " ";
    elTextarea.observe('keyup', function () {
        if( elTextarea.value.length >= maxlength ) {
            elTextarea.value = elTextarea.value.slice(0, maxlength);
            elCountTarget.innerHTML = "0";
        } else {
            elCountTarget.innerHTML = Number( maxlength-elTextarea.value.length ) +" ";
        }
    })
    if( elTextarea.value.length >= maxlength ) {
        elTextarea.value = elTextarea.value.slice(0, maxlength);
        elCountTarget.innerHTML = "0";
    } else {
        elCountTarget.innerHTML = Number( maxlength-elTextarea.value.length ) +" ";
    }
}
}
function checkchars(formname, id_or_name, chars) {
	var obj = (document.getElementById && document.getElementById(id_or_name) != null)
			  ? document.getElementById(id_or_name) : ((document[formname][id_or_name] != null)
			  ? document[formname][id_or_name] : '');
	if(obj.type == "text" || obj.type == "textarea") {
		obj.timer = "";
		obj.chars = chars;
		obj.onkeypress = obj.onkeydown = function() {
			var self = this;
			controll = function() {
				for(var t='',x=0; x<self.value.length; ++x) {
					if(self.chars.indexOf(self.value.charAt(x))>-1) {
						t += self.value.charAt(x);
					}
				}
				self.value = t;
			};
			this.timer = setTimeout(controll,1);
		};
		obj.onkeyup = function() {
			clearTimeout(this.timer);
		};
	}
};
function hiddbutton(buttonId)
{
	$(buttonId).setStyle({display:"none"});
}
var LayerBox = {

	id:{},
	element:{},
	layer:{},
	image:{},
	href:{},
	fade:{},
	windowTitel:{},
initArguments: function(allArguments)
{
	id=allArguments.id;
	element=allArguments.element;
	image=allArguments.image;
	href=allArguments.href;
	fade=allArguments.fade;
	windowTitel=allArguments.windowTitel;
},
openLayerBox: function(elements)
{
	this.initArguments(elements);
	var result_createLayerBox = this.createLayerBox();
	$("LayerBoxArea").insert(result_createLayerBox);
	$('wTitel').update(windowTitel);
	$('LayerContent').update('');

	var img;

		if(image!=null){

			img=new Image();
			img.src=image;
			$('LayerContent').update(img);

		} else if(element!=null) {

			if($(element)) {
				var d = $(element);
				$('LayerContent').update(d.innerHTML);
			} else {
				$('LayerContent').update('Das Element wurde nicht gefunden!');
			}

		} else {

			new Ajax.Updater({ success: 'LayerContent' }, href, {
				evalScripts:true
			});

		}

	this.displayLayerBox();

	$('overlay').show();

	if(!!(window.attachEvent&&!window.opera)) {
		event.returnValue=false
	}

	return false
},
displayLayerBox: function()
{
    var pageScroll = document.viewport.getScrollOffsets();
	var dimensions = $('layerbox').getDimensions();
      $('layerbox').setStyle({
        'top': pageScroll.top + 40 + 'px',
		'left': String(((document.viewport.getWidth() - dimensions.width) / 2)) + 'px'
      });

	if(fade==true)
	{
		new Effect.Appear('layerbox');
	} else {
		$('layerbox').show();
	}
},
createLayerBox: function()
{
	var vars = {};
	var templateContent = new Template('<div id="overlay" style="display:none;" class="LayerBoxOverlay"></div><div id="layerbox" class="LayerBox" style="display:none;"><table><tr><td class="tl"></td><td class="b"></td><td class="tr"></td></tr><tr><td class="b"></td><td><div class="LayerBoxOut"><div class="LayerBoxHeader"><div id="wTitel" class="windowTitel"></div><div style="float:right;"><a href="" onclick="LayerBox.closeLayerBox(); return false;" id="closebutton" class="LayerBoxButton"><!--<img src="/static/images/delete.png" border="0" /> --><b>X</b> schließen</a></div><div style="clear:right;"></div>																																																														</div><div class="LayerBoxStyle"><div class="LayerBoxBody"><div class="LayerContent" id="LayerContent"></div></div></div></div></td><td class="b"></td></tr><tr><td class="bl"></td><td class="b"></td><td class="br"></td></tr></table></div>');
	return templateContent.evaluate(vars)
},
closeLayerBox: function()
{
	if(fade==true)
	{
		new Effect.Fade('layerbox');
	} else {
		$('layerbox').hide();
	}
	$('overlay').hide();
}
};