var element_y;
var swiffy;
var cur_groupid;
var group_sortable = new Array();
var lightbox;
var content;

function checkImages() {
	var check_w = window.getSize().x + 500;
	var winh = window.getSize().y;

	var divs = $$('.single_image_holder');
	for(var i=0; i<divs.length; i++) {
		if(divs[i].getChildren().length) continue;
		if((parseInt($('main_images').getPosition().x) + parseInt(divs[i].get('xpos'))) >= check_w) return;
		var img = new Element('img', {
			'src': divs[i].get('source')
		});
		divs[i].adopt(img);
	}
}

window.addEvent('domready', function(){			
	checkScrollerWidth();
});

window.addEvent('resize', function(){			
	checkScrollerWidth();
});

function checkScrollerWidth() {
	if($('scrollbar') && $('content') && $('handle'))
	makeScrollbar( $('content'), $('main_images'), $('scrollbar'), $('handle'), true);
}

function makeScrollbar(content,checkContent,scrollbar,handle,horizontal,ignoreMouse){
	
	if(parseInt(checkContent.getStyle('width')) < $('scroll_wrapper').getSize().x) {
		handle.setStyle('display','none');
		$('scrollbar').addClass('hidden');
		return;
	}
	
	$('scrollbar').removeClass('hidden');
	handle.setStyle('display','block');

	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){
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
			checkImages();
		}
	}).set(0);
	if( !(ignoreMouse) ){
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
}

checkScrollerWidth();