Event.observe(window, 'load', function (e) {

	var scrollbar = new Control.ScrollBar('scrollbar_content','scrollbar_track');
	scrollbar.observe('change', function (value) { changePhotoName(); });

	$$('div.leftArrow').first().observe('click',function(event){  
		scrollbar.scrollBy(-100);  
		event.stop();  
	});  

	$$('div.rightArrow').first().observe('click',function(event){  
		scrollbar.scrollBy(100);  
		event.stop();  
	});  
	
	var imgs = $$('div.shadowbox img');
	var lastImg = imgs[imgs.length-1];
	
	$('photosList').setStyle({'width': ($('photosList').getWidth() + (($('contentWrapper').getWidth()-520)-lastImg.getWidth())) + 'px'});
});

Event.observe(window, 'resize', function (e) {
	$$('div.scrollbar_track').first().setStyle({'width' : ($('contentWrapper').getWidth() - 265) + 'px' });
	$$('div.scrollbarArrows').first().setStyle({'width' : ($('contentWrapper').getWidth() - 230) + 'px' });
	$('photosList').setStyle({'width': ($('photosList').getWidth() + (($('contentWrapper').getWidth()-520)-lastImg.getWidth())) + 'px'});
});

function changePhotoName() {
	var value = $$('div.scrollbar_content').first().scrollLeft + 260;
	var start = null;
	$$('div.scrollbar_content div.innerbox').each(function (imgBox) {
	    if (start == null) start = imgBox.positionedOffset().first();
		var end = start + imgBox.getWidth();
	    if ((value >= start) && (value <= end)) {
	      var span = imgBox.down('span');
	      $('photoTitle').innerHTML = span.innerHTML;
	      $break;	
	    }
		start = end;
	});
}

Event.observe(window, 'load', function () {
	changePhotoName();
});