var homepageSlider;
var horizontalSlider;
var videoPlayer;

$j(document).ready(function() {
	//remove all click events from video links so the modal player doesnt interfere
	$j('a[href$=.flv]').unbind('click');

	var miniLibrary = $j('#mini-video-library');
	var videoLibrary = $j('#video-library');

	var $currentCat = $j('.current-category', videoLibrary);
	var initialCat = $j('.category-list a:last', videoLibrary).text().toUpperCase();
	$currentCat.text(initialCat);

	if (miniLibrary.length > 0 || videoLibrary.length > 0) {
		var clipUrl;
		var imageUrl;

		if (miniLibrary.length > 0) {
			clipUrl = $j('.thumb:first a[href$=.flv]', miniLibrary).attr('href');
			imageUrl = $j('.thumb img:first', miniLibrary).attr('src');
		} else {
			var $videoWrapper = $j('.video-player-wrapper', videoLibrary);
			var $link = $j('.vertical-slider .video:first a[href$=.flv]', videoLibrary);
			var $mobileLink = $link.siblings('.mobile-link');
			var title = $link.siblings('.title').text();
			var description = $link.siblings('.description').html();

			clipUrl = $link.attr('href');
			imageUrl = $j('.vertical-slider .thumb:first', videoLibrary).attr('src');
			$videoWrapper.find('.title').text(title);
			$videoWrapper.find('.description').html(description);

			if ($mobileLink.length == 1) {
				$videoWrapper.find('.mobile-link').show().attr("href", $mobileLink.attr("href"));
			} else {
				$videoWrapper.find('.mobile-link').hide().attr("href", '');
			}
		}

		imageUrl = imageUrl.replace(/\/image-full;max\$\d+,\d+.ImageHandler/i, '');

		/* --- Video Player --- */
		if ($j('#video-player').length == 1) {
			flowplayer('video-player', '/global/flash/flowplayer.leapfrog-3.1.5.swf', {
				key: videoPlayerLicenseCode,
				clip: {
					scaling: 'fit'
				},
				playlist: [
					imageUrl,
					{ url: clipUrl, autoPlay: false }
				],
				canvas: {
					backgroundColor: '#ffffff'
				},
				plugins: {
					controls: {
						autoHide: 'always',
						hideDelay: 1000
					}
				}
			});
		}

		/* --- Homepage Slider --- */
		homepageSlider = function() {
			var $thumbsWrapper = $j('.thumbs-wrapper', miniLibrary);
			var $thumbs = $j('.thumb', $thumbsWrapper);
			var curIndex = 0;

			return {
				slide: function(slideCount) {
					var newIndex = curIndex + slideCount;
					if (slideCount > 0 && newIndex >= $thumbs.length) newIndex = $thumbs.length - 1;
					if (slideCount < 0 && newIndex < 0) newIndex = 0;
					if (newIndex != curIndex && newIndex != (curIndex + 1)) {
						var $elm = $thumbs.eq(newIndex);
						curIndex = newIndex;
						$thumbsWrapper.scrollTo($elm, 'normal', { offset: { left: -2} });
					}
				}
			};
		} ();

		$j('.left-button', miniLibrary).click(function() {
			homepageSlider.slide(-2);
			return false;
		});

		$j('.right-button', miniLibrary).click(function() {
			homepageSlider.slide(2);
			return false;
		});


		/* --- Horizontal Slider --- */
		horizontalSlider = function() {
			var $slideWrapper = $j('.horizontal-slider .slide-wrapper', videoLibrary);
			var $groups = $j('.slide-group', $slideWrapper);
			$groups.each(function(i) {
				this.$slides = $j('.slide', this);
				if (i < $groups.length - 1) $j(this).hide();
			});
			var curIndex = 0;
			var curGroup = $groups.length - 1;

			return {
				slide: function(slideCount, speed) {
					var $slides = $groups.eq(curGroup).get(0).$slides;
					var newIndex = curIndex + slideCount;
					if (slideCount > 0 && newIndex >= $slides.length) newIndex = $slides.length - 1;
					if (slideCount < 0 && newIndex < 0) newIndex = 0;
					if (newIndex != curIndex) {
						var $elm = $slides.eq(newIndex);
						curIndex = newIndex;
						$slideWrapper.scrollTo($elm, speed, { offset: { left: -20} });
					}
				},
				switchGroup: function(groupNumber) {
					var newGroup = (groupNumber < 0 || groupNumber >= $groups.length) ? 0 : groupNumber;
					if (newGroup != curGroup) {
						$groups.eq(curGroup).hide()
						$groups.eq(newGroup).show();
						curGroup = newGroup;
						this.slide(-$groups.eq(newGroup).get(0).$slides.length);
					}
				}
			};
		} ();

		$j('.horizontal-slider .prev-button', videoLibrary).click(function() {
			horizontalSlider.slide(-1, 'normal');
			return false;
		});

		$j('.horizontal-slider .next-button', videoLibrary).click(function() {
			horizontalSlider.slide(1, 'normal');
			return false;
		});

		$j('.horizontal-slider .category-list a', videoLibrary).click(function(event) {
			var category = $j(this).text().toUpperCase();
			var group = parseInt(this.hash.replace('#', ''));
			$currentCat.text(category);
			horizontalSlider.switchGroup(group);
			return false;
		});


		//set initial category if one was passed in on the hash
		var matches = window.location.hash.match(/^#([0-9]+)/);
		if (matches != null && matches.length > 0) {
			$j('.horizontal-slider .category-list a:eq(' + (matches[1] - 1) + ')').click();
		}


		/* --- Vertical Slider --- */
		if (typeof VerticalSlider !== "undefined") {
			var recentVideoSlider = new VerticalSlider(
				'#video-library .vertical-slider .video-wrapper',
				'#video-library .vertical-slider .slide-up-button',
				'#video-library .vertical-slider .slide-down-button',
				{
					scrollOptions: {
						offset: { top: -10 }
					}
				}
			);
		}

		/* --- Make Videos Play ---*/
		$j('.thumb', miniLibrary).click(function(event) {
			var videoPath = $j('a', this).attr('href');
			$f().play(videoPath);
			return false;
		});

		$j('.horizontal-slider .video', videoLibrary).click(function(event) {
			var videoPath = $j('a.title', this).attr('href');
			var mobilePath = $j('a.mobile-link', this).attr('href');
			var title = $j('a.title', this).text();
			var description = $j('.description', this).html();
			var $videoWrapper = $j('#video-library .video-player-wrapper');
			$videoWrapper.find('.title').text(title);
			$videoWrapper.find('.description').html(description);
			if (mobilePath != undefined) {
				$videoWrapper.find('.mobile-link').show().attr('href', mobilePath);
			} else {
				$videoWrapper.find('.mobile-link').hide().attr('href', '');
			}
			$f().play(videoPath);
			return false;
		});

		$j('.vertical-slider .video .video-link', videoLibrary).click(function(event) {
			var $link = $j(this);
			var videoPath = $link.attr('href');
			var mobilePath = $link.siblings('.mobile-link').attr('href');
			var title = $link.siblings('.title').text();
			var description = $link.siblings('.description').html();
			var $videoWrapper = $j('.video-player-wrapper', videoLibrary);
			$videoWrapper.find('.title').text(title);
			$videoWrapper.find('.description').html(description);
			if (mobilePath != undefined) {
				$videoWrapper.find('.mobile-link').show().attr('href', mobilePath);
			} else {
				$videoWrapper.find('.mobile-link').hide().attr('href', '');
			}
			$f().play(videoPath);
			return false;
		});

	}
});