$(document).ready(function() {
  // $('#menu>ul>li>a').click(function(e) {
  //   if (e.pageX < 136) {
  //     $(this).parent('li').siblings('li').find('ul').slideUp('fast');
  //     $(this).next('ul').slideToggle(300);
  //     return false;
  //   }
  // });
  
  // $('div.product_modelplan h4').mouseover(function() {
  //     console.log ('onmouseover');
  //     $('div.product_modelplan h4').addClass('hover');
  //   }).mouseout(function() {
  //     $('div.product_modelplan h4').removeClass('hover');
  //   });
  
  // Producten
  $('div.productkeuze a').click(function() {
    var product = $(this).text();
    $(this).addClass('selected').siblings('a').removeClass('selected');
    $('div.productinfo div').hide();
    $('div.productinfo div.' + product).fadeIn();
    return true;
  });
  
  $('div.productkeuze a:first-child').click();
  
  // Kennisbank
  $('select[name=type]').change(function() { this.form.submit() })
  
  // Medewerkers img zoom
  $('div.medew img').click(function() {
    var viewport = $(this).parents('div.viewport');
    var medew = $(this).parents('div.medew');

    // schaal andere terug naar 94
    viewport.siblings().each(function() {
      var sib_vport = $(this);
      var sib_medew = $('div.medew', this);
      if (sib_vport.width() > 94) {
        // schaal terug naar 94
        sib_vport.animate({width:94});
        sib_medew.animate({left:parseInt(sib_medew.attr('left_org'))});
        $('h3.hover', sib_vport).show();
        $('h2, h3:not(.hover), div.beschr', sib_vport).fadeOut();
      }
    });

    // open of sluit
    if (viewport.width() == 94) {
      // schaal viewport naar 330 breed
      
      // $('div.viewport').animate( {width:105} );
      viewport.animate({width:330, height:650});
      medew.attr('left_org', medew.position().left);
      medew.attr('scroll_org', $('div.medew_rij').position().left);
      medew.animate({left:0});
      var dx = viewport.position().left + $('div.medew_rij').position().left + 330 - 690;
      if (dx > 300)      medew_scroll(-400);
      else if (dx > 200) medew_scroll(-300);
      else if (dx > 100) medew_scroll(-200);
      else if (dx > 0)   medew_scroll(-100);
      
      $('h3.hover', viewport).hide();
      $('h2, h3:not(.hover), div.beschr', viewport).fadeIn();
      
    } else {
      // schaal terug naar 94
      viewport.animate({width:94});
      medew.animate({left:parseInt(medew.attr('left_org'))});
      $('div.medew_rij').animate( { left:medew.attr('scroll_org') }, 400 );
      $('h3.hover', viewport).show();
      $('h2, h3:not(.hover), div.beschr', viewport).fadeOut();
    }
  });

  $('div.medew img').hover(
    function() {
      var viewport = $(this).parents('div.viewport');
      if (viewport.width() == 94) {
        $('h3.hover', viewport).fadeIn();
      }
    },
    function() {
      var viewport = $(this).parents('div.viewport');
      if (viewport.width() == 94) {
        $('h3.hover', viewport).fadeOut();
      }
    }
  );
  
  $('div.medew').each(function() {
    // $('p:not(:first)', this).wrapAll('<div class="beschr"/>');
    var naam = $('h2', this).html().replace(/ <strong>.*<\/strong>/i, ''); 
    $('h2', this).after('<h3 class="hover">' + naam + '</h3>');
    var p = $(this).position();
    $('h3.hover', this).css({left:-p.left});
  });
  
  $('div.medew_wrap').after('<a href="#" class="medew_arrow" id="aleft"></a><a href="#" class="medew_arrow" id="aright"></a>')
  
  $('a.medew_arrow#aleft').click(function()  { medew_scroll(100) });
  $('a.medew_arrow#aright').click(function() { medew_scroll(-100) });
  
  function medew_scroll(dx) {
    var left  = $('div.medew_rij').position().left + dx;
    var width = 690;
    $('div.medew_rij').animate( { left:left }, 400 );
    $('a.medew_arrow#aright').toggle(width - left + 100 < 800);
    $('a.medew_arrow#aleft').toggle(left < -50);
  }
  if ($('div.medew_rij').length > 0) {
    var left  = $('div.medew_rij').position().left;
    $('a.medew_arrow#aleft').toggle(left < -50);
  }
  // Medewerkers horizontal scroll
  // $('div.medew_wrap img').mouseover(function(e) {
  //   var o = $(this).parents('div.medew_wrap').offset();
  //   var left  = $('div.medew_rij').position().left;
  //   if (e.pageX - o.left < 300) {
  //     $('div.medew_rij').animate( { left:0 }, 700 );
  //   } else if(e.pageX > o.left + 390) {
  //     $('div.medew_rij').animate( { left:-404 }, 700 );
  //   }
  // });
  
  // fotobalk schuift automatisch naar links
  // function medew_move() {
  //   $('div.medew_rij').animate( {left: (left < 0 ? 0 : -404) }, 400 );
  // }
  // 
  // if ($('#fotobalk').length) {
  //   $('#fotobalk').css('left', bleft + 'px');
  //   var balkIntervalID = setInterval( balkleft, 3000 );
  // }

});