var MMSlider = Class.create();

var nextPic;

var lastTimeout;

var container;

var faderDuration = 10000;

MMSlider.prototype = {
	currentPic: 1,
	initialize: function (container1) {
		if($(container1)) {
			container = $(container1);
			var navLinks = container.getElementsBySelector('a[href="#"]');
			if (navLinks.length >= 2) 
			{
			  navLinks[0].observe('click', function(event) {
			    event.stop();
			    MMSlider.prototype.previousItem(this);
			  })
        navLinks[1].observe('click', function(event) {
          event.stop();
          MMSlider.prototype.nextItem(this);
        })
				lastTimeout = setTimeout("MMSlider.prototype.nextItem()", faderDuration);
			}
		}
	},

	nextItem: function (linkElement) {
		var currentElement = this.getCurrentElement();
		if(currentElement)
		{
			var nextElement = currentElement.next('div');
			if(nextElement)
			{
				new Effect.Fade(currentElement, { 
						from: 1.0, 
						to: 0.0, 
						duration: 1 
				});
				
				new Effect.Appear(nextElement, { 
						from: 0.0, 
						to: 1.0, 
						duration: 1 
				});
				
			}
			else
			{
				var parent  		= currentElement.getOffsetParent();
				var previousElement = parent.getElementsBySelector('div.nu-home-pick-coupon-mask')[0];				
	
				new Effect.Fade(currentElement, { 
						from: 1.0, 
						to: 0.0, 
						duration: 1 
				});
				
				new Effect.Appear(previousElement, { 
						from: 0.0, 
						to: 1.0, 
						duration: 1 
				});
			}
			
		}
		clearTimeout(lastTimeout);
		lastTimeout = setTimeout("MMSlider.prototype.nextItem()", faderDuration);
	},
  previousItem: function (linkElement) {
    var currentElement = this.getCurrentElement();
    if(currentElement)
    {
      var prevElement = currentElement.previous('div');
      if(prevElement)
      {
        new Effect.Fade(currentElement, { 
            from: 1.0, 
            to: 0.0, 
            duration: 1 
        });
        
        new Effect.Appear(prevElement, { 
            from: 0.0, 
            to: 1.0, 
            duration: 1 
        });
      }
      else
      {
        var parent      = currentElement.getOffsetParent();
        var nextElement = parent.getElementsBySelector('div.nu-home-pick-coupon-mask')[parent.getElementsBySelector('div.nu-home-pick-coupon-mask').length - 1];        
  
        new Effect.Fade(currentElement, { 
            from: 1.0, 
            to: 0.0, 
            duration: 1 
        });
        
        new Effect.Appear(nextElement, { 
            from: 0.0, 
            to: 1.0, 
            duration: 1 
        });
      }
      
    }
    clearTimeout(lastTimeout);
    lastTimeout = setTimeout("MMSlider.prototype.nextItem()", faderDuration);
  },
	getCurrentElement: function() {
		var currentElement = null;
		var found = false;
		container.getElementsBySelector('div.nu-home-pick-coupon-mask').each(function (divElement) {
			if((divElement.getStyle("display") != 'none') && (!found))
			{
				currentElement = divElement;
				found = true;
			}
		});
		return currentElement;
	},
}
document.observe('dom:loaded', function () { 
	new MMSlider(document.getElementById('coupon-box')); 
});