/*--------- Allmänt ----------------------------------------------------------*/

window.addEvent('domready', function() {
	makeScrollbar( $('gallery'), $('scrollbar'), $('handle'), true, false );

	//var myScrollArea = new MooScroll({});
	//var galleryScroll = new MooScroll({selector:'#gallery'});
	//var galleryScroll = new MooScroll({});
});

function ajax_loading()
{
	$('status').addClass('ajax-loading');
	$('status').removeClass('ajax-idle');
}
function ajax_idle()
{
	$('status').addClass('ajax-idle');
	$('status').removeClass('ajax-loading');
}

function checkme(el)
{
	el.toggleClass('checked');
}

function load_ajax(my_data) {
	ajax_loading();
	var ajax = new Request.HTML({
		url: 'index.php?action=ajax',
		update: $('ajax_update'),
		onSuccess: function(response) {
			ajax_idle();
		}
	}).get({
		'data': my_data
	});
}



//http://solutoire.com/2008/03/10/mootools-css-styled-scrollbar/
function makeScrollbar(content, scrollbar, handle, horizontal) {
	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'),
		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);

	//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();
	});
}