jQuery.noConflict();

jQuery(function($){
  var play = false;
  var interval;
  if (gallery) {
    play = true;
    window.setTimeout(function(){
      interval = window.setInterval("changeImage()",5000);
    },2000);
  }
  $('#images .play, #images .pause').click(function(){
    if (play) {
      //$('#images .pause').addClass('play').removeClass('pause');
      window.clearInterval(interval);
    } else {
      //$('#images .play').addClass('pause').removeClass('play');
      changeImage();
      interval = window.setInterval("changeImage()",5000);
    }
    play = !play;
    return false;
  });
  $('#images .back').click(function(){
    if (play)
      $('#images .pause').click();
    changeImage(true, true);
    return false;
  });
  $('#images .forward').click(function(){
    if (play)
      $('#images .pause').click();
    changeImage(false, true);
    return false;
  });
});

function changeImage(back, fast) {
  if (back == undefined)
    back = false;
  if (fast == undefined)
    fast = false;
  jQuery(function($){
    var visible = $('#images img.visible');
    if (back) {
      if ($(visible).is('.first'))
        var next = $('#images img:last');
      else
        var next = $(visible).prev('img');
    } else {
      if ($(visible).is('img:last-child'))
        var next = $('#images img:first');
      else
        var next = $(visible).next('img');
    }
    if (fast)
      var speed = 1000;
    else
      var speed = 1800;
    $(next).hide().css('opacity',1).fadeIn(speed);
    $(visible).fadeOut(speed,function(){
      $(visible).removeClass('visible');
      $(next).addClass('visible');
    });
  });
}