var yugopMenu = null;
 var SeitenURL = document.URL.substring(34); // Aktive Seite
 var SeitenName = SeitenURL.substring(0, SeitenURL.length-5);


    function MenuItem (image, alt, top) {
      this.image = image; // Pfad zur Bilddatei
      this.alt = alt || this.image;
	  
      this.top = top || 0; // Abstand vom oberen Menurand

      this.height = 111; // Breite und Höhe der Bilder,
      this.width = 137;  // sollten bei allen Bildern gleich bleiben!
      this.HTMLElem = null; // wird vom Yugop-Menu verwendet
    }

    function YugopMenu (left, top, width, height, gap, speed) {
      this.left = parseInt(left) || 0;  
      this.top = parseInt(top) || 0;
      this.width = parseInt(width) || 1006; // Menubreite
      this.height = parseInt(height) || 111; // Menuhöhe
      this.speed = speed || 100; // Geschwindigkeit; je höher, desdo langsamer!
      this.gap = gap || 137; // Abstand zwischen d. oberen linken Ecken 2er MenuItems

      this.items = new Array();
      this.HTMLElem = null; 
      this.mouseX = 0;
	  
	  

      this.addItem = function (aMenuItem) {
        return this.items[this.items.length] = aMenuItem;
      }

      this.createHTMLElem = function () {
        this.HTMLElem = document.createElement("Div");
        with (this.HTMLElem.style) {
          position = "relative"; 
          top = this.top + "px"; 
          left = this.left + "px";
          width = this.width + "px"; 
          height = this.height + "px"; 
          overflow = "hidden";
        }
		document.getElementById("header").appendChild(this.HTMLElem);
      }

      this.createMenuItems = function () {
        var elem = null;
        var anchor = null;
        var img = null;

        for (var i = 0; i < this.items.length; i++) {
          elem = document.createElement("div");
          with (elem.style) {
            position = "absolute";
            width = this.items[i].width + "px";
            height = this.items[i].height + "px";
            top = this.items[i].top + "px";
            left = (this.gap*i) + "px";
            background = "url("+this.items[i].background+")";
            overflow = "hidden";
          }
          this.HTMLElem.appendChild(elem);
          this.items[i].HTMLElem = elem;

          img = document.createElement("img");
          with (img) {
            src = this.items[i].image;
            border = 0;
            style.width = this.items[i].width + "px";
            style.height = this.items[i].height + "px";
            style.top = this.items[i].top + "px";
			alt = this.items[i].alt;
		  }
          elem.appendChild(img);
		  
	    }	
      }

      this.initializeEventHandler = function () {
        var jsObj = this;
        if (window.captureEvents) {
          window.captureEvents(Event.MOUSEMOVE);
          document.onmousemove = function (e) {
            jsObj.mouseX = e.clientX - parseInt(jsObj.HTMLElem.style.left);
          }
        } else {
          document.onmousemove = function () {
             jsObj.mouseX = event.clientX - parseInt(jsObj.HTMLElem.style.left);
          }
        }
      }
     
      this.moving = function () {
        var stepping = Math.floor((this.width/2 - this.mouseX) / this.speed);
        var menuwidth = (this.items.length-1) * this.gap;
        var elem = null;
        for (var i = 0; i < this.items.length; i++) {
          elem = this.items[i].HTMLElem;
          elem.style.left = (parseInt(elem.style.left) + stepping) + "px";
          if (parseInt(elem.style.left) <= (0-this.gap))
            elem.style.left = (parseInt(elem.style.left) + menuwidth + this.gap) + "px";
          if (parseInt(elem.style.left) >= menuwidth)
            elem.style.left = (parseInt(elem.style.left) - menuwidth - this.gap) + "px";
		  if (parseInt(elem.style.left) >= 709){
			elem.style.opacity = ((983 - parseInt(elem.style.left)) / 274);
			elem.style.filter = "alpha(opacity = "+((983 - parseInt(elem.style.left)) / 274)*100+")";
			}
		  if (parseInt(elem.style.left) <= 126){
			elem.style.opacity = ((148 + parseInt(elem.style.left)) / 274);
			elem.style.filter = "alpha(opacity = "+((148 + parseInt(elem.style.left)) / 274)*100+")";
			}
        }
        setTimeout("yugopMenu.moving()", 40);
      }

      this.go = this.moving;
    }

    // start a sample yugop menu
    function start () {
      yugopMenu = new YugopMenu(132,249);
      with (yugopMenu) {
        addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/1.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/2.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/3.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/4.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/5.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/6.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/7.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/8.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/9.jpg", "Joerg Hammerschmidt"));
		addItem(new MenuItem("tl_files/standardlayout/layout/img/slider-images/10.jpg", "Joerg Hammerschmidt"));
        createHTMLElem();
        createMenuItems();
        initializeEventHandler();
        go();
      }
    }