﻿  
  var D=document,W=window,L=location,O=Object;brJS=x=0;
  
  function TgEI(e,b) {return (b?b:D).getElementById(e)}
  
  // FALLS JAVASCRIPT AKTIVIERT IST, WERDEN HIER WERTE AUS DER CSS UEBERSCHRIEBEN
  document.write('<style type="text/css">');
  document.write('#src {visibility:hidden; width:2px; height:2px}');
  document.write('.taLe {display:block}');
  document.write('.taRi {display:block}');
  document.write('#sldr .inDiv {position:absolute; padding:0}');
  document.write('#stg {width:440px}');
  document.write('#src .txt {width:154px}');
  document.write('#sldr .txt .prc {padding: 0; font-size:24px}');
  document.write('</style>');
  
  var layerSpeed    = 200; // Geschwindigkeit: je groesser, desto langsamer
  var layerDelay    =  20; // Verzögerung:     je groesser, desto langsamer!
  var borWidth      =  0; // Abstand zwischen den einzelnen Layern
  var stagePosLeft  =   0;
  var stageWidth    =   0;
  var diffX         =   0;
  var inx           =   0;
  var sliderContent = "sldr";
  var div,div1,div2;
  var contentDivLength;
  var contentDivWidth;
  var allContentDivs;
  var contentDivWidth;
  var mDown;
  var isMouseDown  = false;
  var defDir       = 'l';
  var actDir       = defDir;
  var sliding      = false;
  var startSliding = false;
  var isMouseOut   = true;
  var stayDown     = true;
  //setClassName
  function scn(O, nam) {
    TgEI(O).className = nam;
  }
  // setArrowHigh
  function setAHi(thisDir) {
    if (stayDown) {
      if (thisDir == 'l') {
        scn('arrowright','');
        scn('arrowleft','high');
      }
      else {
        scn('arrowleft','');
        scn('arrowright','high');
      }
    }
  }
  // setArrowsDown
  function setADwn() {
    scn('arrowleft','');
    scn('arrowright','');
  }
  function slideOnMouseDown(directions) {
    if (isMouseDown == false) {
      setAHi(directions);  
    }
    isMouseDown = true;
    stopSlide();
    doSlide('mdown', directions);
  }
  function clearOnMouseUp() {
    clearTimeout(mDown);
    isMouseDown = false;
    startSlide('default',defDir);
  }
  function stopSlider(){
    setADwn();
    stopSlide();
  }
  function stopSlide(){
    if (sliding) {
      clearTimeout(sliding);
    }
    if (startSliding) {
      clearTimeout(startSliding);
    }
  }
  function startSlide(){
    setAHi(defDir);
    tDir = defDir;
    startSliding = setTimeout("doSlide('default',tDir);", 50);
  }
  function doSlide(evt, dir) {
    var k = 500;
    if (evt == 'default') {
      k = k/4; 
    }
    if (dir == 'l') {
      diffX-=k/layerSpeed;
      defDir = 'l';
    }
    if (dir == 'r') {
      diffX+=k/layerSpeed;
      defDir = 'r';
    }
    if (diffX>=0) {
      diffX-=contentDivWidth;
    }
    else if (diffX<-contentDivWidth) {
      diffX+=contentDivWidth;
    }
    div1.style.left = Math.round(diffX)+"px";
    div2.style.left = Math.round(diffX+contentDivWidth)+"px";
    newDir = dir;
    if ((evt == 'mdown') && isMouseDown) {
      mDown  = setTimeout("slideOnMouseDown(newDir)",layerDelay);
  
    } 
    if (evt == 'default') {
      sliding = setTimeout("doSlide('default',newDir);", layerDelay);
    }
  }
  function writeIntoSliderDiv(obj){
    obj.innerHTML = TgEI("src").innerHTML;
  }
  function resizeObject(obj){
    div = obj.getElementsByTagName("div");
    contentDivWidth = 0;
    for (i=0;i<contentDivLength;i++){
      width = Math.floor(allContentDivs[i].offsetWidth);
      div[i].style.left = contentDivWidth+"px";
      if (i%2) {
        contentDivWidth += width+(borWidth);
      }
      else {
        contentDivWidth += width;
      }
      div[i].style.width  = width+"px";
    }
  }
  function resize(){
    stagePosLeft = absLeft(TgEI("stg"));
    stageWidth = TgEI("stg").offsetWidth;
    resizeObject(div1);
    resizeObject(div2);
    contentDivWidth = Math.round(contentDivWidth);
  }
  function loadInnerDivs(){
    innerDivCounter=0;
    for (var i=0;i<contentDivLength;i++){
      innerDivCounter++;
      div[i].style.display= "block";
    }
  }
  function init() {
    thisDiv = TgEI(sliderContent).getElementsByTagName("div");
    div1 = thisDiv[0];
    div2 = thisDiv[1];
    writeIntoSliderDiv(div1);
    writeIntoSliderDiv(div2);
    resize();
    startSlide('default',defDir);
    setAHi(defDir);
  }
  function start() {
    allContentDivs = TgEI("src").getElementsByTagName("div");
    contentDivLength = allContentDivs.length;
    init();
    loadInnerDivs();
  }
  function absLeft(obj) {
    return (obj.offsetParent)? 
    obj.offsetLeft+absLeft(obj.offsetParent) : obj.offsetLeft;
  }
  function absTop(obj) {
     return (obj.offsetParent)? 
     obj.offsetTop+absTop(obj.offsetParent) : obj.offsetTop;
  }
