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

$$('.json').addEvent('click', function(e) {
			var objectId = e.target.get('eventId');
			e.stop();
			var request = new Request.JSON({
				url: 'json.php5',
				onComplete: function(jsonObj) {
					$("showcaseplate").innerHTML = "<img src=\"images/plates/" + jsonObj.full + "\">";
					$("contentplate").innerHTML = jsonObj.body;
				}
			}).get({"id":objectId});
		});


	  var totIncrement		= 0;
	  var increment			= 408;
	  var maxRightIncrement	= increment*(-10);
	  var fx = new Fx.Tween($('viewerplate-list'), {duration: 500, transition: 'back:in:out'});

    $('previous').addEvent('click', function() {
        if(totIncrement < 0) {
            totIncrement += increment;
            fx.start('margin-left', totIncrement);
        }
    });

    $('next').addEvent('click', function() {
        if(totIncrement > maxRightIncrement) {
            totIncrement -= increment;
            fx.start('margin-left', totIncrement);
        }
    });

	   
	 
});