var arrImage = new Array();
var imageT = 0;
var imageNum;
var intT;

window.addEvent('domready', function(){
	for(i=0; i<arrImage.length; i++){
		var d = new Image;
	d.src=arrImage[i][2];
	}
	if ($('gallery')) {
		createGallery();
		hideGalleryImage();
	}
});

function createGallery(){
	var div = new Element('div', {
		'id': 'divGallery',
		'styles': {
			'opacity': '0'
		}
	}).injectInside($('gallery'));
}

function createImage(){
	var img = new Element('img', {
		'src' : WPath+arrImage[imageT][2],
		'alt' : arrImage[imageT][1],
		'title' : arrImage[imageT][1]
	}).injectInside($('divGallery'));
	
	var _h = img.offsetHeight;
	var _w = img.offsetWidth;
	var _t=  _h/_w;
	
	_h = 200;
	_w = _h/_t;
	
	img.setStyles({
		'width': _w + 'px',
		'height' : _h + 'px'
	});
	
	var div = new Element('div', {
		'html' : arrImage[imageT][0],
		'class' : 'galleryImageName'
	}).injectInside($('divGallery'));
	
	imageT += 1;
	if (imageT >= arrImage.length) {
		imageT = 0;
	}
}

function setImage(){
	if ($('divGallery').getStyle('opacity') == 0) {
		clearInterval(intT);
		$('divGallery').set('html', '');
		createImage();
		createImage();
		showGalleryImage();
	}
}

function changeGalleryImage(){
	intT = setInterval(setImage, 100);
}

function hideGalleryImage(){
	clearInterval(intT);
	$('divGallery').set('tween', {
				duration: 1500
			}).tween('opacity', '0');
	changeGalleryImage();
}

function showGalleryImage() {
	$('divGallery').set('tween', {
				duration: 1500
			}).tween('opacity', '1');
	intT = setInterval(hideGalleryImage, 6000);
}