jQuery.noConflict();
(function ($) {
  //A slideshow indítása, és a gombok click események beállítása a dokumentum betöltése után
  var stopped = false;
  $(document).ready(function() {
      var slide =setInterval( "slideSwitch()", 5000 );
      $('#head_line li').click(function () {
          clearInterval(slide);
          stopped = true;
          $('#head_line li.active').removeClass('active');
          $(this).addClass('active');
          changeImage($(this).html());
      });
      $('#oem_product_slider').mouseout(function () {
          if (slide && stopped == true) {
            clearInterval(slide);
            stopped = false;
            slide = setInterval( "slideSwitch()", 5000);
          }
      });
  });
})(jQuery);

function slideSwitch () {
  //A slideshow vezérlése
  //A mootools működésének akadájtalanítása a jquery.noconflict segítségével
  jQuery.noConflict();
  (function($) {
      var $active = $('#oem_slider IMG.active');
      var $chooser_active = $('#head_line LI.active ')
      if ( $active.length == 0 ) $active = $('#oem_slider IMG:last');
      if ( $chooser_active.length == 0) $chooser_active = $('#head_line LI:last');
      var $next =  $active.next().length ? $active.next() : $('#oem_slider IMG:first');
      var $next_chooser = $chooser_active.next().length ? $chooser_active.next() : $('#head_line LI:first');
      $active.addClass('last-active');
      $next.css({opacity: 0.0})
          .addClass('active')
          .animate({opacity: 1.0}, 1000, function() {
              $active.removeClass('active last-active');
          });
      $next_chooser.addClass('active');
      $chooser_active.removeClass('active')
  })(jQuery);
}

function changeImage( image ) {
  jQuery.noConflict();
  (function ($) {
      if (document.getElementById(image).className == "") {
          var elID = '#'+image;
          var $active = $('#oem_slider IMG.active');
          var $choosed = $(elID);
          
          $active.addClass('last-active');
          $choosed.css({opacity:0.0}).addClass('active').animate({opacity:1.0}, 1000, function() {
              $active.removeClass('active last-active');
          })
          
          var $active_chooser = $('#head_line LI.active');
          
      }
  })(jQuery);
}