/*******************************************************************************
 * MultiFrame Image Slideshow script- © Dynamic Drive DHTML code library
 * (www.dynamicdrive.com) This notice MUST stay intact for legal use Visit
 * Dynamic Drive at http://www.dynamicdrive.com/ for full source code
 ******************************************************************************/

var seqslides = new Array()
// Set Path to Image plus optional URL ("" for no URL):
seqslides[0] = [ "/img/sponsoren/neckermann.gif", "" ]
seqslides[1] = [ "/img/sponsoren/sky.gif", "" ]
seqslides[2] = [ "/img/sponsoren/bauer.gif", "" ]
seqslides[3] = [ "/img/sponsoren/yves_rocher.gif", "" ]
seqslides[4] = [ "/img/sponsoren/bonprix.gif", "" ]
seqslides[5] = [ "/img/sponsoren/conrad.gif", "" ]
seqslides[6] = [ "/img/sponsoren/congstar.gif", "" ]
seqslides[7] = [ "/img/sponsoren/dove.gif", "" ]
seqslides[8] = [ "/img/sponsoren/hrs.gif", "" ]
seqslides[9] = [ "/img/sponsoren/rtl-club.gif", "" ]
seqslides[10] = [ "/img/sponsoren/heine.gif", "" ]
seqslides[11] = [ "/img/sponsoren/weltbild.gif", "" ]
seqslides[12] = [ "/img/sponsoren/paul.gif", "" ]
seqslides[13] = [ "/img/sponsoren/bauer-versand.gif", "" ]
seqslides[14] = [ "/img/sponsoren/vievital.gif", "" ]

// Set pause between each image display (2000=2 second):
var slidedelay = 4000

// Set how many images to show at once (must be less than total # of images
// above):
var slidestoreveal = 4

// Specify code to insert between each slide (ie: "<br>" to insert a line break
// and create a vertical layout)
// "" for none (or horizontal):
var slideseparater = ""

// Set optional link target to be added to all images with a link:
var optlinktarget = "secwindow"

// Set image border width:
var imgborderwidth = 0

// Set opacity value of each image when it's "dimmed", and when it's not,
// respectively (1=100% opaque/normal).
// Change 0.2 to 0 to completely hide image when it's dimmed:
var opacityvalues = [ 1, 1 ]

// /No need to edit beyond here///////////
function processimgcode(theimg) {
	var imghtml = ""

	if (theimg[1] != "")
		imghtml = '<a href="' + theimg[1] + '" target="' + optlinktarget + '">'
	imghtml += '<img src="' + theimg[0] + '" border="' + imgborderwidth
			+ '" style="filter:alpha(opacity=' + (opacityvalues[0] * 100)
			+ ');-moz-opacity:' + opacityvalues[0] + '">'
	if (theimg[1] != "")
		imghtml += '</a>'

	return imghtml
}

var curslide = 1
// var to track current slide (total: slidestoreveal)
var curimgindex = 0
// var to track current image (total: seqslides.length)
var isfirstcycle = 1
// boolean to indicate whether this is the first cycle

if (document.getElementById) {
	for (i = 0; i < slidestoreveal; i++)
		document
				.write('<td align="center" valign="middle" height="56" width="25%" id="seqslide'
						+ i
						+ '" class="seqslidestyle">'
						+ processimgcode(seqslides[i])
						+ '</td>'
						+ slideseparater)
	curimgindex = slidestoreveal
	illuminateslide(0, opacityvalues[1])
}

function illuminateslide(slideindex, amt) {
	var slideobj = document.getElementById("seqslide" + slideindex)
			.getElementsByTagName("IMG")[0]
	if (slideobj.filters)
		slideobj.filters.alpha.opacity = amt * 100
	else if (slideobj.style.MozOpacity)
		slideobj.style.MozOpacity = amt
}

function displayit() {
	if (curslide < slidestoreveal) {
		if (!isfirstcycle)
			changeimage(curslide)
		illuminateslide(curslide, opacityvalues[1])
		curslide++
	} else {
		isfirstcycle = 0
		for (i = 0; i < slidestoreveal; i++)
			illuminateslide(i, opacityvalues[0])
		changeimage(0)
		illuminateslide(0, opacityvalues[1])
		curslide = 1
	}
}

function changeimage(slideindex) {
	document.getElementById("seqslide" + slideindex).innerHTML = processimgcode(seqslides[curimgindex])
	curimgindex++

	if (curimgindex >= seqslides.length)
		curimgindex = 0
}

if (document.getElementById)
	setInterval("displayit()", slidedelay)