var IMAGE_PATH = '/site/picture/upload/image/festival/montage_festival/';
var SWITCH_ARRAY = [1,2,7,8,13,14,19,20,25,26];


function fadeInMontage() 
{
	var montage_back = $('montage_back')
	if(montage_back) {

		for(var x = 0 ; x < 36 ; x++) {
			var montage_class= '';
			if((x+1)%6 == 0){
				montage_class = 'endstop';
			}
			if(x > 29) {
				montage_class += ' last_row';
			}
			var imgId = 'mtgimg'+x;
			var imgPath = IMAGE_PATH + x + '.jpg';

			montage_back.appendChild(Builder.node('img', {'id': imgId, 'class': montage_class, 'style': 'display: none', 'src': imgPath, border: 0}));
		}
		
		setTimeout('beginAnim()', '1000');
	}
}


function beginAnim() {

	var imagesArr = $$('#montage_container2 #montage_back img');
	var i = 0;
	imagesArr._each( function(imgElem) {
		setTimeout( function() { Effect.Appear(imgElem.id, { duration: 0.5, from: 0.0, to: 1.0}); }, i*150);
		i++;
	});
	
	var mfader = $('montage_fader');
	setTimeout( function(){Effect.Appear('montage_fader', { duration: 0.5, from: 0.0, to: 1.0} )}, 5400);
	setTimeout( function(){Effect.Appear('montage_text', { duration: 1.0, from: 0.0, to: 1.0} )}, 5500);
	
	setTimeout('continueAnim()', '7500');
}


function continueAnim() {
	
	var counter = 0;
	SWITCH_ARRAY.each(function(idx) {	
		setTimeout( function(){
			var elemId = 'mtgimg'+idx;
			Effect.Appear(elemId, {duration: 0.7, from: 1.0, to: 0.1});
			setTimeout( function(){
				$('mtgimg'+idx).src = IMAGE_PATH + 'f_'+ idx + '.jpg';
				Effect.Appear(elemId, { duration: 0.7, from: 0, to: 1.0} )
			}, 700);
		}, counter*1000);
		
		counter++;
	});
}