var scrollspeed = 20; // kleiner = schneller
var textheight = 204; // textfeld hoehe
var bspwidth = 298; // bspfeld breite
var container; var container2; // 1 vertikal, 2 horizontal
var scrollpos = 0; var scrollpos2 = 0;
var scroll = 0; // 1 down, 2 up
var scroll2 = 0;
var win;

function startup() {
  var nav = new Array('ansprechpartner_aktiv.gif', 'ansprechpartner.gif', 'druck_aktiv.gif', 'druck.gif', 'geschichte_aktiv.gif', 'geschichte.gif', 'home_aktiv.gif', 'home.gif', 'impressum_aktiv.gif', 'impressum.gif', 'karte_aktiv.gif', 'karte.gif', 'kontakt_aktiv.gif', 'kontakt.gif', 'konzept_aktiv.gif', 'konzept.gif', 'leistungen_aktiv.gif', 'leistungen.gif', 'lithografie_aktiv.gif', 'lithografie.gif', 'philosophie_aktiv.gif', 'philosophie.gif', 'produktion_aktiv.gif', 'produktion.gif', 'referenzen_aktiv.gif', 'referenzen.gif', 'service_aktiv.gif', 'service.gif', 'sitemap_aktiv.gif', 'sitemap.gif', 'ueberuns_aktiv.gif', 'ueberuns.gif');

  container = document.getElementById('text');
  container2 = document.getElementById('bsp');

  images = new Array(nav.length + 4);

  if( container.scrollHeight <= textheight ) {
    document.getElementById('scroll-up').style.visibility = 'hidden';
    document.getElementById('scroll-down').style.visibility = 'hidden';
  }

  images[0] = new Image();
  images[0].src = 'images/viereck.gif';
  images[1] = new Image();
  images[1].src = 'images/dreieck.gif';
  images[2] = new Image();
  images[2].src = 'images/down.gif';
  images[3] = new Image();
  images[3].src = 'images/up.gif';

  for( var i = 4; i < nav.length + 4; i++ ) {
    images[i] = new Image();
    images[i].src = 'images/nav/' + nav[i-4];
  }
}

function nav_aktiv(id, img) {
  document.getElementById(id).src='images/nav/' + img + '_aktiv.gif';
}

function nav_inaktiv(id, img) {
  document.getElementById(id).src='images/nav/' + img + '.gif';
}

function show(img, h, w) {
  if( win ) {
    win.close();
  }
  win = window.open("showimg.php?img=images/" + img, "HamannK&ouml;lling", "innerHeight=" + h + ",innerWidth=" + w + ",height=" + h + ",width=" + w + ",resizable=No,status=No,scrollbars=No,titlebar=No,toolbar=No");
}

function karte(img, h, w) {
  if( win ) {
    win.close();
  }
  win = window.open("showimg.php?img=images/" + img + "&color=white", "HamannK&ouml;lling", "innerHeight=" + h + ",innerWidth=" + w + ",height=" + h + ",width=" + w + ",resizable=No,status=No,scrollbars=No,titlebar=No,toolbar=No");
}

function showtext(file) {
  if( win ) {
    win.close();
  }
  win = window.open("texte/" + file, "HamannK&ouml;lling", "innerHeight=300,innerWidth=220,height=300,width=220,resizable=No,status=No,scrollbars=Yes,titlebar=No,toolbar=No");
}

function scrolltext() {

  if( scroll == 1 && scrollpos <= (container.scrollHeight - textheight)) {
    scrollpos += 2;
    container.scrollTop = scrollpos;
    window.setTimeout('scrolltext()', scrollspeed);
  }
  else if( scroll == 2 && scrollpos >= 0 ) {
    scrollpos -= 2;
    container.scrollTop = scrollpos;
    window.setTimeout('scrolltext()', scrollspeed);
  }
}

function scrolldown() {
  scroll = 1;
  scrolltext();
}

function scrollup() {
  scroll = 2;
  scrolltext();
}

function scrollstop() {
  scroll = 0;
}

function scrollbsp(width) {
  if( scroll2 == 1 && scrollpos2 <= (width - bspwidth)) {
    scrollpos2 += 2;
    container2.scrollLeft = scrollpos2;
    window.setTimeout('scrollbsp(' + width + ')', scrollspeed);
  }
  else if( scroll2 == 2 && scrollpos2 >= 0 ) {
    scrollpos2 -= 2;
    container2.scrollLeft = scrollpos2;
    window.setTimeout('scrollbsp(' + width + ')', scrollspeed);
  }
}

function scrollleft(width) {
  scroll2 = 2;
  scrollbsp(width);
}

function scrollright(width) {
  scroll2 = 1;
  scrollbsp(width);
}

function scrollstop2() {
  scroll2 = 0;
}