$(document).ready(function() {
  $(".paging").show();
  $(".paging a:first").addClass("active");

  var elements = $(".image_reel").children();
  for (var i = 0; i < elements.length; i++) {
    $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
  };
  $(elements[0]).show();

  var last = 0;
  var current = 1;
  var bai = true;//--
  var matte;//--

  function rotate(){
	if($active.attr("rel")==2 && bai==true){var matte = true}else{matte = false}//--
	if(!matte){//---
		
    var triggerID = $active.attr("rel") - 1;
	current = triggerID;

    $(".paging a").removeClass('active');
    $active.addClass('active');
	
    $(elements[last]).fadeOut(1000);
    $(elements[current]).fadeIn(1000/*, function() {removeFilter($(this)[0]);}*/);
	
	if ((current + 1) < elements.length) {
        current = current + 1;
        last = current - 1;
	}else {
        current = 0;
        last = elements.length - 1;
    }
	
	bai = true;//---
	}else{//---
		bai = false;//---
	}//---
	
  }; 

  function rotateSwitch(){
    play = setInterval(function(){
        $active = $('.paging a.active').next();
		if ( $active.length === 0) {$active = $('.paging a:first');}
        rotate();}, 6000);
  };

  rotateSwitch();

  //Hover
  $(".image_reel a").hover(function() {
    clearInterval(play);
  }, function() {
    rotateSwitch();
  });	

  //Click
  $(".paging a").click(function() {
    $active = $(this);
    clearInterval(play);
    rotate();
    rotateSwitch();
    return false;
  });
});