(function ($) {
        $.fn.fadeTransition = function(options) {
          var options = $.extend({pauseTime: 10000, transitionTime: 1000, ignore: null, delayStart: 0, pauseNavigation: false}, options);
          var transitionObject;

          Trans = function(obj) {
            var timer = null;
            var current = 0;
            var els = (options.ignore)?$("> *:not(" + options.ignore + ")", obj):$("> *", obj);
            $(obj).css("position", "relative");
            els.css("display", "none").css("left", "0").css("top", "0").css("position", "absolute");
            
            if (options.delayStart > 0) {
              setTimeout(showFirst, options.delayStart);
            }
            else
              showFirst();

            function showFirst() {
              if (options.ignore) {
                $(options.ignore, obj).fadeOut(options.transitionTime, function() { $(this).removeAttr("filter");  });
                $(els[current]).fadeIn(options.transitionTime, function() { $(this).removeAttr("filter");  });
              }
              else {
                $(els[current]).css("display", "block");
              }
            }
			

            function transition(next) {
			
			if (next != current)
			  {
              $(els[current]).css({zIndex:99}).fadeOut(options.transitionTime, function() { $(this).removeAttr("filter");  });
              $(els[next]).css({zIndex:90}).fadeIn(options.transitionTime, function() { $(this).removeAttr("filter");  });
			  
				current = next;
				cue();
			  }
            };
			
			

            function cue() {
              if ($("> *", obj).length < 2) return false;
              if (timer) clearTimeout(timer);

              if (!options.pauseNavigation) {
                timer = setTimeout(function() { transition((current + 1) % els.length | 0)} , options.pauseTime);
              }
            };
            
			this.unpauseItem = function(item) {
				options.pauseNavigation = false;
				
				transition(item);
			}

			this.pauseItem = function(item) {
				options.pauseNavigation = true;
				transition(item)
			}
			
			
            this.showItem = function(item) {
              if (timer) clearTimeout(timer);
              transition(item);
            };

            cue();
          }

		  this.unpause = function(item) {
			$('.play').attr('style', 'display:none;');
			$('.pause').attr('style', 'display:block;');
			transitionObject.unpauseItem(item);
		  }
		  this.pause = function(item) {
			$('.play').attr('style', 'display:block;');
			$('.pause').attr('style', 'display:none;');
			transitionObject.pauseItem(item);
		  }
		  
          this.showItem = function(item) {
            transitionObject.showItem(item);
          };

          return this.each(function() {
            transitionObject = new Trans(this);
          });
        }

      })(jQuery);
    

	  
	  var page_top = {
        tr: null,
        init: function() {
          page_top.tr = $(".area-top").fadeTransition({pauseTime: 10000, transitionTime: 1500, ignore: "#scroller1", delayStart: 0});
          $("div.navigation-top").each(function() {
            $(this).children().each( function(idx) {
              if ($(this).is("a"))
                $(this).click(function() { page_top.tr.showItem(idx); return false; })
            });
          });
        },
		unpause: function(idx) {
			page_top.tr.unpause(idx);	
		},
		pause: function(idx) {
			page_top.tr.pause(idx);	
		},

        show: function(idx) {
          if (page_top.tr.timer) clearTimeout(page_top.tr.timer);
          page_top.tr.showItem(idx);
        }
      };

      $(document).ready(page_top.init);