theCurrent = ''
window.addEvent('domready', function() { 
	var documentsAccordion = new Accordion($$('.mainh3'), $$('.mainul'), {
		start : 'all-closed',
		alwaysHide : true,
		onBackground: function(toggler, element) {
			element.setStyle('height', element.offsetHeight);
		}
	});
	var documentssubAccordion = new Accordion($$('.toggletitle'), $$('.toggleelement'), {
		start : 'all-closed',
		alwaysHide : true,
		onActive: function(toggler, element) {
			theHeight = 0
			theMinusHeight = 0
			element.getParent().getParent().getChildren().each(function(el){
				theHeight += el.getSize().y;
				if (theCurrent == el) {
					el.getLast().getChildren().each(function(el1){
						theMinusHeight += el1.getSize().y;
					});
				}
			});
			theOtherHeight = 0
			element.getChildren().each(function(el){
				theOtherHeight += el.getSize().y;
			});
			actualHeight = theHeight - theMinusHeight + theOtherHeight
			theCurrent = element.getParent();
			toggler.getParent().getParent().setStyle('height', actualHeight);
		},
		onBackground: function(toggler, element) {
			element.setStyle('height', element.offsetHeight);
		}
	});
});

window.addEvent('domready', function() {
	$('videoback').fade('hide');
	currentFrame = 0;
	numberofFrames = Math.ceil(numberofVideos/3);
	$('videoforward').addEvent('click', function() {
		if (numberofFrames > currentFrame) {
			scrollNow(currentFrame+1);
		}
	});
	$('videoback').addEvent('click', function() {
		if (currentFrame > 1) {
			scrollNow(currentFrame-1);
		}
	});
	
	function scrollNow(theFrame) {
		if (theFrame != currentFrame) {
			xlocation = -(theFrame-1) * 339;
			$('popularvideos').getFirst('ul').tween('left', xlocation);
			
			if (theFrame == 1) {
				$('videoback').fade('out');	
			} else if ($('videoback').getStyle('opacity') < 1) {
				$('videoback').fade('in');		
			}
		
			if (theFrame >= numberofFrames) {
				$('videoforward').fade('out');
			} else if ($('videoforward').getStyle('opacity') < 1) {
				$('videoforward').fade('in');		
			}
			
			$('videoFrameButton_'+theFrame).tween('background-color', '#000000');
			if ($('videoFrameButton_'+currentFrame)) {
				$('videoFrameButton_'+currentFrame).tween('background-color', '#FFCC00');
			}
			currentFrame = theFrame;
		}		
	};
	
	var i = 1;
	
	for (i=1; i <= numberofFrames; i++) {
		mySpanElement = new Element('span', {
			'id' : 'videoFrameButton_'+i,
			'events' : {
				'click': function() {
					theFrameTemp = this.id.split("_");
					scrollNow(parseInt(theFrameTemp[1]));
				}
			}
		});
		mySpanElement.inject($('videoframes'));
	}
	
	$('videoframes').setStyle('width', (numberofFrames*16)+2);
	$('videoframes').setStyle('margin-left', -numberofFrames*8);
	scrollNow(1);
	
});