var effectSpeed = 1000 // in miliseconds
var id = 1;
var slideshow = false; 
var showmustgoon = false;

window.addEvent('domready', function() {
	effectChange = new Fx.Style('image', 'opacity', {duration:effectSpeed, wait: true, onComplete: function(){
			$('image').setProperty('src', $('bckimage').getProperty('src'));
			if(slideshow) window.setTimeout("slideshowEff()", 5000);
	}});
	
	$$('.gallery_box').each(function(obj){
		obj.setStyle('cursor', 'pointer');
		obj.addEvent('click', function(e){
			e = new Event(e).stop();
			$('slideshow').setHTML('Start Slideshow');
			slideshow = false;
			showPicture(this);
		});
	});
	
	$('slideshow').addEvent('click', function(e){
		e = new Event(e).stop();
		if(slideshow){
			$('slideshow').setHTML('Start Slideshow');
			slideshow = false;
		}
		else {
			$('slideshow').setHTML('Stop Slideshow');
			slideshow = true;
			slideshowEff();
		}
	});
	
	$('bckimage').addEvent('load', function(){
		if(showmustgoon)
			effectChange.start(1, 0);
	});
	
	$('bckimage').setStyle('margin-bottom', -2);
	
	$('image').setStyles({
		margin: '0px 0px -280px 0px',
		position: 'relative',
		top: '-300px'
	});
	
});

	
function showPicture(obj){
	$('image').setStyle('opacity', 1);
	showmustgoon = true;
	id = /(\d+)/.exec(obj.getProperty('id'))[1];
	$$('.gallery_box_sel').each(function(k){k.removeClass('gallery_box_sel')});
	obj.addClass('gallery_box_sel');
	if(effectChange){ 
		effectChange.stop();
	}
	
	if(slideshow) window.setTimeout("$('bckimage').setProperty('src', 'images/gallery/image-'+id+'.jpg')", 50);
	else $('bckimage').setProperty('src', 'images/gallery/image-'+id+'.jpg');
	
	
}


function slideshowEff(){
	if(slideshow){
		nextid = id.toInt()+2;
		
		nextPic = new Image();
		nextPic.src = './images/gallery/image-'+nextid+'.jpg';
		
		id++;
		if(!$('box_'+id)) id = 1;
		showPicture($('box_'+id));
	}
}