function makeScrollbar(content,scrollbar,handle,left,right,horizontal,ignoreMouse){
/* for mootools1.2b
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
*/

	// for mootools1.1
	var slider = new Slider(scrollbar, handle, {
		steps: content.getSize().scrollSize.x - content.getSize().size.x,
		mode: 'horizontal',
	//
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;
			slider.set(step);
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});

	left.onclick = function(){
		content.scrollTo(0,0);
		slider.set(0);
	}
	my_width = content.getSize().scrollSize.x - content.getSize().size.x;
	right.onclick = function(){
		content.scrollTo(my_width,0);
		slider.set(my_width);
	}
}

// Gallery Script
function _resizecontent()
{
	var my_elements = $$('#scroll-content div.csc-textpic-imagerow');
	var sum = 0;
	my_elements.each(function(item, index){
		/* for mootools1.2b
		my_size = item.getSize();
		sum += my_size.x;
		*/
		// for mootools1.1
		my_size = item.getSize().size.x;
		sum += my_size;
	});
	$('inner-scroll-content').setStyle('width', sum);
	$$('#inner-scroll-content div.csc-textpic-imagewrap').setStyle('width', sum);


}

// Gallery Script
function xresizecontent()
{
	var my_elements = $$('#scroll-content div.csc-textpic-imagerow img');
	var sum = 0;
	my_elements.each(function(item, index){
		/* for mootools1.2b
		my_size = item.getSize();
		sum += my_size.x;
		*/
		// for mootools1.1
		var my_size = item.width + 7;
		item.getParent().getParent().getParent().getParent().setStyle('width', my_size);
		sum += my_size;
	});
	$('inner-scroll-content').setStyle('width', sum);
	$$('#inner-scroll-content div.csc-textpic-imagewrap').setStyle('width', sum);

}

// Gallery Script
function resizecontent()
{
	var my_elements = $$('#scroll-content div.csc-textpic img');
	var sum = 0;
	my_elements.each(function(item, index){
		/* for mootools1.2b
		my_size = item.getSize();
		sum += my_size.x;
		*/
		// for mootools1.1
		//var my_size = item.width + 7;
		var my_size = item.width + 25;
		item.getParent().getParent().getParent().getParent().setStyle('width', my_size);
		sum += my_size;
	});
	$('inner-scroll-content').setStyle('width', sum);
	$$('#inner-scroll-content div.csc-textpic-imagewrap').setStyle('width', sum);

}

// Unterseiten Gallery Script
function subpagegallery()
{
	if ($$('#sub .secondary-content .csc-textpic'))
	{
		var my_images = $$('#sub .secondary-content .csc-textpic-image dt');
		if ( my_images.length >= 2 )
		{
			for (var i=1; i<my_images.length; i++)
			{
				my_images[i].setStyle('display', "none");
			};
		}

		/*
		var my_images_index = $$('#sub .secondary-content .csc-textpic-image dd');
		if ( my_images_index.length >= 2 )
		{
			for (var i=1; i<my_images_index.length; i++)
			{
				my_images_index[i].setStyle('margin-left', "20px");
			};
		}
		*/
	}
}


window.addEvent('domready', function(){
	var sub = $('sub');
	if (sub) {
		//subpagegallery();
	}

	var gallery = $('gallery');
	if (gallery) {
		resizecontent();
		makeScrollbar( $('scroll-content'), $('scrollbar'), $('handle'), $('scrollleft'), $('scrollright'), true );
	}
});