function init() {
	while(prototype_loaded!=true){};
	
	$('wait').style.display = 'none';
	
		
	$('main_page_photos_1').style.display = 'block';
	
	var photos =  $('main_page_photos_1').getElementsBySelector( "li.photo" );
	
	var width = 0;
	for( i = 0; photo = photos[i]; i++ ){
		width = width + photo.getWidth();
	}
	
	$('main_page_photos_1').setStyle({width: width + 'px' }); 
	$('main_page_photos_1').setStyle({width: width + 'px' }); 
	
	var window_width = get_window_width();
	
	$('main_page_photos_c').setStyle({width: window_width + 'px' }); 
	$('main_page_photos_c').setStyle({width: window_width + 'px' }); 
	
	scroll1();
	
}

function reset_div() {
	var window_width = get_window_width();
	
	console.info( 'width: %s', get_window_width() );
	
	$('main_page_photos_c').setStyle({width: window_width + 'px' }); 
	$('main_page_photos_c').setStyle({width: window_width + 'px' }); 
}

function scroll1() {
	
	var photos =  $('main_page_photos_1').getElementsBySelector( "li.photo" );
	
	var width = 0;
	for( i = 0; photo = photos[i]; i++ ){
		width = width + photo.getWidth();
	}
	
	$('main_page_photos_1').setStyle({width: width + 'px' }); 
	$('main_page_photos_1').setStyle({width: width + 'px' }); 
	
	var window_width = get_window_width();
	
	new Effect.MoveBy( $('main_page_photos_1'), 0, ( -1 * ( width - window_width ) ), {duration: ( width / 90 ), transition: Effect.Transitions.linear, afterFinish: scroll2 });
	
}

function scroll2() {
	
	var photos =  $('main_page_photos_1').getElementsBySelector( "li.photo" );
	
	var width = 0;
	for( i = 0; photo = photos[i]; i++ ){
		width = width + photo.getWidth();
	}
	
	$('main_page_photos_1').setStyle({width: width + 'px' }); 
	$('main_page_photos_1').setStyle({width: width + 'px' }); 
	
	var window_width = get_window_width();
	
	new Effect.MoveBy( $('main_page_photos_1'), 0, ( width - window_width ), {duration: ( width / 90 ), transition: Effect.Transitions.linear, afterFinish: scroll1 });
	
}

function get_window_width() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
   } else if( document.documentElement && document.documentElement.clientWidth ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && document.body.clientWidth ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
  return myWidth;
}

Event.observe( window, 'load', init, false );