onerror = remove_interval;

var num_rows = '0';
var aktiv = window.setInterval("change_image()", 5000);
var do_changing_images = false;
var last_changed_image = 1;
var pictures_basepath = '';
var baselines_basepath = '';

function change_image() {
  var img_id = null;
  var dst_object = null;
  var src_image = '';
  
  if(do_changing_images == true) {
    if(document.getElementById) {
      
      // Bildcounter hochsetzen. Da das 1. Bild schon beim Starten der Seite
      // angezeigt wird, kann der Startwert bei 1 liegen und das Folgebild ist 2
      last_changed_image++;
      img_id = 'change_image' + last_changed_image;
      src_image = document.getElementById(img_id).src;
      
      // Setzen des Backgroundimages in das Banner-DIV
      dst_object = document.getElementById('bn-start');
      if(dst_object) {
        dst_object.style.backgroundImage = "url(" + src_image + ")";
      } else {
        remove_interval();
      }
      
      // Reset des Bildcounters, hier auf wert 0, weil das Folgebild ja wieder das
      // erste sein soll und der Counter immer *vorher* hochgezählt wird.
      if(last_changed_image == 12) {
        last_changed_image = 0;
      }
    } else {
      remove_interval();
    }
  } else {
    remove_interval();
  }
}

function remove_interval() {
  window.clearInterval(aktiv);
}



var mainwrapper_overlay = null;
var detail_image = null;          // das DIV
var detail_image_body = null;     // das Haupt-Inset
var detail_picture = null;        // das IMG


function show_details(src, iwidth, iheight) {
  
  var margin_left = 0;
  var found_c2p = 0;
  
  found_c2p = iwidth.indexOf('c2p:');
  
  
  
  if(document.all) {
    if(mainwrapper_overlay == null) mainwrapper_overlay = document.all['mainwrapper-overlay'];
    if(detail_image == null) detail_image = document.all['detail-image'];
    if(detail_image_body == null) detail_image_body = document.all['detail-image-body'];
    if(detail_picture == null) detail_picture = document.all['detail-picture'];
  } else if(document.getElementById) {
    if(mainwrapper_overlay == null) mainwrapper_overlay = document.getElementById('mainwrapper-overlay');
    if(detail_image == null) detail_image = document.getElementById('detail-image');
    if(detail_image_body == null) detail_image_body = document.getElementById('detail-image-body');
    if(detail_picture == null) detail_picture = document.getElementById('detail-picture');
  }
  
  if(found_c2p == -1) {
    mainwrapper_overlay.style.display = 'block';
    
    detail_image.style.display = 'block';
    detail_image.style.width = iwidth + 'px';
    detail_image.style.marginLeft = '-' + Math.floor(iwidth / 2) + 'px';
    
    detail_image_body.style.height = iheight + 'px';
    
    detail_picture.src = pictures_basepath + src;
  
  }
  
  
}

function hide_details() {
  if(document.getElementById) {
    detail_image.style.width = '800px';
    detail_image.style.marginLeft = '-400px';
    
    mainwrapper_overlay.style.display = 'none';
    detail_image.style.display = 'none';
    
    detail_picture.src = baselines_basepath + 'nothing.gif';
  }
}


var max_width_set = false;    // Speichert, ob der images_scroller schon auf seine Max-Size gesetzt wurde
var max_slide = 0;            // Maximale Scrollweite insgesamt (hier num_rows : 2 * step_size)
var from_slide = 0;           // Wird für die Bewegung gebraucht (linke Kante)
var to_slide = 0;             // Wird für die Bewegung gebraucht (rechte Kante)
var step_size = 900;          // Die Breite einer vollen Anzeigeseite - in diesem Fall 2 Häuser
var images_scroller = null;   // Objektzuweisung des Divs, das gescrollt werden soll
var slider_left_img = null;   // Linker Knopf, Referenz auf das IMG-Objekt
var slider_right_img = null;  // Rechter Knopf, Referenz auf das IMG-Objekt

function account_slide(direction) {

  if(document.all) {
    if(images_scroller == null) images_scroller = document.all['imagesscroller'];
    if(slider_left_img == null) slider_left_img = document.all['sliderleft'];
    if(slider_right_img == null) slider_right_img = document.all['sliderright'];
  } else if (document.getElementById) {
    if(images_scroller == null) images_scroller = document.getElementById('imagesscroller');
    if(slider_left_img == null) slider_left_img = document.getElementById('sliderleft');
    if(slider_right_img == null) slider_right_img = document.getElementById('sliderright');
  } else {
    return false;
  }
  
  // Festsetzen des maximal scrollbaren Bereichs.
  // Achtung: Die Zählung basiert auf Null, also am Ende noch mal einen step_size abziehen!
  if(parseInt(num_rows) % 2 == 0) {
    max_slide = ((parseInt(num_rows) / 2) * step_size) - step_size;
    //alert(num_rows + ' - ' + max_slide);
  } else {
    max_slide = (((parseInt(num_rows) + 1) / 2) * step_size) - step_size;
  }
  // alert(max_slide + ' - ' + to_slide);
  
  
  // Setze den Scroller-Div auf die maximale Breite, damit die Bilder horizontal 
  // angeordnet werden. Scrollbalken sind ja eh ausgeblendet!
  
  if(max_width_set == false) {
    images_scroller.style.width = (max_slide + 920) + 'px';
    max_width_set = true; 
  }
  
  from_slide = to_slide;
  switch(direction) {
    case 'right':
      if(to_slide < max_slide) {
        to_slide += step_size;
      }
    break;

    case 'left':
      if(to_slide > 0) {
        to_slide -= step_size;
      }
    break;
  }
  slide();
  
  if(to_slide == 0) {
    slider_left_img.src = baselines_basepath + 'leftcontrol-0.gif';
    slider_right_img.src = baselines_basepath + 'rightcontrol-1.gif';
  } else if(to_slide == max_slide) {
    slider_right_img.src = baselines_basepath + 'rightcontrol-0.gif';
    slider_left_img.src = baselines_basepath + 'leftcontrol-1.gif';
  } else {
    slider_left_img.src = baselines_basepath + 'leftcontrol-1.gif';
    slider_right_img.src = baselines_basepath + 'rightcontrol-1.gif';
  }
}




function slide() {
 var step = 20;
  if(document.all) {
    if(images_scroller == null) images_scroller = document.all['imagesscroller'];
  } else if (document.getElementById) {
    if(images_scroller == null) images_scroller = document.getElementById('imagesscroller');
  } else {
    return false;
  }

  if(images_scroller) {
    if(from_slide < to_slide) {
      // links nach rechts
      if(from_slide + step < to_slide) {
        from_slide += step;
      } else {
        from_slide = to_slide;
      }
    } else {
      // rechts nach links
      if(to_slide < from_slide - step) {
        from_slide -= step;
      } else {
        from_slide = to_slide;
      }
    }
    
    if(from_slide > 0) {
        images_scroller.style.marginLeft = '-' +  from_slide + 'px';
      } else {
        images_scroller.style.marginLeft = '0';
      }
    
    if(from_slide != to_slide) {
      setTimeout('slide()', 1);
    }
  }
}

function remove_waitstate() {
  if(document.all) {
    if(document.all['waitstate']) document.all['waitstate'].style.display = 'none';
  } else if (document.getElementById) {
    if(document.getElementById('waitstate')) document.getElementById('waitstate').style.display = 'none';
  } else {
    return 
  }
}