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 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 = 435;          // Die Breite einer vollen Anzeigeseite - in diesem Fall 3 Objekte
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.
  if(parseInt(num_rows) % 3 == 0) {
    max_slide = ((parseInt(num_rows) / 3) * step_size) - step_size;
    //alert(num_rows + ' - ' + max_slide);
  } else {
    max_slide = (((parseInt(num_rows) + 1) / 3) * 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 + 440) + '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.jpg';
    slider_right_img.src = baselines_basepath + 'rightcontrol-1.jpg';
  } else if(to_slide == max_slide) {
    slider_right_img.src = baselines_basepath + 'rightcontrol-0.jpg';
    slider_left_img.src = baselines_basepath + 'leftcontrol-1.jpg';
  } else {
    slider_left_img.src = baselines_basepath + 'leftcontrol-1.jpg';
    slider_right_img.src = baselines_basepath + 'rightcontrol-1.jpg';
  }
}




function slide() {
 var step = 10;
  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 
  }
}



var images_height = new Array();
var images_width = new Array();
var images_src = new Array();



var last_offset = 0;
var zoomimagediv = null;
function display_image(img_src, width, height, offset) {
	width = parseInt(width);
	height = parseInt(height);
	
	last_offset = parseInt(offset);
	
	
	if(document.getElementById) {	
		if(document.getElementById('zoomimage-div')) {
			zoomimagediv = document.getElementById('zoomimage-div');
		} else {
			return false;
		}
	} else if(document.all) {
		if(document.all['zoomimage-div']) {
			zoomimagediv = document.all['zoomimage-div'];
		} else {
			return false;
		}
	} else {
		return false;
	}
	
	if(zoomimagediv != null) {
		zoomimagediv.style.display = 'block';
		zoomimagediv.style.width = width + 'px';
		zoomimagediv.style.height = (height + 20) + 'px';
		zoomimagediv.style.marginLeft = (-1 * parseInt(width/2)) + 'px';
		zoomimagediv.style.marginTop = (-1 * parseInt((height + 20)/2)) + 'px';
		document.images['zoomimage'].src = img_src;
	}

}

function next_iamge() {
	if(last_offset == images_src.length-1) {
		last_offset = 0;
	} else {
		last_offset++;
	}
	display_image(images_src[last_offset], images_width[last_offset], images_height[last_offset], last_offset);
}


function previous_image() {
	if(last_offset == 0) {
		last_offset = images_src.length-1;
	} else {
		last_offset--;
	}
	display_image(images_src[last_offset], images_width[last_offset], images_height[last_offset], last_offset);
}



function hide_image() {
	if(zoomimagediv != null) {
		zoomimagediv.style.display = 'none';
	}
	document.images['zoomimage'].src = 'baselines/x.gif';
}