﻿var slide_imgs=new Array();
var slide_imgs_text=new Array();
var laenge_slideshow=new Array();
var imgCounter=new Array();
//var zeit_interval=7000;
var zeit_interval=new Array();
var slide_interval;
var active_slideshow=-1;

function expand(elementID) {
    
    divDetails = document.getElementById("details"+elementID);
    liItem = document.getElementById("liItem"+elementID);
    divFold = document.getElementById("divFold"+elementID);
    divExpand = document.getElementById("divExpand"+elementID);

    divDetails.style.display = "block";        
    liItem.style.marginBottom = "10px";
    divFold.style.display = "block";
    divExpand.style.display = "none";

    if(slide_imgs[elementID]){
        init_slideshow(elementID);
    }
}

function fold(elementID) {

    divDetails = document.getElementById("details"+elementID);
    liItem = document.getElementById("liItem"+elementID);
    divFold = document.getElementById("divFold"+elementID);
    divExpand = document.getElementById("divExpand"+elementID);
    
    divDetails.style.display = "none";        
    liItem.style.marginBottom = "0px";
    divExpand.style.display = "block";
    divFold.style.display = "none";

    if(slide_imgs[elementID]){
        stop_slideshow(elementID);
    }
}

function init_slideshow(id){
  stop_slideshow(active_slideshow);
  active_slideshow=id;

  document.getElementById("play_pause"+id).className="nav pause";
  document.getElementById("first"+id).className="nav rewind_autoplay";
  document.getElementById("previous"+id).className="nav back_autoplay";
  document.getElementById("next"+id).className="nav next_autoplay";
  document.getElementById("last"+id).className="nav forward_autoplay";

  document.getElementById("play_pause"+id).onclick=function(){stop_slideshow(id);};
  document.getElementById("first"+id).onclick=leer;
  document.getElementById("previous"+id).onclick=leer;
  document.getElementById("next"+id).onclick=leer;
  document.getElementById("last"+id).onclick=leer;

  document.getElementById("label"+id).innerHTML=imgCounter[id]+1 + "&nbsp;/&nbsp;" + laenge_slideshow[id];
  slide_interval=setInterval("autoplay()",zeit_interval[id]);
}

function stop_slideshow(id){
  if(active_slideshow==id & active_slideshow!=-1){
    clearInterval(slide_interval);

    document.getElementById("play_pause"+id).className="nav play";
    document.getElementById("first"+id).className="nav rewind";
    document.getElementById("previous"+id).className="nav back";
    document.getElementById("next"+id).className="nav next";
    document.getElementById("last"+id).className="nav forward";

    document.getElementById("play_pause"+id).onclick=function(){init_slideshow(id);};
    document.getElementById("first"+id).onclick=function(){first(id);};
    document.getElementById("previous"+id).onclick=function(){previous(id);};
    document.getElementById("next"+id).onclick=function(){next(id);};
    document.getElementById("last"+id).onclick=function(){last(id);};

    active_slideshow=-1;
  }
}

function autoplay(){
 imgCounter[active_slideshow]=(imgCounter[active_slideshow]+1)%laenge_slideshow[active_slideshow];
 document.getElementById("label"+active_slideshow).innerHTML=imgCounter[active_slideshow]+1 + "&nbsp;/&nbsp;" + laenge_slideshow[active_slideshow];
 document.getElementById("slideshowimg"+active_slideshow).src=slide_imgs[active_slideshow][imgCounter[active_slideshow]];
 if (slide_imgs_text[active_slideshow][imgCounter[active_slideshow]]){
 document.getElementById("bildunterschrift"+active_slideshow).innerHTML=slide_imgs_text[active_slideshow][imgCounter[active_slideshow]];
 }else{
 document.getElementById("bildunterschrift"+active_slideshow).innerHTML="";
 }
}

function next(id){
 imgCounter[id]=(imgCounter[id]+1)%laenge_slideshow[id];
 document.getElementById("label"+id).innerHTML=imgCounter[id]+1 + "&nbsp;/&nbsp;" + laenge_slideshow[id];
 document.getElementById("slideshowimg"+id).src=slide_imgs[id][imgCounter[id]];
 if (slide_imgs_text[id][imgCounter[id]]){
 document.getElementById("bildunterschrift"+id).innerHTML=slide_imgs_text[id][imgCounter[id]];
 }else{
 document.getElementById("bildunterschrift"+id).innerHTML="";
 }
}

function previous(id){
 imgCounter[id]=(imgCounter[id]-1)%laenge_slideshow[id];
 if (imgCounter[id]==-1){
  imgCounter[id]=laenge_slideshow[id]-1;
 }
 document.getElementById("label"+id).innerHTML=imgCounter[id]+1 + "&nbsp;/&nbsp;" + laenge_slideshow[id];
 document.getElementById("slideshowimg"+id).src=slide_imgs[id][imgCounter[id]];
 if (slide_imgs_text[id][imgCounter[id]]){
 document.getElementById("bildunterschrift"+id).innerHTML=slide_imgs_text[id][imgCounter[id]];
 }else{
 document.getElementById("bildunterschrift"+id).innerHTML="";
 }
}

function first(id){
 imgCounter[id]=0;
 document.getElementById("label"+id).innerHTML=imgCounter[id]+1 + "&nbsp;/&nbsp;" + laenge_slideshow[id];
 document.getElementById("slideshowimg"+id).src=slide_imgs[id][imgCounter[id]];
 if (slide_imgs_text[id][imgCounter[id]]){
 document.getElementById("bildunterschrift"+id).innerHTML=slide_imgs_text[id][imgCounter[id]];
 }else{
 document.getElementById("bildunterschrift"+id).innerHTML="";
 }
}

function last(id){
 imgCounter[id]=laenge_slideshow[id]-1;
 document.getElementById("label"+id).innerHTML=imgCounter[id]+1 + "&nbsp;/&nbsp;" + laenge_slideshow[id];
 document.getElementById("slideshowimg"+id).src=slide_imgs[id][imgCounter[id]];
 if (slide_imgs_text[id][imgCounter[id]]){
 document.getElementById("bildunterschrift"+id).innerHTML=slide_imgs_text[id][imgCounter[id]];
 }else{
 document.getElementById("bildunterschrift"+id).innerHTML="";
 } 
}

function leer(){}