$(document).ready(function(){
            var currentPosition = 0;
            var slideWidth = 482;
            var slides = $('.slide');
            var numberOfSlides = slides.length;
          
            // Remove scrollbar in JS
            $('#slidesContainer').css('overflow', 'hidden');
          
            // Wrap all .slides with #slideInner div
            slides
              .wrapAll('<div id="slideInner"></div>')
              // Float left to display horizontally, readjust .slides width
          	.css({
                'float' : 'left',
                'width' : slideWidth
              });
          
            // Set #slideInner width equal to total width of all slides
            $('#slideInner').css('width', slideWidth * numberOfSlides);
          
            // Insert controls in the DOM
            $('#slideshow')
                    .prepend('<span class="control" id="rightControl">Starší</span>')
                    .prepend('<span class="control2" id="rightControl2">Starší</span>')
                    .prepend('<span class="control" id="leftControl">Novější</span>')
                    .prepend('<span class="control2" id="leftControl2">Novější</span>')
                    .prepend('<a href="novinky/" id="control-vsechny" title="Zobrazit všechny novinky">Zobrazit všechny novinky</a>')
                    .prepend('<hr id="hrnovinky" />');
                                
            // Hide left arrow control on first load
            manageControls(currentPosition);
          
            // Create event listeners for .controls clicks
            $('.control')
              .bind('click', function(){
              // Determine new position
          	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
              
          	// Hide / show controls
              manageControls(currentPosition);
              // Move slideInner using margin-left
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            
            
            $('.menu_urovne li.cls1')
              .bind('click', function(){
              currentPosition = 0;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls2')
              .bind('click', function(){
              currentPosition = 1;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls3')
              .bind('click', function(){
              currentPosition = 2;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls4')
              .bind('click', function(){
              currentPosition = 3;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls5')
              .bind('click', function(){
              currentPosition = 4;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls6')
              .bind('click', function(){
              currentPosition = 5;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls7')
              .bind('click', function(){
              currentPosition = 6;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls8')
              .bind('click', function(){
              currentPosition = 7;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne li.cls9')
              .bind('click', function(){
              currentPosition = 8;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            
            
            
            
            $('.menu_urovne2 li.clsc1')
              .bind('click', function(){
              currentPosition = 0;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne2 li.clsc2')
              .bind('click', function(){
              currentPosition = 1;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne2 li.clsc3')
              .bind('click', function(){
              currentPosition = 2;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne2 li.clsc4')
              .bind('click', function(){
              currentPosition = 3;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne2 li.clsc5')
              .bind('click', function(){
              currentPosition = 4;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            $('.menu_urovne2 li.clsc6')
              .bind('click', function(){
              currentPosition = 5;  
          	  manageControls(currentPosition);
              $('#slideInner').animate({
                'marginLeft' : slideWidth*(-currentPosition)
              },1500 );
            });
            
            
                        
            
            
            // manageControls: Hides and Shows controls depending on currentPosition
            function manageControls(position){
              // Hide left arrow if position is first slide
          	if(position==0){
              $('#leftControl').hide();
              $('#leftControl2').show();
            }
            else {
              $('#leftControl').show();
              $('#leftControl2').hide();
            }
          	// Hide right arrow if position is last slide
              if(position==numberOfSlides-1){
                $('#rightControl').hide();
                $('#rightControl2').show();
              }
              else {
                $('#rightControl').show();
                $('#rightControl2').hide();
              }
            }	
          });
