/*******************************************************************************
 * "bretteleben.de JavaScript Slideshow" - Version 20100412 License:
 * http://www.gnu.org/copyleft/gpl.html Author: Andreas Berger Copyright (c)
 * 2010 Andreas Berger - andreas_berger@bretteleben.de Project page and Demo at
 * http://www.bretteleben.de Last update: 2010-04-12
 ******************************************************************************/
// *****parameters to set*****
var def_imges = new Array('webContent/images/sponsor/crossover.jpg',
		'webContent/images/sponsor/leBoocan.gif',
		'webContent/images/sponsor/urbanLegends.gif', 'webContent/images/sponsor/ACSD.jpg',
		'webContent/images/sponsor/afrogrooves.jpg', 'webContent/images/sponsor/43.gif');
// the url
var def_url = new Array('http://www.crossover-online.de/', 'http://www.leboocan.de/',
		'http://www.urbanlegends-clothing.com/', 'http://www.ccdarmstadt2010.de/',
		'http://www.afrogrooves.com/', 'http://www.forthree.com/');
var def_divid = "slideshow"; // the id of the div container that will hold
// the slideshow
var def_picwid = 270; // set this to the width of your widest pic
var def_pichei = 130; // ... and this to the height of your highest pic
var def_backgr = "#FBF5EF"; // set this to the background color you want to use
// for the slide-area
// (for example the body-background-color) if your pics are of different size
var def_sdur = 3; // time to show a pic between fades in seconds
var def_fdur = 1; // duration of the complete fade in seconds
var def_steps = 20; // steps to fade from on pic to the next
var def_startwhen = "y"; // start automatically at pageload? set it to "y"
// for on and to "n" for off
var def_shuffle = "y"; // start with random image? set it to "y" for on and to
// "n" for off
var def_showcontr = "y"; // do you want to show controls? set it to "y" for
// on and to "n" for off
// into this array insert the paths of your control-buttons or the text to
// display e.g. back,start,stop,fwrd.
// var def_contr = new Array('bwd.png', 'start.png', 'stop.png', 'fwd.png');
// ****************************************************************

// daisychain onload-events
function daisychain(sl) {
	if (window.onload) {
		var ld = window.onload;
		window.onload = function() {
			ld();
			sl();
		};
	} else {
		window.onload = function() {
			sl();
		};
	}
}

function be_slideshow(be_slideid, be_imges, be_url, be_divid, be_picwid, be_pichei,
		be_backgr, be_sdur, be_fdur, be_steps, be_startwhen, be_shuffle,
		be_showcontr, be_contr) {

	// declarations and defaults
	var slideid = (be_slideid) ? be_slideid : "0";
	var imges = (be_imges) ? be_imges : def_imges;
	var url = (be_url) ? be_url : def_url;
	var divid = (be_divid) ? be_divid : def_divid;
	var picwid = (be_picwid) ? be_picwid : def_picwid;
	var pichei = (be_pichei) ? be_pichei : def_pichei;
	var backgr = (be_backgr) ? be_backgr : def_backgr;
	var sdur = (be_sdur) ? be_sdur : def_sdur;
	var fdur = (be_fdur) ? be_fdur : def_fdur;
	var steps = (be_steps) ? be_steps : def_steps;
	var startwhen = (be_startwhen) ? be_startwhen : def_startwhen;
	startwhen = (startwhen.toLowerCase() == "y") ? 1 : 0;
	var shuffle = (be_shuffle) ? be_shuffle : def_shuffle;
	shuffle = (shuffle.toLowerCase() == "y") ? 1 : 0;
	var showcontr = (be_showcontr) ? be_showcontr : def_showcontr;
	showcontr = (showcontr.toLowerCase() == "y") ? 1 : 0;
	// var contr = (be_contr) ? be_contr : def_contr;
	var ftim = fdur * 1000 / steps;
	var stim = sdur * 1000;
	var emax = imges.length;
	var self = this;
	var stopit = 1;
	var startim = 1;
	var u = 0;
	var parr = new Array();
	var ptofade, pnext, factor, mytimeout;
	// check if there are at least 3 pictures, elswhere double the array
	if (imges.length <= 2) {
		imges = imges.concat(imges);
	}
	// shuffle images and urls if set
	if (shuffle) {
		var i;
		for (i = 0; i <= Math.floor(Math.random() * imges.length); i++) {
			imges.push(imges.shift());
			url.push(url.shift());
			
		}
	}

	// push images into array and get things going
	this.b_myfade = function() {
		var a, idakt, paktidakt, ie5exep;
		for (a = 1; a <= emax; a++) {
			idakt = "img_" + slideid + "_" + a;
			paktidakt = document.getElementById(idakt);
			ie5exep = new Array(paktidakt);
			parr = parr.concat(ie5exep);
		}
		if (startwhen) {
			stopit = 0;
			mytimeout = setTimeout(function() {
				self.b_slide();
			}, stim);
		}
	};

	// prepare current and next and trigger slide
	this.b_slide = function() {
		clearTimeout(mytimeout);
		u = 0;
		ptofade = parr[startim - 1];
		if (startim < emax) {
			pnext = parr[startim];
		} else {
			pnext = parr[0];
		}
		pnext.style.zIndex = 1;
		pnext.style.visibility = "visible";
		pnext.style.filter = "Alpha(Opacity=100)";
		try {
			pnext.style.removeAttribute("filter");
		} catch (err) {
		}
		pnext.style.MozOpacity = 1;
		pnext.style.opacity = 1;
		ptofade.style.zIndex = 2;
		ptofade.style.visibility = "visible";
		ptofade.style.filter = "Alpha(Opacity=100)";
		ptofade.style.MozOpacity = 1;
		ptofade.style.opacity = 1;
		factor = 100 / steps;
		if (stopit == "0") {
			this.b_slidenow();
		}
	};

	// one step forward
	this.b_forw = function() {
		stopit = 1;
		clearTimeout(mytimeout);
		ptofade = parr[startim - 1];
		if (startim < emax) {
			pnext = parr[startim];
			startim = startim + 1;
		} else {
			pnext = parr[0];
			startim = 1;
		}
		ptofade.style.visibility = "hidden";
		ptofade.style.zIndex = 1;
		pnext.style.visibility = "visible";
		pnext.style.zIndex = 2;
		self.b_slide();
	};

	// one step back
	this.b_back = function() {
		stopit = 1;
		clearTimeout(mytimeout);
		if (u == 0) { // between two slides
			ptofade = parr[startim - 1];
			if (startim < emax) {
				pnext = parr[startim];
			} else {
				pnext = parr[0];
			}
			pnext.style.visibility = "hidden";
			ptofade.style.zIndex = 1;
			ptofade.style.visibility = "visible";
			if (startim >= 2) {
				startim = startim - 1;
			} else {
				startim = emax;
			}
			self.b_slide();
		} else { // whilst sliding
			self.b_slide();
		}
	};

	// slide as said, then give back
	this.b_slidenow = function() {
		var check1, maxalpha, curralpha;
		check1 = ptofade.style.MozOpacity;
		maxalpha = (100 - factor * u) / 100 * 105;
		if (check1 <= maxalpha / 100) {
			u = u + 1;
		}
		curralpha = 100 - factor * u;
		ptofade.style.filter = "Alpha(Opacity=" + curralpha + ")";
		ptofade.style.MozOpacity = curralpha / 100;
		ptofade.style.opacity = curralpha / 100;
		if (u < steps) { // slide not finished
			if (stopit == "0") {
				mytimeout = setTimeout(function() {
					self.b_slidenow();
				}, ftim);
			} else {
				this.b_slide();
			}
		} else { // slide finished
			if (startim < emax) {
				ptofade.style.visibility = "hidden";
				ptofade.style.zIndex = 1;
				pnext.style.zIndex = 2;
				startim = startim + 1;
				u = 0;
				mytimeout = setTimeout(function() {
					self.b_slide();
				}, stim);
			} else {
				ptofade.style.visibility = "hidden";
				ptofade.style.zIndex = 1;
				pnext.style.zIndex = 2;
				startim = 1;
				u = 0;
				mytimeout = setTimeout(function() {
					self.b_slide();
				}, stim);
			}
		}
	};

	// manual start
	this.b_start = function() {
		if (stopit == 1) {
			stopit = 0;
			mytimeout = setTimeout(function() {
				self.b_slide();
			}, stim);
		}
	};

	// manual stop
	this.b_stop = function() {
		clearTimeout(mytimeout);
		stopit = 1;
		this.b_slide();
	};

	// insert css and images
	this.b_insert = function() {
		var b, thestylid, thez, thevis, slidehei;
		slidehei = (showcontr) ? (pichei + 25) : (pichei); // add space for the
		// controls
		var myhtml = "<div style='width:" + picwid + "px;height:" + slidehei
				+ "px;'><h2>Partners</h2>";
		myhtml += "<div style='position:absolute;width:" + picwid
				+ "px;height:" + pichei + "px;'>";
		for (b = 1; b <= emax; b++) {
			thez = 1;
			thevis = 'hidden';
			if (b <= 1) {
				thez = 2;
				thevis = 'visible';
			}
			myhtml += "<div id='img_" + slideid + "_" + b
					+ "' style='font-size:0;line-height:" + pichei
					+ "px;margin:0;padding:0;text-align:center;visibility:"
					+ thevis + ";z-index:" + thez
					+ ";position:absolute;left:0;top:0;width:" + picwid
					+ "px;height:" + pichei + "px;background-color: " + backgr
					+ ";'>";
			//alert(imges[(b-1)]+' : '+ def_url[(b-1)]+' '+ b);
			myhtml += "<a href='"+ def_url[(b-1)]+"' target='_blank'><img src='"
					+ imges[(b - 1)]
					+ "' style='vertical-align:middle;border:0;height:100px' alt=''/></a></div>";
		}
		myhtml += "</div>";
		// show controls
		/*
		 * if (showcontr) { for (b = 1; b <= 4; b++) { var check = contr[b -
		 * 1].substring(contr[b - 1].length - 3) .toLowerCase(); // check for
		 * buttons contr[b - 1] = (check == "jpg" || check == "gif" || check ==
		 * "png") ? ("<img src='" + contr[b - 1] + "' style='border:none;'
		 * alt=''/>") : (contr[b - 1]); } myhtml += "<div
		 * style='display:block;width:" + picwid + "px;padding-top:" + (pichei +
		 * 3) + "px;text-align:right;'>"; myhtml += "<a href='javascript:be_" +
		 * slideid + ".b_back();' style='text-decoration:none'>" + contr[0] + "</a>&nbsp;";
		 * myhtml += "<a href='javascript:be_" + slideid + ".b_start();'
		 * style='text-decoration:none'>" + contr[1] + "</a>&nbsp;"; myhtml += "<a
		 * href='javascript:be_" + slideid + ".b_stop();'
		 * style='text-decoration:none'>" + contr[2] + "</a>&nbsp;"; myhtml += "<a
		 * href='javascript:be_" + slideid + ".b_forw();'
		 * style='text-decoration:none'>" + contr[3] + "</a>"; } myhtml += "</div>";
		 */
		document.getElementById(divid).innerHTML = myhtml;
		self.b_myfade();
	};

	// call autostart-function
	daisychain(this.b_insert);

}

var be_0 = new be_slideshow();