var Galerie = function() {

	var wrapper = $$('.galerie-wrapper ')[0];

	if (!wrapper) {
		return;
	}

	var children = wrapper.getChildren();
	

	if (children.length < 2) {
		wrapper.setStyle("width", 410);
		return;
	}

	var pages = children.length;
	

	var width = pages * 400;
	wrapper.setStyle("width", width);

	var left,
		right,
		fx = new Fx.Tween(wrapper, {duration:300}).addEvent("complete", setStat),
		leftDisabled = false,
		rightDisabled = false,
		running = false,
		styleDisabled = {opacity:.2, cursor:"default"},
		styleEnabled = {opacity:1, cursor:"pointer"};

	new Element("div").addClass("galerie-pfeile").adopt([
	   left = new Element("a").addClass("galerie-left").addEvent("click", toLeft),
	   right= new Element("a").addClass("galerie-right").addEvent("click", toRight)
	]).injectBefore(wrapper.getParent());


	setStat();



	function setStat() {
		var leftCount = wrapper.getStyle("left").toInt();
		if (leftCount >=0) {
			leftDisabled = true;
			left.setStyles(styleDisabled);
		} else {
			leftDisabled = false;
			left.setStyles(styleEnabled);
		}

		if (leftCount <= -(width - 400)) {
			rightDisabled = true;
			right.setStyles(styleDisabled);
		} else {
			rightDisabled = false;
			right.setStyles(styleEnabled);
		}
		running = false;
	}

	function toLeft() {
		if (leftDisabled || running) {
			return
		};
		fx.start("left", wrapper.getStyle("left").toInt() + 400);
		running = true;
	}

	function toRight() {
		if (rightDisabled || running) {
			return
		};
		fx.start("left", wrapper.getStyle("left").toInt() - 400);
		running = true;
	}
};