//----------------------------------------------------------------------------------------
//hier die bilder wie folgt in arrays schreiben:
var bildGallerie1 = ['articles.jpg','clock.jpg','key.jpg','pastarchives.jpg'];
//var bildGallerie2 = ['sonntagsfarben2.jpg','sonntagsfarben.jpg','sony.jpg','spacetext.jpg','tagesspiegel.jpg'];

// hier den bilderordner angeben
var bildOrdner = 'images/stories';


var counter = 0;



//----------------------------------------------------------------------------------------
// counter initialisieren
function init(gallerie){
	counter = 0;
	bildArray = gallerie;
	showImage(0);
}


//----------------------------------------------------------------------------------------
// zeige das bnächste bild
function nextImage(){
	if(counter < bildArray.length-1)
		counter++;
	else 
		counter = 0;
	showImage(counter);
}



//----------------------------------------------------------------------------------------
// zeige das vorherige bild
function prevImage(){
	if(counter > 0)
		counter--;
	else 
		counter = bildArray.length-1;
	showImage(counter);
}

//----------------------------------------------------------------------------------------
// zeige das bild an position x
function showImage(id){
	document.getElementById('bilder_div').innerHTML = "<img src='"+bildOrdner+"/"+bildArray[counter]+"' width='200' height='200' />";
}

//gallerie initialisieren
init(bildGallerie1);

//-ende-------------------------------------------------------------------------------------