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(images/grab2.cur), -moz-grabbing'; });
	Event.observe('picsarea', 'mouseup', function() { $('picsarea').style.cursor = 'url(images/grab1.cur), -moz-grab'; });
	

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

}