var slides = new Array();

function push_slide ( obj )
{
  obj.img = new Image();
  obj.img.src='/small_images/'+obj.src;
  slides.push( obj );
}
var current_id = 1;
var initial_id = 1;  
function show_slides () {
	var while_slides = 0;
	while(while_slides < slides.length ) {
		var new_content = new Element('img', {
			'src': '/small_images/' + slides[while_slides].src,
			'id': 'image_' + slides[while_slides].paragraph,
      'alt': slides[while_slides].name,
      'title': slides[while_slides].name,   
      'slideId': while_slides,
			'events': {
				'click': function(){
          $('displayPictureContainer').set('slideId', this.get('slideId'));
          
          $('displayPictureArea').scrollTo(0, 0)
                                 .set( 'tween', { link: 'chain',
                                                  onComplete: function(e)
                                                  {
                                                     var newContent =
                                                       $('detail_'+slides[$('displayPictureContainer').get('slideId')].paragraph ).innerHTML;
                                                     if( newContent != $('displayPictureArea').get("html") )
                                                     {
                                                       $('displayPictureArea').set("html", newContent  );
                                                       if(  pushCart )
                                                       {
                                                         pushCart(slides[$('displayPictureContainer').get('slideId')].paragraph);
                                                       }
                                                     }
                                                  }
                                                }
                                     )
                                 .fade('out')
                                 .fade('in'); 
                                 
          
					if(this.get('slideId')==0) {
						$('picturePrev').set('class', 'deactivated');
						$('pictureNext').erase('class');
					} else if(this.get('slideId')+1==slides.length) {
						$('picturePrev').erase('class');
						$('pictureNext').set('class', 'deactivated');
					} else {
						$('picturePrev').set('class', 'activated');
						$('pictureNext').erase('class');
					}					
					$('controlsHorz').setStyle('display', 'block');
				}
			}
		});
		
		new_content.inject($('previewInside'));
		
		while_slides++;
	}
	
}
window.addEvent('domready', function() {
  show_slides();
	var vertical_moves = 0;

	
	$('picturePrev').addEvent('click', function(){
		if(!$('picturePrev').hasClass('deactivated')) {
			current_id = $('displayPictureContainer').get('slideId');
			current_id--;
      $('displayPictureContainer').set('slideId', current_id );
         
      $('displayPictureArea').scrollTo(0, 0)
                             .set( 'tween', { link: 'chain',
                                                  onComplete: function(e)
                                                  {
                                                     var newContent =
                                                       $('detail_'+slides[$('displayPictureContainer').get('slideId')].paragraph ).innerHTML;
                                                     if( newContent != $('displayPictureArea').get("html") )
                                                     {
                                                       $('displayPictureArea').set("html", newContent  );
                                                       if(  pushCart )
                                                       {
                                                         pushCart(slides[$('displayPictureContainer').get('slideId')].paragraph);
                                                       }
                                                     }
                                                  }
                                                }
                                     )
                                 .fade('out')
                                 .fade('in'); 
      
			if(current_id==0) { $('picturePrev').set('class', 'deactivated'); }
			if(current_id==(slides.length-2)) { $('pictureNext').erase('class');  }
		} 
	});
	
	$('pictureNext').addEvent('click', function(){
		if(!$('pictureNext').hasClass('deactivated')) {
			current_id = $('displayPictureContainer').get('slideId');
      if(current_id==(slides.length-1)) current_id=0;
			current_id++;
			$('displayPictureContainer').set('slideId', current_id );

      $('displayPictureArea').scrollTo(0, 0)
                             .set( 'tween', { link: 'chain',
                                                  onComplete: function(e)
                                                  {
                                                     var newContent =
                                                       $('detail_'+slides[$('displayPictureContainer').get('slideId')].paragraph ).innerHTML;
                                                     if( newContent != $('displayPictureArea').get("html") )
                                                     {
                                                       $('displayPictureArea').set("html", newContent  );
                                                       if(  pushCart )
                                                       {
                                                         pushCart(slides[$('displayPictureContainer').get('slideId')].paragraph);
                                                       }
                                                     }
                                                  }
                                                }
                                     )
                                 .fade('out')
                                 .fade('in'); 
			if(current_id==1) { $('picturePrev').erase('class'); }
			if(current_id==(slides.length-1)) { $('pictureNext').set('class', 'deactivated'); }
		} 
	});
	/*
	$('displayPictureArea').addEvent('click', function()
  {
    if(!$('pictureNext').hasClass('deactivated') ) {
      current_id = $('displayPictureContainer').get('slideId');
      current_id++;
      $('displayPictureContainer').set('slideId', current_id );

      $('displayPictureContainer').set('slideId', current_id );

      $('displayPictureArea').scrollTo(0, 0)
                            .set( 'tween', { link: 'chain',
                                                  onComplete: function(e)
                                                  {
                                                    var newContent =
                                                      $('detail_'+slides[$('displayPictureContainer').get('slideId')].paragraph ).innerHTML;
                                                    if( newContent != $('displayPictureArea').get("html") )
                                                    {
                                                      $('displayPictureArea').set("html", newContent  );
                                                      if(  pushCart )
                                                      {
                                                        pushCart(slides[$('displayPictureContainer').get('slideId')].paragraph);
                                                      }
                                                    }
                                                  }
                                                }
                                    )
                                .fade('out')
                                .fade('in');
      if(current_id==1) { $('picturePrev').erase('class'); }
      if(current_id==(slides.length)) // { $('pictureNext').set('class', 'deactivated');
      { current_id=0;
        $('displayPictureContainer').set('slideId', 0 );
        $('picturePrev').erase('class');
      }
    }
	});
 */ 
 
  var myScroller = new Scroller('displayPictureArea', { area: 50, velocity: 1.2, onChange: function(x, y){ this.element.scrollTo(0, y); } } );
  myScroller.start();
  
  var slideScroller = new Scroller('previewSection', { area: 50, velocity: 1.2, onChange: function(x, y){ this.element.scrollTo(0, y); } } );
  slideScroller.start();


  $('displayPictureContainer').set('slideId', initial_id );

});