var cache = new Array();
var counter = 0;

var currentPic = 0;
var line1Wrap = '<p class="bildtext1">|</p>';
var line2Wrap = '<p class="bildtext2">|</p>';
var cpContainer = "bild-copyright";
var picContainer = "bild-oben";
var txtContainer = "bildtext";
var arrowContainer = "slidebuttons";



var next = "fileadmin/templates/images/slideshow_next.gif";
var prev = "fileadmin/templates/images/slideshow_prev.gif";
var next_off = "fileadmin/templates/images/slideshow_off.gif";
var prev_off = "fileadmin/templates/images/slideshow_off.gif";
var spacer = "fileadmin/templates/images/slideshow_spacer.gif";

function slideshow_init() {
	slide();
	preload();
}

function slideshow_previous() {
	currentPic--;
	slide();
}

function slideshow_next() {
	currentPic++;
	slide();
}

function createArrows() {
	//Previous Arrow
	var content = '';
	if (currentPic == 0) {
		content += '<img src="' + prev_off + '" alt="" height="17" width="15" />';
	} else {
		content += '<a href="javascript:slideshow_previous();"><img src="' + prev + '" alt="" height="17" width="15" /></a>';
	}
	
	content += '<img src="' + spacer + '" alt="" height="17" width="5" />';
	
	if (currentPic == ref_slideshow.length - 1) {
		content += '<img src="' + next_off + '" alt="" height="17" width="15" />';
	} else {
		content += '<a href="javascript:slideshow_next();"><img src="' + next + '" alt="" height="17" width="15" /></a>';
	}
	document.getElementById(arrowContainer).innerHTML = content;
}


function slide() {
	var bild = '<img src="' + ref_slideshow[currentPic]["bild"]["pfad"] + '" alt="" width="' + ref_slideshow[currentPic]["bild"]["width"] + '" height="' + ref_slideshow[currentPic]["bild"]["height"] + '" />';
	document.getElementById(picContainer).innerHTML = bild;
	
	var cp = '<img src="' + ref_slideshow[currentPic]["copyright"]["pfad"] + '" alt="" width="' + ref_slideshow[currentPic]["copyright"]["width"] + '" height="' + ref_slideshow[currentPic]["copyright"]["height"] + '" />';
	document.getElementById(cpContainer).innerHTML = cp;
	if (typeof(line1Wrap) == 'string') { line1Wrap = line1Wrap.split("|"); }
	if (typeof(line2Wrap) == 'string') { line2Wrap = line2Wrap.split("|"); }
	var txt = line1Wrap[0] + ref_slideshow[currentPic]["line1"] + line1Wrap[1] + line2Wrap[0] + ref_slideshow[currentPic]["line2"] + line2Wrap[1];
	document.getElementById(txtContainer).innerHTML = txt;
	createArrows();
}

function preload() {
	for(var i=0; i < ref_slideshow.length; i++) {
		cache[i+'bild'] = new Image();
		cache[i+'bild'].src = ref_slideshow[i]["bild"]["pfad"];
		counter++;
		cache[i+'cp'] = new Image();
		cache[i+'cp'].src = ref_slideshow[i]["copyright"]["pfad"];
		counter++;
	}
}