var Sliding = {
	
	
	imgWidth: 240,
	imgHeight: 175,
	slideContainer: null,
	
	test: 12,
	
	init: function () {
		Sliding.slideContainer = $('slides');
		
		if(Sliding.slideContainer) {
			Sliding.eventSetup();
			//Sliding.loadImages("http://jp.printcreativity.com/slides-data.php");
			Sliding.loadImages("/slides-data.php");
			
		}
	},
	
	eventSetup: function () {
		/*
		var buttonNext = document.getElement('a[title="Next"]');
		if(buttonNext) {
				
		}
		var buttonPrevious = document.getElement('a[title="Previous"]');
		if() {
			
		}
		*/
		
	},
	
	loadImages: function(requestUrl) {
		
		new Request.JSON({url: requestUrl, onComplete: function(slides) {
			
			var oldimages = Sliding.slideContainer.getElements('img');

			if(oldimages.length > 0)  {
				oldimages.each(function(image, index) {
					image.dispose();
				});
			}
			
			slides.each(
				function(slide,index){
					new Element('img',{
						'src': slide.url
					}).inject( Sliding.slideContainer );
					//alert(slide.url);
					//alert(Sliding.slideContainer.id);
				}
				
			);
			
			Sliding.slideCollection = slides;
			
		}}).get();
		
	},
	
	prevSlide: function (event) {
		var slide = Sliding.slideContainer.getFirst();
		
		slide.setStyle('opacity', 0).inject(Sliding.slideContainer);
		
		new Fx.Tween(slide).start('opacity', 1);
	},
	
	nextSlide: function (event) {
		var slide = Sliding.slideContainer.getLast();
		
		new Fx.Tween(slide, { onComplete: function () {
			slide.inject(Sliding.slideContainer, 'top');
			slide.setStyle('opacity', 1);
		}}).start('opacity', 0);
	}
	
};

window.addEvent('domready', Sliding.init);