var slideInterval	= 4000;			// Interval between transition start of every slide (milliseconds)
var slideTransition	= 2000;			// Duration of transition, included in slideInterval (milliseconds)
var transitionStep	= 20;			// Time between each advance in transition (milliseconds)
var nextSlide		= 0;			// Next element in array images[]
var images			= new Array();	// Arrray with image object for the current slideshow
var	slideShowWidth;					// Width of current slideshow in pixels
var	slideShowHeight;				// Height of current slideshow in pixels
var currentSlideStartTime;			// Start date and time of current slide (milliseconds)
var slideShowTimer;



function advanceSlideShow(){
	var slideshowBack	= document.getElementById('slideshowBack');
	var slideshowFront	= document.getElementById('slideshowFront');
	var currentSlideTime	= (new Date()).getTime() - currentSlideStartTime;
	var timeTillNextAdvance = transitionStep;

logIt('currentSlideTime: ' + currentSlideTime);

	var currentOpacity = currentSlideTime / slideTransition;
	if (currentOpacity > 1) {
		currentOpacity = 1;
		timeTillNextAdvance = slideInterval - currentSlideTime ;
		slideshowBack.src = images[nextSlide].src;
	}

	setOpacity(slideshowFront, currentOpacity);
	setOpacity(slideshowBack, 1 - currentOpacity);

	if (currentSlideTime > slideInterval){
		currentSlideStartTime = (new Date()).getTime();
		nextSlide++;
		if (nextSlide >= images.length) {
			nextSlide = 0;
		}
		setOpacity(slideshowFront, 0)
		setOpacity(slideshowBack, 1);
		slideshowFront.src = images[nextSlide].src;
	}

	slideShowTimer = setTimeout('advanceSlideShow()', timeTillNextAdvance);
}




function loadSlideShow(Title){
	var	i = 0;
	var slidePaths = new Array();
	switch (Title)	{

	case 'home':
		slideShowWidth	= 240;
		slideShowHeight	= 135;
		slidePaths[i++] = '/common/slideshow/home/hobsoft_logo.png';
		slidePaths[i++] = '/common/slideshow/home/brendan_girl.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q017c002.jpg';
		slidePaths[i++] = '/common/slideshow/home/asterix_models.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q059c001.jpg';
		slidePaths[i++] = '/common/slideshow/home/terkel_silas.jpg';
		slidePaths[i++] = '/common/slideshow/home/brendan_aidan_lighting.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q071c004.jpg';
		slidePaths[i++] = '/common/slideshow/home/hobsoft_logo.png';
		slidePaths[i++] = '/common/slideshow/home/hamilton_singer.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q072c001.jpg';
		slidePaths[i++] = '/common/slideshow/home/brendan_running.jpg';
		slidePaths[i++] = '/common/slideshow/home/terkel_arne.jpg';
		slidePaths[i++] = '/common/slideshow/home/cirkeline_pirate_and_kids.jpg';
		slidePaths[i++] = '/common/slideshow/home/brendan_city_gate.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q119c002.jpg';
		slidePaths[i++] = '/common/slideshow/home/terkel_peeing.jpg';
		slidePaths[i++] = '/common/slideshow/home/hobsoft_logo.png';
		slidePaths[i++] = '/common/slideshow/home/brendan_big_guys.jpg';
		slidePaths[i++] = '/common/slideshow/home/terkel_are_you_scared.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q121c001.jpg';
		slidePaths[i++] = '/common/slideshow/home/brendan_library.jpg';
		slidePaths[i++] = '/common/slideshow/home/cirkeline_and_old_lady.jpg';
		slidePaths[i++] = '/common/slideshow/home/chico_q005c001.jpg';
	break;
	
	case 'info':
		slideShowWidth	= 506;
		slideShowHeight	= 342;
		slidePaths[i++] = '/common/slideshow/info/editing.png';
		slidePaths[i++] = '/common/slideshow/info/filestructure.png';
		slidePaths[i++] = '/common/slideshow/info/management.png';
		slidePaths[i++] = '/common/slideshow/info/mastering.png';
		slidePaths[i++] = '/common/slideshow/info/security.png';
		slidePaths[i++] = '/common/slideshow/info/workflows.png';
		break;

	case 'chico':
		slideShowWidth	= 506;
		slideShowHeight	= 342;
		slidePaths[i++] = '/common/slideshow/chico/q057c006.png';
		slidePaths[i++] = '/common/slideshow/chico/q118c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q071c004.png';
		slidePaths[i++] = '/common/slideshow/chico/q119c002.png';
		slidePaths[i++] = '/common/slideshow/chico/q054c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q013c015.png';
		slidePaths[i++] = '/common/slideshow/chico/q013c008.png';
		slidePaths[i++] = '/common/slideshow/chico/q005c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q004c013.png';
		slidePaths[i++] = '/common/slideshow/chico/q101c016.png';
		slidePaths[i++] = '/common/slideshow/chico/q101c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q121c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q051c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q054c002.png';
		slidePaths[i++] = '/common/slideshow/chico/q054c004.png';
		slidePaths[i++] = '/common/slideshow/chico/q059c003.png';
		slidePaths[i++] = '/common/slideshow/chico/q011c002.png';
		slidePaths[i++] = '/common/slideshow/chico/q017c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q022c003.png';
		slidePaths[i++] = '/common/slideshow/chico/q028c003.png';
		slidePaths[i++] = '/common/slideshow/chico/q028c008.png';
		slidePaths[i++] = '/common/slideshow/chico/q008c002.png';
		slidePaths[i++] = '/common/slideshow/chico/q052c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q052c006.png';
		slidePaths[i++] = '/common/slideshow/chico/q026c009.png';
		slidePaths[i++] = '/common/slideshow/chico/q024c002.png';
		slidePaths[i++] = '/common/slideshow/chico/q017c002.png';
		slidePaths[i++] = '/common/slideshow/chico/q059c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q040s001.png';
		slidePaths[i++] = '/common/slideshow/chico/q060c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q071c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q072c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q074c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q099c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q108c001.png';
		slidePaths[i++] = '/common/slideshow/chico/q044c001.png';
		break;

	case 'screenshots':
		slideInterval	= 5000;			// Interval between transition start of every slide (milliseconds)
		slideTransition	= 1000;			// Duration of transition, included in slideInterval (milliseconds)
		slideShowWidth	= 1230;
		slideShowHeight	= 1081;
		slidePaths[i++] = '/screenshots/slides/01_text_personal.png';
		slidePaths[i++] = '/screenshots/slides/02_login.png';
		slidePaths[i++] = '/screenshots/slides/03_todolist.png';
		slidePaths[i++] = '/screenshots/slides/04_text_companies.png';
		slidePaths[i++] = '/screenshots/slides/05_companies.png';
		slidePaths[i++] = '/screenshots/slides/06_persons.png';
		slidePaths[i++] = '/screenshots/slides/07_personal_1.png';
		slidePaths[i++] = '/screenshots/slides/08_personal_2.png';
		slidePaths[i++] = '/screenshots/slides/09_text_episodes.png';
		slidePaths[i++] = '/screenshots/slides/10_episode.png';
		slidePaths[i++] = '/screenshots/slides/11_sequence.png';
		slidePaths[i++] = '/screenshots/slides/12_scene_1.png';
		slidePaths[i++] = '/screenshots/slides/13_scene_2.png';
		slidePaths[i++] = '/screenshots/slides/14_scene_3.png';
		slidePaths[i++] = '/screenshots/slides/15_scene_4.png';
		slidePaths[i++] = '/screenshots/slides/16_text_reporting.png';
		slidePaths[i++] = '/screenshots/slides/17_progress_graph.png';
		slidePaths[i++] = '/screenshots/slides/18_task_report.png';
		slidePaths[i++] = '/screenshots/slides/19_text_automatic.png';
		slidePaths[i++] = '/screenshots/slides/20_recipes.png';
		slidePaths[i++] = '/screenshots/slides/21_recipe.png';
		slidePaths[i++] = '/screenshots/slides/22_workers.png';
		slidePaths[i++] = '/screenshots/slides/23_text_customization.png';
		slidePaths[i++] = '/screenshots/slides/24_workflow_types.png';
		slidePaths[i++] = '/screenshots/slides/25_workflow_diagram.png';
		break;
	}

	for (i = 0; i < slidePaths.length; i++) {
		images[i] = new Image();
		images[i].src = slidePaths[i];
	}
	logIt('Width of slideshow: ' + images[0].width);
	document.writeln('<div class="slideshow" style="position: relative; overflow: hidden; width: ' + slideShowWidth + 'px; height: ' + slideShowHeight + 'px;">');

		document.writeln('<div style="position: absolute; top: 0px; left: 0px; width: ' + slideShowWidth + 'px; height: ' + slideShowHeight + 'px;">');
			document.writeln('<img id="slideshowBack" src="' + slidePaths[0] + '" width="' + slideShowWidth + '" height="' + slideShowHeight + '" />')
		document.writeln('</div>');

		document.writeln('<div 					style="position: absolute; top: 0px; left: 0px;	width: ' + slideShowWidth + 'px; height: ' + slideShowHeight + 'px;">');
			document.writeln('<img id="slideshowFront" src="' + slidePaths[0] + '" width="' + slideShowWidth + '" height="' + slideShowHeight + '" style="opacity: 0.0; filter: alpha(opacity=0);" />')
		document.writeln('</div>');

	document.writeln('</div>');

	currentSlideStartTime = (new Date()).getTime() - slideTransition;			// slideTransition is subtracted because the image starts 100% visible

	setTimeout('advanceSlideShow()', slideInterval -  2 * slideTransition);
}