function moveIt(href) {
    var prodWith = $('.scrollMe').children('ul').innerWidth() - $('.scrollMe').outerWidth() + 80;
    if($(".scrollMe ul.scroll a[href='"+href+"']").length > 0) {
        var posX = $(".scrollMe ul.scroll a[href='"+href+"']").position().left - 280;
        if(posX < 0) posX = 0;
        $('.scrollMe ul.scroll a').animate({'opacity': 0.3}, 100, 'easeOutSine');
        $('.scrollMe ul.scroll a[href='+href+']').animate({'opacity': 1}, 300, 'easeOutSine');
    } else {
        var posX = $(".scrollMe ul.scroll li[rel='"+href+"']").position().left;
        $('.scrollMe ul.scroll a').animate({'opacity': 1}, 100, 'easeOutSine');
    }

    var sliderMax = $('.slider').innerWidth() - $('.slider .paddle').width() - 4;
    var percent = posX / (prodWith / 100);
    if(percent > 100) { percent = 100 }

    var paddlePos = ((sliderMax/100)*percent.toFixed(0));
    if(paddlePos < 4) { paddlePos = 4 }
    if(paddlePos > sliderMax) { paddlePos = sliderMax }
    $('.slider .paddle, .slider .trans').animate({'left' : paddlePos + 'px'}, 400);
    $('.scrollMe li').animate({'opacity': 1},100,'easeOutSine')
    var pixelleft = ((prodWith/100)*percent.toFixed(0)) * -1;
    $('html,body').animate({scrollTop:'265px'},400);
    $('.scrollMe ul.scroll').animate({'left' : pixelleft + 'px' }, 400);
    
    $('#now').html($('.scrollMe ul li.cattitle').filter(function (index) {
          return index == 0 || parseFloat($(this).position().left) <= (pixelleft * -1) +300;
        }).filter(':last').attr('title'));
}

$(document).ready(function(){
  
  $('.nojs').remove();
  $('.js').css('display','block');
    
  $('.products').scrollBox();
  
  $(".fb").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.6, 'imageScale': 0, 'centerOnScroll': 0 }); 
  
  $("div .menu a").prepend('<span class="hover"></span>');
  $("div .menu a .hover").fadeIn(500).animate({
            'opacity': 0
            }, 1000, 'easeOutSine');
  
  $('div .menu a').hover(function() {
        $('.hover', this).stop().animate({'opacity': 1}, 700, 'easeOutSine')
    },function() {
        $('.hover', this).stop().animate({'opacity': 0}, 700, 'easeOutExpo')
    });
    
  if($('#productContainer').length <= 0) {
      $('.slider').after('<div id="productContainer" class="grid_12 alpha omega"></div>');
      $("#productContainer").fadeIn(5).animate({'opacity': 0}, 5, 'easeOutSine');
  }
  
  var newsletterlng = new Array();

  newsletterlng['de'] = new Object();
  newsletterlng['de']["error_name"] = "Bitte tragen Sie Ihren Namen ein";
  newsletterlng['de']["error_email"] = "Bitte tragen Sie hier Ihre Email-Adresse ein";
  
  newsletterlng['fr'] = new Object();
  newsletterlng['fr']["error_name"] = "Ce champ est requis.";
  newsletterlng['fr']["error_email"] = "Veuillez entrer une adresse email valide.";
  
  $('#newsletter').click(function() {
      var error = 0;
      var lng = $('#lng').val();
      if(!$('#name').val()) {
          if($('.formerror.name').length <= 0) {
            $('#name').after('<span class="formerror name" style="font-size:90%;color:#1682C0;line-height:0.8em;">'+ newsletterlng[lng]["error_name"] +'</span>');
          }
          $('#name').css('border','2px groove #1682C0');
          var error = 1;
      }
      
      if(!echeck($('#email').val())) {
          if($('.formerror.email').length <= 0) {
            $('#email').after('<span class="formerror email" style="font-size:90%;color:#1682C0;line-height:0.8em;">'+ newsletterlng[lng]["error_email"] +'</span>');
          }
          $('#email').css('border','2px groove #1682C0');
          var error = 1;
      }
      if(error != 0) {
        return false; 
      }
  });
  
  $('#name, #email').focus(function() {
     $(this).css('border','');
     $('.formerror').remove();
  });
  
  $('.scrollMe li a, .sidebar li a, .sitemap.prod a').click(function() {
            
      if($('.scrollMe').length > 0) {
          var href = $(this).attr('href');
          var hrefsplit = $(this).attr('href').split("/");
          
          if(hrefsplit[0].length <= 2) {
              // Mit Sprachcode
              var testit = hrefsplit[3];
              hrefsplit.pop();
              hrefsplit.pop();
              if(testit.length > 0) {
                var basehref = hrefsplit[0] + '/' + hrefsplit[1] + '/' + hrefsplit[2] + '/';
              } else {
                var basehref = href;
              }
          } else {
              // Ohne Sprachcode
              var testit = hrefsplit[2];
              var basehref = hrefsplit[0] + '/' + hrefsplit[1] + '/';
          }
          
          if($(this).parents('.sidebar').length) {
              $('.sidebar ul li ul li a[class!=hidden]').parent().addClass('hidden');
              if($(this).parent().hasClass('hidden')) {
                  $('.sidebar ul li ul li a.active').toggleClass('active');
                  $(this).toggleClass('active');
              } else {
                  $('.sidebar li.active').toggleClass('active');
                  $('.sidebar a.active').toggleClass('active');
                  $(this).toggleClass('active');
                  $(this).parent().toggleClass('active');
              }
          } else {
              $('.sidebar ul li ul li a[class!=hidden]').parent().addClass('hidden');
              $('.sidebar li.active').toggleClass('active');
              $('.sidebar a.active').toggleClass('active');
              $('.sidebar a[href='+href+']').toggleClass('active');
              $('.sidebar a[href='+basehref+']').toggleClass('active');
              $('.sidebar a[href='+basehref+']').parent().toggleClass('active');
          }
          
        if(testit.length > 0) {
            moveIt(href);
            $('#productContainer').stop().animate({'opacity': 0}, 300, 'easeOutSine');
            $('#productContainer').load(href+' .main .grid_4 img,.main .grid_8',function() {
              $(this).children('.grid_4').addClass('alpha');
              $(this).children('.grid_8').addClass('omega');
              $('#productContainer').stop().animate({'opacity': 1}, 700, 'easeOutSine');
              $('html,body').animate({scrollTop:'265px'},400);
            });
            //$('.sidebar').load(href+' .sidebar>*');
            $('.scrollMe ul').addClass('noprint');
        } else {
            //$('.sidebar').load(href+' .sidebar>*',moveIt(href));
            moveIt(href);
            $('html,body').animate({scrollTop:'265px'},400);
        }
        return false;
      } else {
          if($(this).parents('.sidebar').length && $(this).parent().children('ul').length) {
              $('.sidebar ul li ul li a[class!=hidden]').parent().addClass('hidden');
              if($(this).parent().hasClass('hidden')) {
                  $('.sidebar ul li ul li a.active').toggleClass('active');
                  $(this).toggleClass('active');
              } else {
                  $('.sidebar li.active').toggleClass('active');
                  $('.sidebar a.active').toggleClass('active');
                  $(this).toggleClass('active');
                  $(this).parent().toggleClass('active');
              }
              return false;
          }
      }
      
  });
  
  if($('.scrollMe').length > 0) {
    var hrefsplit = window.location.pathname.substr(1).split("/");
    if(hrefsplit[0].length != 2 && hrefsplit[1].length != 0 || hrefsplit[0].length == 2 && hrefsplit[2].length != 0) {
        if(window.location.pathname.substr(1).substr(window.location.pathname.substr(1).length-1,1) != '/') {
            var pathname = window.location.pathname.substr(1) + '/';
        } else {
            var pathname = window.location.pathname.substr(1);
        }
        moveIt(pathname);
        $('.scrollMe ul').addClass('noprint');
    }
  }
  
});