var imageTimer = null;
var currentImage = 0;

$(document).ready(function() {
 
  /* ie6 fix */ 
  if($.browser.msie && $.browser.version.substr(0,1) == "6") {
    var images = $('.rotative-image-banner');
    $(images[0]).show();
    return;
  }
  /* ie6 fix */ 

  var images = $('.rotative-image-banner');
  images.show();
  if(images.length > 1) {
    imageTimer = setTimeout("rotateImages()", 4000);
    $('#rotative-image-right').click(function() {
      if(imageTimer != null)
        clearTimeout(imageTimer);
      rotateImagesRight();
    });
    $('#rotative-image-left').click(function() {
      if(imageTimer != null)
        clearTimeout(imageTimer);
      rotateImagesLeft();
    });
  } 
});

function rotateImages() {

  var imageBox = $('#rotative-image-images')[0];
  var images = $('.rotative-image-banner');

  $(images[images.length - 1]).fadeOut(1000, function() {
    var image = imageBox.removeChild(images[images.length - 1]);
    imageBox.insertBefore(image, images[0])
    $(image).show();

    clearTimeout(imageTimer);
    imageTimer = setTimeout("rotateImages()", 4000);
  }); 
  
}

function rotateImagesLeft() {

  var imageBox = $('#rotative-image-images')[0];
  var images = $('.rotative-image-banner');

  $(images[images.length - 1]).hide();
 
  var image = imageBox.removeChild(images[0]);
  imageBox.insertBefore(image, images[images.length - 1]);
  $(image).show();

  clearTimeout(imageTimer);
  imageTimer = setTimeout("rotateImages()", 4000);
  
}

function rotateImagesRight() {

  var imageBox = $('#rotative-image-images')[0];
  var images = $('.rotative-image-banner');

  $(images[images.length - 1]).hide();
 
  var image = imageBox.removeChild(images[images.length - 1]);
  imageBox.insertBefore(image, images[0]);
  $(image).show();

  clearTimeout(imageTimer);
  imageTimer = setTimeout("rotateImages()", 4000);
  
}