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

	var el = $('myElement');

	var div = document.getElementById('slide_content');
	div = $(div);
	if(div){
		function showPicture( strPic ) {

			var myFx = new Fx.Morph('pic-list-right',{duration: 500}).start({
		    	'opacity': [1,0]
			});
			myFx.addEvent('complete', function(e) {
				div.set('html', '<img src="'+ strPic +'" alt="26" width="371" height="311"/>');
				var myFx = new Fx.Morph('pic-list-right',{duration: 500}).start({
			    	'opacity': [0,1]
				});
			});

		}

		$('pic0').addEvent('click', function(e){
			showPicture($('pic0').get('source'));
		});

		$('pic1').addEvent('click', function(e){
			showPicture($('pic1').get('source'));
		});

		$('pic2').addEvent('click', function(e){
			showPicture($('pic2').get('source'));
		});

		$('pic3').addEvent('click', function(e){
			showPicture($('pic3').get('source'));
		});

	}

});

function changeProjectMap(src){

	var projectMap = document.getElementById("projectImageMap");
	projectMap.src = src;
}