$(document).ready(function() {
/*        $('.slideshow').cycle({
          fx: 'scrollHorz',
          speed:500,
          pager:'.nav',
          prev:'.prev',
          next:'.next',
          timeout:0,
          after: onAfter
        });
        //fixar prev/next vid första och sista sidan
        function onAfter(curr, next, opts) {
          var index = opts.currSlide;
          $('.prev')[index == 0 ? 'hide' : 'show']();
          $('.next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
        }*/

/*        $(".meny0").click(function(){
          $(".page1").animate({left:"0"},500);    
          $(".page2").animate({left:"95%"},500);
          $(".page3").animate({left:"195%"},500);
          $(".page4").animate({left:"295%"},500);
          $(".page5").animate({left:"395%"},500);
        });
        $(".meny1").click(function(){
          $(".page1").animate({left:"-95%"},500);
          $(".page2").animate({left:"0%"},500);
          $(".page3").animate({left:"95%"},500);
          $(".page4").animate({left:"195%"},500);
          $(".page5").animate({left:"295%"},500);
        });
        $(".meny2").click(function(){
          $(".page1").animate({left:"-195%"},500);
          $(".page2").animate({left:"-95%"},500);
          $(".page3").animate({left:"0%"},500);
          $(".page4").animate({left:"95%"},500);
          $(".page5").animate({left:"195%"},500);
        });
        $(".meny3").click(function(){
          $(".page1").animate({left:"-295%"},500);
          $(".page2").animate({left:"-195%"},500);
          $(".page3").animate({left:"-95%"},500);
          $(".page4").animate({left:"0%"},500);
          $(".page5").animate({left:"95%"},500);
        });
        $(".meny4").click(function(){
          $(".page1").animate({left:"-395%"},500);
          $(".page2").animate({left:"-295%"},500);
          $(".page3").animate({left:"-195%"},500);
          $(".page4").animate({left:"-95%"},500);
          $(".page5").animate({left:"0%"},500);
        });
        
        $(".page1 .next").click(function(){
          $(".page1").animate({left:"-95%"},500);
          $(".page2").animate({left:"0%"},500);
          $(".page3").animate({left:"95%"},500);
        });
        $(".page2 .next").click(function(){
          $(".page2").animate({left:"-95%"},500);
          $(".page3").animate({left:"0%"},500);
          $(".page4").animate({left:"95%"},500);
        });
        $(".page3 .next").click(function(){
          $(".page3").animate({left:"-95%"},500);
          $(".page4").animate({left:"0%"},500);
          $(".page5").animate({left:"95%"},500);
        });
        $(".page4 .next").click(function(){
          $(".page4").animate({left:"-95%"},500);
          $(".page5").animate({left:"0%"},500);
        });
        
        $(".page2 .prev").click(function(){
          $(".page0").animate({left:"-95%"},500);
          $(".page1").animate({left:"0%"},500);
          $(".page2").animate({left:"95%"},500);
          $(".page3").animate({left:"195%"},500);
        });
        $(".page3 .prev").click(function(){
          $(".page1").animate({left:"-95%"},500);
          $(".page2").animate({left:"0%"},500);
          $(".page3").animate({left:"95%"},500);
          $(".page4").animate({left:"195%"},500);
        });
        $(".page4 .prev").click(function(){
          $(".page2").animate({left:"-95%"},500);
          $(".page3").animate({left:"0%"},500);
          $(".page4").animate({left:"95%"},500);
          $(".page5").animate({left:"195%"},500);
        });
        $(".page5 .prev").click(function(){
          $(".page3").animate({left:"-95%"},500);
          $(".page4").animate({left:"0%"},500);
          $(".page5").animate({left:"95%"},500);
        });*/

      var w = $(window).width()-25;
//      alert(w);

if (w>1024){
  $(".page").css("width",w+"px");
}else{
  w = 1000
}
      
        $(".meny0").click(function(){
          $(".wrapper").animate({left:0+"px"},500);
        });
        $(".meny1, .page1 .next").click(function(){
          $(".wrapper").animate({left:-w+"px"},500);
        });
        $(".meny2, .page2 .next").click(function(){
          $(".wrapper").animate({left:-w*2+"px"},500);
        });
        $(".meny3, .page3 .next").click(function(){
          $(".wrapper").animate({left:-w*3+"px"},500);
        });
        $(".meny4, .page4 .next").click(function(){
          $(".wrapper").animate({left:-w*4+"px"},500);
        });
        
        
        $(".page2 .prev").click(function(){
          $(".wrapper").animate({left:0+"px"},500);
        });
        $(".page3 .prev").click(function(){
          $(".wrapper").animate({left:-w+"px"},500);
        });
        $(".page4 .prev").click(function(){
          $(".wrapper").animate({left:-w*2+"px"},500);
        });
        $(".page5 .prev").click(function(){
          $(".wrapper").animate({left:-w*3+"px"},500);
        });

        

});

      $(window).resize(function(){
       // var w = $(window).width()-25;
       // $(".page").css("width",(w+"px"));
        window.location.reload(true);
      });

      // bör göras om, laddar om aktuellsida vid resize
/*      $(window).resize(function(){
        $('.slideshow').width("100%");
        $('.page').width("100%");
      });*/