function buildSlideShow( data )
{
	var options = {
		width:900,
		height:600,
		loader:true,
		center:true,
		captions:false,
		overlap:false,
	}
	
	var dp = [];
	$each( data,
		function( image_obj, image_index )
		{
			dp.push( image_obj.image_url );
		});
	
	var ss = new Slideshow('slideshow', dp, options );
  
  var myEffect = new Fx.Morph( $('copy'), { duration:1700 });
			myEffect.start({ 'opacity':[0, 1] });
}

function config_sortables()
{
  var projects_s = new Sortables( $('images_list'), {
		constrain: false,
		clone: true,
    onComplete: function( e )
      {
				saveOrder( "/home/images/save_order", projects_s.serialize() );
			}
		});
}

function saveOrder( url, o )
{
	var newOrder = o.join('|').replace(/sortable-/g,'');
	var jsonRequest = new Request.JSON(
  {
   	url:url
  }).post({ 'order':newOrder });
}

window.addEvent('domready',
	function()
	{
	  if($('slideshow'))
		  var jsonRequest = new Request.JSON(
  	  {
  	    url: "/home/get_images",
  	    onComplete:
  	      function( response )
  	      {
  	        buildSlideShow( response );
  	      }
  	    }).post();
  	else if($('images_list'))
  	  config_sortables();
  	
  });