window.addEvent('domready', function(){
    
    /******************************************************
    the scrolling carousel functionality
    ******************************************************/

	// create the scroll effect object
	var scroll = new Fx.Scroll('images-outer', {
		wait: false,
		duration: 500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeOut
	});
	
	var inner = $('images-outer');
	inner.setStyle('overflow', 'hidden');
	
	// get a list of all carousel items
	var carouselItems = $$('#images li');
	
	// define how many carousel items are in each set
	var itemsPerSet = 1;
	
	// set the currently displayed set of items
	var currItem = 1;
	
	// set the max that currItem can be
	var currItemMax = carouselItems.length-itemsPerSet;

	// set default displays
	changeProgress(currItem);
	changeLinks(currItem);

	// tell the next button what to do
	var nextBtn = $('next');
	nextBtn.addEvent('click', function(e){
		// alert("HELLO");
		e = new Event(e).stop();
		// if it's not the last item set, scroll it!
		if(currItem <= currItemMax) {
			currItem = currItem+itemsPerSet;
			scroll.toElement(carouselItems[currItem-1]);
			// change display
			changeProgress(currItem);
			changeLinks(currItem);
		}
	});
	
	// tell the prev button what to do
	var prevBtn = $('prev');
	prevBtn.addEvent('click', function(e){
		e = new Event(e).stop();
		// if it's not the first item set, scroll it!
		if(currItem > 1) {
			currItem = currItem-itemsPerSet;
			scroll.toElement(carouselItems[currItem-1]);
			// change display
			changeProgress(currItem);
			changeLinks(currItem);
		}
	});

	function changeProgress(newNum) {
		// change text for progress div id
		document.getElementById('progress').innerHTML = newNum + '/' + carouselItems.length;
	};
	
	function changeLinks(newNum) {
		if (pageURL == 'wallpaper') {
			document.getElementById('download').innerHTML = 'Download: <a href="media/downloads/wallpaper/planetGreen-' + newNum + '-800.zip">800x600</a> | <a href="media/downloads/wallpaper/planetGreen-' + newNum + '-1024.zip">1024x768</a>';
		} else if (pageURL == 'tshirt') {
			document.getElementById('download').innerHTML = 'Download: <a href="media/downloads/tshirt/planetGreen-' + newNum + '.pdf">PDF</a>'
		};
	};
	
});