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

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

window.addEvent('scroll', function(){			
	checkImages();
});

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

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

	var divs = node ? $$('#' + node + ' .scrollframe-image .scrollframe-single-image') : $$('.scrollframe-single-image');
	for(var i=0; i<divs.length; i++) {
		if(divs[i].getChildren().length) continue;
		var pnode = $(divs[i].get('parent_node'));
		if((parseInt(pnode.getPosition().y)) >= win_scroll || (parseInt(pnode.getPosition().y) + parseInt(pnode.getSize().y)) <= window.getScroll().y) continue;
		if((parseInt(pnode.getPosition().x) + parseInt(divs[i].get('xpos'))) >= check_w) continue;
		var img = new Element('img', {
			'src': divs[i].get('source')
		});
		divs[i].adopt(img);
	}
}


function checkScrollerWidth() {
	var i=0;
	for(i=0; i<$$('.scrollframe').length; i++) {
		makeScrollbar( $$('.scrollframe')[i], $$('.content')[i], $$('.scrollbar-track')[i], $$('.handle')[i], true);
	}
}

function makeScrollbar(content,checkContent,scrollbar,handle,horizontal,ignoreMouse){
	
	if(checkContent.getScrollSize().x < scrollbar.getSize().x) {
		handle.setStyle('display','none');
		return;
	}
	
	handle.setStyle('display','block');
  var x1 = content.getScrollSize().x;
  var x2 = content.getSize().x;
	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(handle.get('parentnode'));
		}
	}).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);					
		});
	}
}