$(document).ready(function()
{
  var currentPosition = 0; 
  var slideWidth = 802;
  var slides = $('.slide'); 
  var numberOfSlides = slides.length; 

   
  $('#door_content').css('overflow', 'hidden');

   
  slides.wrapAll('<div id="slideInner"></div>')
	.css({
      'float' : 'left',  // и задать свойства .slide
      'width' : slideWidth // и задать свойства .slide
    });
   
   
  $('#slideInner').css('width', slideWidth * numberOfSlides);
    
  manageControls(currentPosition);
  
  $('.control') 
    .bind('click', function(){
	currentPosition = ($(this).attr('id')=='right_button') ? currentPosition+1 : currentPosition-1; 
                                                                                                  
    manageControls(currentPosition); 
    $('#slideInner').fadeTo("fast",0.20);
    $('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)},500); 
    $('#slideInner').fadeTo("fast",1);
  });

  
  function manageControls(position){
    
	if(position==-1)
    {
       currentPosition = numberOfSlides-1;
    } 
    else
    { 
        $('#left_button').show()
    }
    if(position==numberOfSlides)
    { 
        currentPosition = 0;
    } 
    else
    { 
        $('#right_button').show()
    }
  }	
});