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

	var i = 3, maxi = 10, period = 5000; /* parameters: i - start pic, maxi - number of pics, period - interval between changing pics */

	var il = i - 1, ir = i + 1;
	var start = false;

	var pics = $('box_inner');
	var arr_biggest = $('links').getChildren('a').setStyle('text-decoration', 'none');

	arr_biggest.each(function(el){
		var titlebox = new Element('div', {
			styles: { background: '#000', width: 506, height: 35, 'margin-top': 297, opacity: 0.7 },
			morph: { duration: 500, transition: Fx.Transitions.Back.easeOut }
		}).inject(el);
		var titlelink = new Element('span', {
			text: el.title,
			styles: { display: 'block', float: 'left', margin: 10, color: '#ffffff' }
		}).inject(titlebox);
		el.addEvents({
			'mouseenter': function(){ titlebox.morph({'margin-top': 262}); },
			'mouseleave': function(){ titlebox.morph({'margin-top': 297}); }
		});
	});

	arr_biggest[i-1].setStyle('display', 'block');

	var l_pics = $('left_block_inner').addEvent('click', function(){ movepic.attempt('right'); }).setStyle('cursor', 'pointer');
	var r_pics = $('right_block_inner').addEvent('click', function(){ movepic.attempt('left'); }).setStyle('cursor', 'pointer');

	$('left').addEvent('click', function(){ movepic.attempt('right'); }).setStyle('cursor', 'pointer');
	$('right').addEvent('click', function(){ movepic.attempt('left'); }).setStyle('cursor', 'pointer');
	$('gallery').addEvents({
		'mouseenter': function(){ start = false; if (per != null) per = $clear(per); },
		'mouseleave': function(){ if (initMultiBox.opened != true) { if (per == null) per = movepic.periodical(period); } else { start = true; } }
	});

	for (var x = 0; x < 3; x++) {
		new Element('img', { src: 'images/gallery/big-' + (i - 1 + x) + '.jpg',	styles: {width:506, height:297}}).inject(pics);
		new Element('img', { src: 'images/gallery/' + (il - 1 + x) + '.jpg', styles: {width:218,height:128}}).inject(l_pics);
		new Element('img', { src: 'images/gallery/' + (ir - 1 + x) + '.jpg', styles: {width:218,height:128}}).inject(r_pics);
	}

	var fx = new Fx.Morph(pics, {
		duration: 1000,
		transition: Fx.Transitions.Expo.easeOut,
		onStart: function(){
			arr_biggest.setStyle('display', 'none');
		},
 		onComplete: function(){
			switch (pics.getStyle('left')) {
				case '-1012px': var dir = 'left'; var place = 'bottom'; pics.getFirst('img').destroy(); i++; break;
				case '0px': var dir = 'right'; var place = 'top'; pics.getLast('img').destroy(); i--; break;
			}	
			pics.setStyle('left', -506);
			if (i > maxi) { i = 1 } else if (i < 1) { i = maxi }
			var j;
			switch (dir) {
				case 'left': j = i + 1; break;
				case 'right': j = i - 1; break;
			}
			if (j > maxi) { j = 1 } else if (j < 1) { j = maxi }
			new Element('img', { src: 'images/gallery/big-' + j + '.jpg', styles: {width: 506,height: 297}}).inject(pics,place);
			arr_biggest[i-1].setStyle('display', 'block');
		}
	});

	var fx_left = new Fx.Morph(l_pics, {
		duration: 1000,
		transition: Fx.Transitions.Circ.easeOut,
 		onComplete: function(){
			switch (l_pics.getStyle('left')) {
				case '-436px': var dir = 'left'; var place = 'bottom'; l_pics.getFirst('img').destroy(); il++; break;
				case '0px': var dir = 'right'; var place = 'top'; l_pics.getLast('img').destroy(); il--; break;
			}	
			l_pics.setStyle('left', -218);
			if (il > maxi) { il = 1 } else if (il < 1) { il = maxi }
			var j;
			switch (dir) {
				case 'left': j = il + 1; break;
				case 'right': j = il - 1; break;
			}
			if (j > maxi) { j = 1 } else if (j < 1) { j = maxi }
			new Element('img', { src: 'images/gallery/' + j + '.jpg', styles: {width: 218,height: 128}}).inject(l_pics,place);
		}
	});

	var fx_right = new Fx.Morph(r_pics, {
		duration: 1000,
		transition: Fx.Transitions.Circ.easeOut,
 		onComplete: function(){
			switch (r_pics.getStyle('left')) {
				case '-436px': var dir = 'left'; var place = 'bottom'; r_pics.getFirst('img').destroy(); ir++; break;
				case '0px': var dir = 'right'; var place = 'top'; r_pics.getLast('img').destroy(); ir--; break;
			}	
			r_pics.setStyle('left', -218);
			if (ir > maxi) { ir = 1 } else if (ir < 1) { ir = maxi }
			var j;
			switch (dir) {
				case 'left': j = ir + 1; break;
				case 'right': j = ir - 1; break;
			}
			if (j > maxi) { j = 1 } else if (j < 1) { j = maxi }
			new Element('img', { src: 'images/gallery/' + j + '.jpg', styles: {width: 218,height: 128}}).inject(r_pics,place);
		}
	});

	var movepic = function(direction){
		var direction = direction || 'left';
		switch (direction) {
			case 'left': fx.start({'left': -1012}); fx_left.start({'left': -436}); fx_right.start({'left': -436}); break;
			case 'right': fx.start({'left': 0}); fx_left.start({'left': 0}); fx_right.start({'left': 0}); break;
		}
	}

	var per = movepic.periodical(period);
	(function(){ if (start == true && initMultiBox.opened != true) { start = false; if (per == null) per = movepic.periodical(period); } }).periodical(10000);

	var initMultiBox = new multiBox({
		mbClass: '.mb', container: $(document.body), descClassName: '', path: './files/',
		useOverlay: true, maxSize: {w:1000, h:750}, addDownload: false, pathToDownloadScript: '',
		addRollover: false, addOverlayIcon: false, addChain: false, recalcTop: false, addTips: false
	});

});