var cwidth;

	reposition = function() {
		if(document.body.offsetWidth) {
			cwidth = document.body.offsetWidth - 290;
		}
		else {
			cwidth = window.innerWidth - 290;
		}
		$('inhalt').setStyle('width:'+ (cwidth) +'px');
	}
	Event.observe(window, 'resize', function() { reposition(); });
	reposition();




if($('picsarea')) {

	var distance = 0;
	var prevX = 0;

	new Draggable('picsarea', {

		constraint:'horizontal',
		starteffect:function() { if(this.ismoving) { this.ismoving.cancel(); } },
		endeffect:function() {
			var to = parseInt($('picsarea').getStyle('left')) + distance * 10;
			var dur = (500 + Math.abs(distance * 10))/1000;

			// Magnet?
			if(to > 0) { to = 0; dur = 3; }
			if(to < -(imgcontentwidth - cwidth)) { to = -(imgcontentwidth - cwidth); dur = 3; }

			this.ismoving = new Effect.Morph('picsarea', { style:'left:'+to+'px', duration:dur, transition:Effect.Transitions.Cubic });
		},
		change:function() {
			distance = parseInt($('picsarea').getStyle('left')) - prevX;
			prevX = parseInt($('picsarea').getStyle('left'));
		}


	});

	Event.observe('picsarea', 'mousedown', function() { $('picsarea').style.cursor = 'url(img/grab2.cur), -moz-grabbing'; });
	Event.observe('picsarea', 'mouseup', function() { $('picsarea').style.cursor = 'url(img/grab1.cur), -moz-grab'; });


	imgcontentwidth = parseInt($('picsarea').getStyle('width'));


}