﻿var	currimage		=	null;
var	currimagenum	=	0;
var	theimage		=	null;
//var	mainimage		=	null;
var	imagebuffer		=	null;
var	imagedisptime	=	5000;

window.addEvent('domready', function() {

	currimagenum			=	1;

//	mainimage				=	$('themainimage');
	imagebuffer				=	$('imagebuffer');
	fireEvent('beginslideshow', "xxx", imagedisptime);
});

window.addEvent('beginslideshow', function() {
	startslideshow();
});

window.addEvent('_nextimage', function() {
	$('themainimage').setOpacity( 0 );
	var	clone	=	$('imagebuffer').clone();
	clone.setProperty('id', 'themainimage');
	clone.replaces( $('themainimage') );
	nextimage();
});


function	startslideshow()	{
	imagebuffer.empty();
	zoomimage( currimagenum );
}

function	nextimage()	{
	if( ++currimagenum >= imgcnt )	{	currimagenum=0;	}
	zoomimage( currimagenum );
}



function	zoomimage( cin )	{

	if( imgnames['image' + cin] )	{
		oneimg	=	imgnames['image' + cin];
		var newasset = new Asset.image( oneimg[0], { id: 'image' + cin, title: oneimg[1], name : oneimg[2], alt: oneimg[3],onload: newimageloadcomplete} );
	}
}


function	newimageloadcomplete( e )	{
	imagebuffer.empty();
	imagebuffer.setOpacity( 0 );
	e.inject( imagebuffer );
	imagebuffer.fade([1]);
	window.fireEvent('_nextimage', "xxx", imagedisptime );

//	alert(e.id + "," + e.title + "," + e.name + ","+ e.alt);
//	e.id
//	e.title
//	e.name
//	e.alt

//	oneimg	=	imgnames[ e.id ];

/*
	imgtitle	=	new Element('span', {id : 'newimagetitle', style : 'text-transform: uppercase; font-size : 1.2em; margin-top : 14px; display : block;'});
	imgdesc		=	new Element('span', {id : 'newimagedesc', style : 'font-size : 1em; display : block'});
	imgtitle.set('html' , oneimg[1] );
	imgdesc.set('html' , oneimg[2] );	
	imgtitle.inject(imagebuffer );
	imgdesc.inject(imagebuffer );
*/
}
