(function ($) {
  $.fn.fadeTransition = function(options) {
    var options = $.extend({pauseTime: 5000, transitionTime: 2000}, options);

    Trans = function(obj) {
      var timer = null;
      var current = 0;
      var els = $("> *", obj).css("display", "none").css("left", "0").css("top", "0").css("position", "absolute");
      $(obj).css("position", "relative");
      $(els[current]).css("display", "block");
	  
	  $("a[name='left']").click( function(){
			transition(-1)
		});
	  $("a[name='right']").click( function(){
			transition(1)
		});

      function transition(dir) {
        var next = (current + dir) % els.length | 0;
		if(next <0) next = els.length - 1;
        $(els[current]).fadeOut(options.transitionTime);
        $(els[next]).fadeIn(options.transitionTime);
        current = next;
        cue();
      };

      function cue() {
        if ($("> *", obj).length < 2) return false;
        if (timer) clearTimeout(timer);
        timer = setTimeout(function(){transition(1);}, options.pauseTime);
      };

      cue();
    };

    return this.each(function() {
      var t = new Trans(this);
    });
  }
})(jQuery);

$(document).ready(function(){
	$(".area").fadeTransition({pauseTime: 8000, transitionTime: 1000});
});