/*
 * Script: foto.js
 */

var fotoScroller;
var fotoSlider;

window.addEvent('domready', function() {
	var step = $('foto_content').getScrollSize().x - $('foto_content').getSize().x;
	var picturesWidth = 0, picturesCount = 0; 
	$$('#foto_content a img').each(function(el) {
		picturesWidth += el.getSize().x; // add margin-right=5px;
		picturesCount++;
	});
	$('foto_content').setStyle('width', (picturesWidth + 6*picturesCount) + 'px');

/*
	$('foto_handle').width = $('foto_content').getSize().x / $('foto_content').getScrollSize().x * $('foto_track').getSize().x;
	var scrollToTrack = ($('foto_track').getSize().x - $('foto_handle').getSize().x) / ($('foto_content').getScrollSize().x - $('foto_container').getSize().x);
*/
	
	fotoScroller = new Scroller('foto_container', {
        area: 50,
        velocity: 0.5,
        onChange : function(x){
	    	this.element.scrollTo(x);
        }
	});
	fotoScroller.start();
	

/*
    fotoSlider = new Slider($('foto_track'), $('foto_handle'), {
        onChange: function(value){
    		var x = this.toPosition(value);
	        var scale = Math.round(x / scrollToTrack);
    		fotoScroller.element.scrollTo(scale);
        }
    });
*/
});