var site = {
	init: function(){
		this.elements = {};
		this.buildSlideShow();
		//this.buildAdRoller();
		this.buildAdRoller2(5);
		
	},
	
	buildAdRoller2: function(totalImagesToDisplay){
		var containerEl = new Element('div', {
			'styles': {
				'height': 200,
				'width': 170,
				'overflow': 'hidden'
			}
		});
		
		containerEl.wraps($$('.linkcat')[0]);
		
		var transitionAds = function(){
			var newHeight = 0;
			var els = $$('.linkcat ul li');
			var original = els[els.length-1];
			for(var i=0; i < totalImagesToDisplay-1; i++){
				newHeight += els[i].getSize().y;
			}
			newHeight += original.getSize().y + 24;
			containerEl.tween('height', newHeight);
			original.clone().inject($$('.linkcat ul')[0], 'top');
			original.dispose();
			
			
		}

		transitionAds.periodical(8000, this);
	},

	buildAdRoller: function(){
		var scrollerEl = $('adSidePanel');
		if(scrollerEl){
			var adImages = scrollerEl.getElements('img');
			var currentImage = 0;
			var totalToShow = 5;
			var totalImages = adImages.length;
			var transitionSpeed = 1000;
			
			adImages.each(function(el){
				
				var wrapper = new Element('a', {
					'href': el.getProperty('alt'),
					'styles': {
						'position': 'relative'
					}
				}).wraps(el);
				el.setProperty('alt', '');
				
			});


			//scrollerEl.getElements('a').set('tween', {transition: Fx.Transitions.Quint.easeOut, duration: transitionSpeed });
			// Setup the looping scroller.
			var loopFunction = function(){
				var newHeight = 0;
				var adLinks = scrollerEl.getElements('a');
				
				/*
				 * CODE taken out will I can figure out height bug.
				 */
				totalToShow.times(function(number){
					newHeight = adLinks[number+1].getElement('img').getCoordinates().height.toInt() + newHeight;
				});
				scrollerEl.tween('height', newHeight+(totalToShow*4));
				/*
				var resizeAdv = function(){ */
					adLinks[0].inject(adLinks[adLinks.length-1], 'after');
					//adLinks.each(function(el){
					//	el.setStyle("top", '');
					//});
				/*};
				
				resizeAdv();
				resizeAdv.delay(transitionSpeed+500);
				
				var firstImageDim = adLinks[0].getElement("img").getCoordinates();
				var moveUpBy = firstImageDim.height.toInt();
				console.log((moveUpBy)*-1);
				adLinks.length.times(function(number){
					var el = adLinks[number];
					el.tween('top', (moveUpBy)*-1 + 'px');
				});*/
			} 
			loopFunction.periodical(7000);
			
		}
	},
	
	buildSlideShow: function(){
		var request = new Request.JSON({
			url: 'Eagles_Photos/Resampled/grabImages.php',
			onComplete: function(jsonObj) {
				this.slideshowClass = new Slideshow.KenBurns('slideShowHeader', jsonObj, {random: true, pan: 40, zoom: [25, 40], delay: 6000, height: 150, titles: true, loader: false});
			}
		}).send();
	}
};
window.addEvent('domready',function(){
	 site.init();
});