var events = Array();
var pauseOffer = false;
var lastScrolled = 0;
var offerCounter = 0;

// scrolls to the next offer or the previous offer
function nextOffer(increase, auto) {

	if ( pauseOffer && auto ) return;
	var d = new Date();
	if ( d.getTime() < lastScrolled && lastScrolled > 0 ) return;
	lastScrolled = d.getTime()+1000;

	pages = $$('.offerPagination a');
	// find the first active page
	for( i = 0; i < pages.length; i++ ) {

		if ( pages[i].hasClassName('active') ) {
			index = i-1+increase;
			if ( pages.length-2 <= index ) {
				index = 0;
			} else if ( index < 0 ) {
				index = pages.length-3;
			}
			activeElement = pages[index+1];
			showOffer( activeElement, index);
			break;
		}
	}

}

// Pass the clicked link and offer index to show it
function showOffer(element,index) {
	// set active link
	$$('.offerPagination a').invoke('removeClassName', 'active');
	element.addClassName('active');
	// display offer
	//new Effect.multiple( $$('.offerContainer').filter(function(el){return(el.visible())}), Effect.Fade );
	for (offerCounter = 0; offerCounter != events.length; offerCounter++) {
		events[offerCounter].cancel();
	}
	offerCounter = 0;
	events = Array();
	$$('.offerContainer').filter(function(el){return(el.visible())}).each( function(el) {
		events[offerCounter] = Effect.Fade(el);
		offerCounter++;
	});
	console.log('show'+index);
	new Effect.Appear($('offer'+index));

}

Event.observe(window, 'load', function() {
	$$('.offerPagination, .offerContainer').each( function( el) {

	  el.observe('mouseover', function(me) {
			pauseOffer = true;
		});

		el.observe('mouseout', function(me) {
			pauseOffer = false;
		});

	});

});