var iErsterSichtbar = 1;
var iLetzterSichtbar = 5;
var iLetzterTeaser = 0;
var iTeaserBreite = 150 + 5;
var iPosLetzterTeaser = iTeaserBreite * (iLetzterSichtbar - iErsterSichtbar);

function fLetzterTeaser()
{
    var elem = document.getElementsByTagName("li");
    if (elem)
    {
        var i = 0;
        for (i = 0; i < elem.length; i++)
        {
            if (elem[i].className)
            {
                if (elem[i].className.indexOf("teaser") >= 0)
                {
                    if (!elem[i].id)
                    {
                        elem[i].id = elem[i].className;
                    }
                    elem[i].style.left = (iLetzterTeaser * iTeaserBreite).toString()+"px";
                    iLetzterTeaser++;
                }
            }
        }
    }
}

function fTeaserNavigation()
{
    var NavLinks = document.getElementById("teaserNavigationLinks");
    if(iErsterSichtbar == 1)
    {
        NavLinks.style.display = "none";
    }
    else
    {
        NavLinks.style.display = "block";
    }

    var NavRechts = document.getElementById("teaserNavigationRechts");
    if(iLetzterSichtbar == iLetzterTeaser)
    {
        NavRechts.style.display = "none";
    }
    else
    {
        NavRechts.style.display = "block";
    }
}

function fTeaserScroll()
{
    var Scroller = document.getElementById("teaserListe");
    if(!Scroller)
    {
        return;
    }
    
    var elem = document.getElementsByTagName("ul");
    if(!elem)
    {
        return;
    }
    
    var i = 0;
    for(i; i < elem.length; i++)
    {
        if(elem[i].className.indexOf("teaserListe") >= 0)
        {
            break;
        }
    }
    
    var teaserListe = elem[i];
    if(!teaserListe)
    {
        return;
    }
    
    Scroller.appendChild(teaserListe);
    teaserListe.style.display = 'block';
    if (iLetzterTeaser == 0)
    {
        fLetzterTeaser();
    }
    
    fTeaserNavigation();
}

function fScrollTeaser(richtung)
{
    if(!richtung)
    {
        return;
    }
    if (iLetzterTeaser == 0)
    {
        fLetzterTeaser();
    }

  var AnzahlTeaser = 5;

  if(richtung == 'next')
  {
    if(iLetzterSichtbar < iLetzterTeaser)
    {
      if((iLetzterSichtbar + 5) > iLetzterTeaser)
      {
        AnzahlTeaser = iLetzterTeaser - iLetzterSichtbar;
      }
      iLetzterSichtbar += AnzahlTeaser;
      iErsterSichtbar = iLetzterSichtbar - 5 + 1;
      AnzahlTeaser = -AnzahlTeaser;
      fScrollTeaserPx(AnzahlTeaser * iTeaserBreite);
    }
  }

  if(richtung == 'previous')
  {
    if(iLetzterSichtbar > 5)
    {
      if((iLetzterSichtbar - 5) >= 1)
      {
        AnzahlTeaser = iLetzterSichtbar - 5;
      }
      iLetzterSichtbar -= AnzahlTeaser;
      iErsterSichtbar = iLetzterSichtbar - 5 + 1;
      fScrollTeaserPx(AnzahlTeaser * iTeaserBreite);
    }
  }
}

function fScrollTeaserPx(px)
{
    var elem = document.getElementsByTagName("ul");
    if(!elem)
    {
        return;
    }
    
    var i = 0;
    for(i; i < elem.length; i++)
    {
        if(elem[i].className.indexOf("teaserListe") >= 0)
        {
            break;
        }
    }
    
    var teaserListe = elem[i];
    if(!teaserListe)
    {
        return;
    }

    var pos = fPos(px);
    if(px < 0)
    {
        pos = -pos;
        if(px < pos)
        {
            teaserListe.style.left = (teaserListe.offsetLeft + pos).toString() + "px";
            px -= pos;
            window.setTimeout('fScrollTeaserPx(' + px.toString() + ')', 10);
        }
        else
        {
            teaserListe.style.left = (teaserListe.offsetLeft + px).toString() + "px";
            fTeaserNavigation();
        }
    }
    else
    {
        if(px > pos)
        {
            teaserListe.style.left = (teaserListe.offsetLeft + pos).toString() + "px";
            px -= pos;
            window.setTimeout('fScrollTeaserPx(' + px.toString() + ')', 10);
        }
        else
        {
            teaserListe.style.left = (teaserListe.offsetLeft + px).toString() + "px";
            fTeaserNavigation();
        }
    }
}

function fPos(px)
{
  if(px < 0)
    px = -px;

  if(px >= 300)
    return 50;

  if(px >= 50)
    return 20;

  if(px >= 15)
    return 5;

  return 2;
}