// JavaScript Document
document.observe('dom:loaded', function(){	
	
	if($('videoPlayList')){
		if($$('div#videoPlayList div.imageContainer').size()>1){
			$('videoPlayList').removeClassName('hidden');
		}
		var mainContWidth = $$('div#videoPlayList div.imageTransition')[0].getDimensions().width;
		
		var imgDimensions = $$('div#videoPlayList div.imageContainer')[0].getDimensions();
		var imgSpacing = 1*$$('div#videoPlayList div.imageContainer').last().getStyle('padding-left').replace('px','')+1*$$('div#videoPlayList div.imageContainer').last().getStyle('padding-right').replace('px','');
		//var slideIncrement = imgDimensions.width;
		var slideIncrement = mainContWidth;
		
		slideContWidth = ($$('div#videoPlayList div.imageContainer').size()*(imgDimensions.width));
		
		obSlideContainer = $$('div#videoPlayList div.slideContainer')[0];
		obSlideContainer.setStyle({'width':slideContWidth+'px'});
		obSlideContainer.setStyle({'left':'0px'});
		
		//scroll right
		btnRight = new Element('a',{'class':'btn Right'}).update('>');	
		if(slideContWidth <= mainContWidth){
			btnRight.addClassName('disabled');
		}
		
		//scroll left	
		btnLeft = new Element('a',{'class':'btn Left disabled'}).update('&lt;');
		
		Event.observe(btnRight, 'click', function(event){	
			curPos = 1*(obSlideContainer.getStyle('left').replace('px',''));
			newPos = (((curPos/slideIncrement)-1).round(0))*slideIncrement;
			///console.info(newPos)
			
			if(curPos+slideContWidth > mainContWidth){	
				new Effect.Move(obSlideContainer,{ 
						x: newPos, 
						y: 0, 
						mode: 'absolute'
				});
				//console.log(newPos+slideContWidth-mainContWidth);
				if(newPos+slideContWidth <= mainContWidth){
					this.addClassName('disabled');
				}
				btnLeft.removeClassName('disabled');
			}
		});
		
		Event.observe(btnLeft, 'click', function(event){	
			curPos = 1*obSlideContainer.getStyle('left').replace('px','');
			newPos = (((curPos/slideIncrement)+1).round(0))*slideIncrement;
			if(curPos < 0){	
				new Effect.Move(obSlideContainer,{ 
						x: newPos, 
						y: 0, 
						mode: 'absolute'
				});
				
				if(curPos+slideIncrement == 0){
					this.addClassName('disabled');
				}
				btnRight.removeClassName('disabled');
			}
		});
		
		$('videoPlayList').insert({'top':btnRight});
		$('videoPlayList').insert({'top':btnLeft});
		
		obInitialVid = $$('div#videoPlayList div.imageContainer')[0];
		obInitialVid.addClassName('playing');
		__loadVideo(obInitialVid.childElements()[0].readAttribute('alt'));
		
		
		$$('div#videoPlayList div.imageContainer').each(function(loadButton){
			Event.observe(loadButton, 'click', function(event){	
				//console.info('loading');
				$$('div#videoPlayList div.imageContainer.playing').each(function(stopPlaying){
					stopPlaying.removeClassName('playing');					 
				});
				loadButton.addClassName('playing');
				__loadVideo(loadButton.childElements()[0].readAttribute('alt'));
			});
		});	
	}
});

function __loadVideo(title){
	var s1 = new SWFObject("/freshersplayer"+title,"player","480","270","9","#000000");
	s1.addParam("allowfullscreen","TRUE");
	s1.write("featuredVideo");
}