var maxReferences = 3;
var lastReference = 0;
var lastDiv = 0;
var nextReference = 2;
var nextDiv = 0;
var ssTimeout = 4000;
var imageList = [
	{url: "/_images/logoparade/ccn.jpg", alt: "C2N", href: "http://www.c2n.de/"},
	{url: "/_images/logoparade/bavc.jpg", alt: "BAVC", href: "http://www.chemie4you.de/"},
	{url: "/_images/logoparade/trumpf.jpg", alt: "Trumpf", href: "http://www.karriere.trumpf.com/"},
	{url: "/_images/logoparade/vdma.jpg", alt: "VDMA", href: "http://www.vdma.org/wps/portal/kim?WCM_GLOBAL_CONTEXT=/wps/wcm/connect/vdma/kim"},
	{url: "/_images/logoparade/commerzbank.jpg", alt: "Commerzbank", href: "https://www.commerzbank.de/de/hauptnavigation/karriere/schueler/Schueler--innen.html"},
	<!---{url: "/_images/logoparade/shs.jpg", alt: "SHS", href: "http://www.shsfoundation.de/"},--->
	{url: "/_images/logoparade/eon.jpg", alt: "E.ON", href: "http://www.eon.com/it"},
	{url: "/_images/logoparade/vw.jpg", alt: "VW", href: "http://www.vw-personal.de"},
	{url: "/_images/logoparade/bams.jpg", alt: "Bams", href: "http://www.bild.de/"},
	{url: "/_images/logoparade/pwc.jpg", alt: "PWC", href: "http://www.pwc.de/portal/pub/karriere"}
];
var randStart = 0 + parseInt( Math.random() * ( imageList.length-0+1 ) );

$(document).ready(function(){
	for(i=0;i<maxReferences;i++){
		(randStart>=imageList.length) ? randStart = 0 : randStart=randStart;
		$("#right div.refPreview").append('<div id="ref'+i+'"><a href="'+imageList[randStart]["href"]+'" rel="'+imageList[randStart]["alt"]+'" target="_blank"><img src="'+imageList[randStart]["url"]+'" alt="'+imageList[randStart]["alt"]+'" /></a></div>');
		lastDiv = i;
		lastReference = randStart;
		randStart++;
	}
	setTimeout("slideShow()",ssTimeout);
});

function slideShow(){
	
	(imageList.length-1 <= nextReference) ? nextReference = 0 : nextReference = lastReference+1;
	(maxReferences-1 <= lastDiv) ? nextDiv=0 : nextDiv = lastDiv+1;
	
	var currentReference = $("#right div.refPreview #ref"+nextDiv+" a").attr("rel");
	
	$("#right div.refPreview #ref"+nextDiv).prepend('<a href="'+imageList[nextReference]["href"]+'" rel="'+imageList[nextReference]["alt"]+'" target="_blank"><img src="'+imageList[nextReference]["url"]+'" alt="'+imageList[nextReference]["alt"]+'" /></a>');
	$("#right div.refPreview a[rel='"+currentReference+"']").fadeOut(1000,function(){$(this).remove();});
		
	lastReference=nextReference;
	lastDiv=nextDiv;
	setTimeout("slideShow()",ssTimeout);
}