function change_image()
{
	if (image_index >= 0)
	{
		// hide message
		DisplayMessage(false);

		// hide image and tooltip
		tooltip_js = false;
		document.images[ImageIndexInDoc].alt = "";
		document.images[ImageIndexInDoc].title = "";
		message = "";
		document.images[ImageIndexInDoc].style.visibility = "hidden";

		// compute best image size
		{
			image_width = image_data_array[image_index].width;
			image_height = image_data_array[image_index].height;

			display_width = window.innerWidth;
			display_height = window.innerHeight;

			if (!display_width)
				display_width = window.document.body.clientWidth - 5;
			else
				display_width = display_width - 5;

			if (!display_height)
				display_height = window.document.body.clientHeight - 50;
			else
				display_height = display_height - 50;


			if (display_height <= 0) display_height = 1;

			while ((image_width > display_width) || (image_height > display_height))
			{
				image_width = image_width * 0.95;
				image_height = image_height * 0.95;
			}

			document.images[ImageIndexInDoc].width = image_width;
			document.images[ImageIndexInDoc].height = image_height;
		}
		
		// set image source
		document.images[ImageIndexInDoc].src = document.images[ImageIndexInDoc+1].src;

		// set comments
		message = image_data_array[image_index].comments;
		var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=#000000><tr><td><table width=100% border=0 cellpadding=2 cellspacing=1><tr><td bgcolor=#FFFFE1><font color=#000000 size=2 face='verdana'><center>"+message+"</center></td></tr></table></td></tr></table>";
		if (domok)
		{
			document.getElementById("topdecklink").innerHTML = content;
		}

		if (image_data_array[image_index].comments_mode == 1)
		{
			document.images[ImageIndexInDoc].alt = message;
			document.images[ImageIndexInDoc].title = message;
		}
		
		if (image_data_array[image_index].comments_mode == 2)
			tooltip_js = true;
		else
			killlink();
					

		// show image
		document.images[ImageIndexInDoc].style.visibility = "visible";
		
		timeout_ok = false;
		setTimeout("Display_Timeout()",diaporama_delay);
	}

	image_index = image_index + 1;
	if (image_index == nb_images)
	{
		if (AutoLoop)
		{
			image_index = 0;
		}
		else
		{
			window.status = "Fin du diaporama";
			temp_status = "Fin du diaporama";
			end_of_diaporama = true;
			return;
		}
	}

	image_loaded = false;
	document.images[ImageIndexInDoc+1].src = image_data_array[image_index].path;	
	
	if (diaporama_started)
	{
		window.status = "Chargement de l'image : " + image_data_array[image_index].path;
		temp_status = "Chargement de l'image : " + image_data_array[image_index].path;
	}
}

function Display_Timeout()
{
	timeout_ok = true;

	if (image_loaded && diaporama_started && !end_of_diaporama)
	{
		setTimeout("change_image()",1000);
	}
}

function Image_Is_Loaded()
{
	image_loaded = true;

	if (timeout_ok && diaporama_started && !end_of_diaporama)
	{
		setTimeout("change_image()",1000);
	}
	else
	{
		if (diaporama_started)
		{
			window.status = "Image suivante chargée";
			temp_status = "Image suivante chargée";
		}
	}
}

function ReStart_Diaporama()
{
	diaporama_started = true;

	if (timeout_ok && image_loaded && !end_of_diaporama)
	{
		setTimeout("change_image()",1000);
	}
	else if (!end_of_diaporama)
	{
		window.status = "Chargement de l'image : " + image_data_array[image_index].path;
		temp_status =  "Chargement de l'image : " + image_data_array[image_index].path;
	}
	else
	{
		image_index = 0;
		end_of_diaporama = false;		

		image_loaded = false;
		document.images[ImageIndexInDoc+1].src = image_data_array[image_index].path;	
		window.status = "Chargement de l'image : " + image_data_array[image_index].path;
		temp_status = "Chargement de l'image : " + image_data_array[image_index].path;
	}
}

function Stop_Diaporama()
{
	diaporama_started = false;
	window.status = "Diaporama suspendu";
	temp_status = "Diaporama suspendu";
}

function Error_Image_Loading()
{
	// if an error occurs while loading image, try to load next one to avoid blocking diaporama !
	// it is a little bit dangerous if any other error occurs...

	image_index = image_index + 1;
	if (image_index == nb_images)
		image_index = 0;

	image_loaded = false;
	document.images[ImageIndexInDoc+1].src = image_data_array[image_index].path;	
}

function DisplayMessage(msg)
{
	if (navigateur_compatible)
	{
		if (msg)
		{
			
			var win_width = window.innerWidth;
			var win_height = window.innerHeight;

			if (!win_width)
				win_width = window.document.body.clientWidth - 5;
			else
				win_width = win_width - 5;

			if (!win_height)
				win_height = window.document.body.clientHeight - 50;
			else
				win_height = win_height - 50;

			var content ="<table border=0 height="+win_height+" width="+ win_width + "><tr align=center><td valign=center><center>chargement de la premi&egrave;re image en cours...<br>Patientez SVP<br><br><font face=\"arial\" size=2 color=\"#FFFFFF\">Ce diaporama a &eacute;t&eacute; g&eacute;n&eacute;r&eacute;e par </font><a href=\"http://www.xander.free.fr\"><font face=\"arial\" size=2 color=\"#FFFFFF\" OnMouseOver=\"color='#119BD5'\" OnMouseOut=\"color='#FFFFFF'\">Xander Image HTML Integrator v3</font></A></center></td></tr></table>";
			document.getElementById("messageId").innerHTML = content;
			message_style.left = 0;
			message_style.right = 0;
			message_style.visibility = "visible";
		}
		else 
		{
			var content ="<table border=0 height=0 width=0><tr align=center><td valign=center></td></tr></table>";
			document.getElementById("messageId").innerHTML = content;
			message_style.visibility = "hidden";
		}
	}	
}

-->
</script>

</HEAD>

<BODY bgcolor="#000000" text="#FFFFFF" link="#119BD5" alink="#119BD5" vlink="#119BD5" background="" style="margin: 0px; padding: 0px; scrollbar-base-color:#000000; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-face-color:#000000; scrollbar-arrow-color:#000000;scrollbar-track-color: #000000;scrollbar-3dlight-color: #000000;scrollbar-darkshadow-color: #000000;" onload="DisplayMessage(true); setTimeout('change_image()',1500);" >
<style type="text/css">
<!--
.popperlink {position:absolute;visibility:hidden}
//-->
</style>
<div class=popperlink id=topdecklink></div>
<script language="javascript"> 
<!--
domok = document.getElementById;
if (domok)
{
	skn = document.getElementById("topdecklink").style;
	if(navigator.appName.substring(0,3) == "Net")
	document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = get_mouse;
}

function poplink(msg)
{
	var content ="<table border=0 cellpadding=0 cellspacing=0 bgcolor=#000000><tr><td><table width=100% border=0 cellpadding=2 cellspacing=1><tr><td bgcolor=#FFFFE1><font color=#000000 size=2 face='verdana'><center>"+msg+"</center></td></tr></table></td></tr></table>";
	if (domok)
	{
		document.getElementById("topdecklink").innerHTML = content;
		if (msg != "")
		{ tooltip_js_visible = true; }
		else { skn.visibility = "hidden"; tooltip_js_visible = false; }
	}
}

function get_mouse(e)
{
	var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
	var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
	
	if (tooltip_js_visible)
	{
		skn.left = x;
		skn.top = y+20;
		skn.visibility = "visible";
	}
	else
	{
		
		skn.left=0;
		skn.top = 0;
	}
}

function killlink()
{ 
	if (domok)
	{
		document.getElementById("topdecklink").innerHTML = '';
		skn.visibility = "hidden";
		tooltip_js_visible = false;			
	}
}

function showtip()
{
	poplink(message);
}
-->
</script>
<style type="text/css">
<!--
.messageclass {position:absolute;visibility:hidden}
//-->
</style>
<div class=messageclass id=messageId></div>
<script language="javascript"> 
<!--
navigateur_compatible = document.getElementById;
if (navigateur_compatible)
{
	var message_style = document.getElementById("messageId").style;
}
-->
</script>

<CENTER>
<TABLE border=0, cellspacing=0, cellpadding=0, width="100%", height="100%">
<TR><TD valign=center>
<CENTER>