// 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 = '';
var last_picture_id = 0;

var sid = '';




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 : N * 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 = 640;          // Die Breite einer vollen Anzeigeseite - in diesem Fall 5 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['diashow-slider'];
    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('diashow-slider');
    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) % 5 == 0) {
    max_slide = ((parseInt(num_rows) / 5) * step_size) - step_size;
  } else {
    max_slide = (Math.floor((parseInt(num_rows) + 1) / 5) * step_size); // + step_size;
  }
  
  
  // 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 + (2 * step_size)) + '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();
}




function slide() {
 var step = 10;
  if(document.all) {
    if(images_scroller == null) images_scroller = document.all['diashow-slider'];
  } else if (document.getElementById) {
    if(images_scroller == null) images_scroller = document.getElementById('diashow-slider');
  } 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()', 10);
    } else {
    	controls_gui();
		return;
	}
  }
}


function controls_gui() {

	if(to_slide == 0) {
    slider_left_img.src = document.images['leftcontrol0'].src;
    slider_right_img.src = document.images['rightcontrol1'].src;
    /* if(sid == '5a414ba2e42c0b8d8f24bd43080d41c9') {
		alert(document.images['rightcontrol1'].src);
	} */
  } else if(to_slide == max_slide) {
    slider_right_img.src = document.images['rightcontrol0'].src;
    slider_left_img.src = document.images['leftcontrol1'].src;
    /* if(sid == '5a414ba2e42c0b8d8f24bd43080d41c9') {
		alert(document.images['leftcontrol1'].src);
	} */
  } else {
    slider_left_img.src = document.images['leftcontrol1'].src;
    slider_right_img.src = document.images['rightcontrol1'].src;
    
    /* if(sid == '5a414ba2e42c0b8d8f24bd43080d41c9') {
		alert(document.images['leftcontrol1'].src);
	} */
  }


}


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, picture_id) {
	
	var object_id = '';
	var corrected_url = 'url(\'http://www.juna-photodesign.com/' + img_src + '\')';
	
	if(sid == '5a414ba2e42c0b8d8f24bd43080d41c9') {
		alert(corrected_url);
	}
	
	if(document.all) {
		// document.all['diashow-image'].style.width = width + 'px';
		// document.all['diashow-image'].style.height = height + 'px';
		document.all['diashow-image'].style.backgroundImage = corrected_url;
		object_id = 'thumbnail' + last_picture_id;
		document.all[object_id].className = 'diashow-overview-thumbnail-normal';
		object_id = 'thumbnail' + picture_id;
		document.all[object_id].className = 'diashow-overview-thumbnail-active';
	} else if (document.getElementById) {
		// document.getElementById('diashow-image').style.width = width + 'px';
		// document.getElementById('diashow-image').style.height = height + 'px';
		document.getElementById('diashow-image').style.backgroundImage = corrected_url;
		object_id = 'thumbnail' + last_picture_id;
		document.getElementById(object_id).className = 'diashow-overview-thumbnail-normal';
		object_id = 'thumbnail' + picture_id;
		document.getElementById(object_id).className = 'diashow-overview-thumbnail-active';
	} else {
		return false;
	}
	
	last_picture_id = picture_id;
}

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';
}

// JavaScript Document

$(document).ready(function(){
	
	$('#headerGalleryView').galleryView({
		show_filmstrip: false,
		panel_width: 902,
		panel_height: 400,
		show_overlays: true					
	});
	
	
	$('#doc-diashow').galleryView({
		show_filmstrip: true,
		frame_width: 902,
		frame_height: 400,
		pause_on_hover: true,
		panel_scale: 'nocrop',
		frame_scale: 'nocrop',
		panel_width: 902,
		panel_height: 400
	});
	
	
});