$(document).ready(function(){
  var currentPosition = 0;
  var currentPosition2 = 0;
  var slideWidth = 405;
  var slideWidth2 = 430;
  var slides = $('#slide0');
  var numberOfSlides = slides.length;
  var last = false;
  var currentCampaign = mainCampaign;

  //call front page scroller mod
  $('#scroller').jScrollPane();
  // 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
  });

  $('#Lslide0').wrapAll('<div id="LslideInner"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidth2
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  $('.soodustus').live('click', function(){

      var permalink = $(this).attr("rel");

      if(permalink!=last){

          currentPosition2++;
          var currentSlide = 'Lslide' + currentPosition2;

          //load content to BOX 1 slide
          $('#LslideInner').append('<div id="' + currentSlide + '" class="LSlide"></div>');
          $('#LslideInner').css('width', slideWidth2 * (currentPosition2+1));

          $('#' + currentSlide).load(siteurl + '/?soodus-p=' + permalink + " #box1Load", function() {

            // Move slideInner using margin-left
              $('#LslideInner').animate({'marginLeft' : slideWidth2*(-currentPosition2)}, 1000, function(){

                  currentCampaign = permalink;

                  currentPosition++;
                  var currentSlide = 'slide' + currentPosition;

                  //load content to BOX 2 slide
                  $('#slideInner').append('<div id="' + currentSlide + '" class="jsSlide"></div>');
                  $('#slideInner').css('width', slideWidth * (currentPosition+1));

                  $('#' + currentSlide).load(siteurl + '/?soodus-p=' + permalink + " #slide0", function() {
                        // Move slideInner using margin-left
                        $('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)}, 1000, function(){
                            $('#slide' + (currentPosition-1)).html('&nbsp;');
                            $('#scroller').jScrollPane();
                            last = 'soodustused';
                        });


                    });

                });
            });
        }
      return false;
  });

  // Create event listeners for .controls clicks
  $('#menu a, .submenu a, #kontakt a, #kontaktru a, #box1 h2 a, .trigger, .triggerBack, .single-shop').live('click', function(){

      var permalink = $(this).attr("rel");
      var klass = $(this).attr("class");
      var clicked = $(this);

      if(permalink!=last){

          currentPosition++;
          var currentSlide = 'slide' + currentPosition;

          //load content to next slide
          $('#slideInner').append('<div id="' + currentSlide + '" class="jsSlide"></div>');
          $('#slideInner').css('width', slideWidth * (currentPosition+1));
          var tempQery = permalink + " #slide0";
          //alert(currentCampaign);
          if(klass=='triggerBack'){tempQery = "?soodus-p=" + currentCampaign + " #slide0";}
          if(klass=='triggerBackShop'){tempQery = " #slide0";}
          if(klass=='single-shop'){tempQery = "?pood=" + permalink + " #slide0";}
          //alert(siteurl + '/' + tempQery);
          //$('#menu').load()
          $('#' + currentSlide).load(siteurl + '/' + tempQery, function() {

            // Move slideInner using margin-left
              $('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)}, 1000, function(){

                  $('#slide' + (currentPosition-1)).html('&nbsp;');
                  $('#scroller').jScrollPane();

                  $('#menu a').removeClass("selected");

                  if(klass=='trigger' || klass=='triggerBack'){
                    $('#menu a.soodus').addClass("selected");
                  }else if(klass == 'shust'){
                    $('#menu a.shu').addClass("selected");
                  }else if(klass == 'triggerBackShop' || klass == 'single-shop'){
                    $('#menu a.poed').addClass("selected");
                  }else{
                    clicked.addClass("selected");
                  }
                  last = permalink;

                  if(currentCampaign!=mainCampaign && klass!='trigger' && klass!='triggerBack'){

                      currentPosition2++;
                      var currentSlide = 'Lslide' + currentPosition2;

                      //load content to BOX 1 slide
                      $('#LslideInner').append('<div id="' + currentSlide + '" class="LSlide"></div>');
                      $('#LslideInner').css('width', slideWidth2 * (currentPosition2+1));

                      $('#' + currentSlide).load(siteurl + '/' + permalink + " #box1Load", function() {

                        // Move slideInner using margin-left
                          $('#LslideInner').animate({'marginLeft' : slideWidth2*(-currentPosition2)}, 1000, function(){
                              currentCampaign = mainCampaign;
                          });
                      });
                  }
              });

          });
      }
      return false;
  });

  });