﻿
	 $(document).ready(function(){
		var video_list = $(".other_videos").children("li");
		var keep_track = 1;
		var page_track = 1;
		var page_count = 0;
		var switch_page = function (page) {
			for (tmp=0; tmp<video_list.length; tmp++) {
				$(video_list[tmp]).addClass("hidden");
			};
			for (tmp=0; tmp<9; tmp++) {
				$(video_list[tmp+(page*9-9)]).removeClass("hidden");
			};
			if (page == 1) {
				$(".more_video_first").addClass("hidden");
				$(".more_video_previous").addClass("hidden");	
			} else {
				$(".more_video_first").removeClass("hidden");
				$(".more_video_previous").removeClass("hidden");
			}
			if (page == page_count) {
				$(".more_video_last").addClass("hidden");
				$(".more_video_next").addClass("hidden");	
			} else {
				$(".more_video_last").removeClass("hidden");
				$(".more_video_next").removeClass("hidden");
			}
		};
		for (i = 0; i<video_list.length; i++) {
			if (keep_track == 2) {
				$(video_list[i]).addClass("middle");
			};
			keep_track++;
			if (keep_track==4) {
				keep_track = 1;
			};
		};
		for (i = 9; i<video_list.length; i++) {
			$(video_list[i]).addClass("hidden");
		};
		if (video_list.length>9){
			$(".more").append("More: <a href='#video' class='more_video_first'><<</a> <a href='#video' class='more_video_previous'><</a> ");
			for (i=1; i<=(video_list.length / 9); i++) {
				$(".more").append("<a href='#video' class='more_video_"+i+"'>"+i+"</a> ");
				page_count++;
			};
			$(".more").append("<a href='#video' class='more_video_next'>></a> <a href='#video' class='more_video_last'>>></a>");
			switch_page(page_track);
			var page_links = $(".more").children("a");
			for (i=2; i<page_links.length-2; i++) {
				$(page_links[i]).click( function() {
					for (i2=2; i2<page_links.length-2; i2++) {
						if (page_links[i2] == this) {
							page_track = i2 - 1;
							switch_page(page_track);
						};
					};
				});
			};
			$(page_links[page_links.length-1]).click( function() {
				page_track = page_count;
				switch_page(page_track);
			});
			$(page_links[page_links.length-2]).click( function() {
				page_track++;
				switch_page(page_track);
			});
			$(page_links[0]).click( function() {
				page_track = 1;
				switch_page(page_track);
			});
			$(page_links[1]).click( function() {
				page_track--;
				switch_page(page_track);
			});
		};
	});
