var offers;
	var offerCount = 0;
	var currentOffer = '';
	var nextOffer = '';
	var prevOfferString = '';
	var offerString = '';
	var currentImg = '';
	var nextImg = '';
	
    Event.observe(window, 'load', function() {
		offers = $$('#featuredTop div').length;
		setInterval("featured(offers)", 7000);
    });
	
	function featured(offers){

		if(offerCount == 0){
			offerCount = 2;
			prevOfferString = 'One';
			offerString = 'Two';
		}else{
			prevOfferString = replaceNumber(offerCount);
			
			if(offerCount < offers){
				offerCount ++;
			}else{
				offerCount = 1;
			}
			
			offerString = replaceNumber(offerCount);
		}
		
		currentOffer = 'featured' + prevOfferString;
		nextOffer = 'featured' + offerString;
		currentImg = 'featuredImg' + prevOfferString;
		nextImg = 'featuredImg' + offerString;
		
		fadeOut(currentOffer,currentImg, nextOffer,nextImg);
	}
	
	function replaceNumber(x){
		
		var n = '';
		
		switch(x) {
			case 0: n= "Zero"; break;
			case 1: n= "One"; break;
			case 2: n= "Two"; break;
			case 3: n= "Three"; break;
			case 4: n= "Four"; break;
			case 5: n= "Five"; break;
			case 6: n= "Six"; break;
			case 7: n= "Seven"; break;
			case 8: n= "Eight"; break;
			case 9: n= "Nine"; break;
			case 10: n = "Ten";
			default: n = "One";
		}
		return n;
	}
	
    function fadeOut(div, img, nextOffer, nextImg){
		new Effect.toggle(img, 'appear', {queue: { position: 'end', scope: 'imagescope' }});
		new Effect.toggle(nextImg, 'appear', {queue: { position: 'end', scope: 'imagescope' }});
		new Effect.toggle(div, 'appear', {queue: { position: 'end', scope: 'featuredscope' }});
		new Effect.toggle(nextOffer, 'appear', {queue: { position: 'end', scope: 'featuredscope' }});
		Effect.Queues.get('featuredscope').interval = 100;
		Effect.Queues.get('imagescope').interval = 100;
    }