$(function () {
	
	// Get List From HTML
	var articles = [];
	var activeYear = new Date().getFullYear();
	
	$('#eventsTable li').each(function (pos) {
		
		var year = parseInt($(this).find('.year').html(), 10);
		
		articles.push({
			id:parseInt($(this).find('.id').html()),
			title:$(this).find('.title a').html(),
			date:$(this).find('.date').html(),
			year:year,
			body:$(this).find('.body').html(),
			url:$(this).find('.url').html()
		});
		
		// Remove outdated articles
		if (year != activeYear) {
			this.parentNode.removeChild(this);
		}
		
	});
	
	var getArticles = function (year) {
		
		var match = [];
		
		for (var i = 0; i < articles.length; i++) {
			if (articles[i].year == year) {
				match.push(articles[i]);
			}
		}
		
		return match;
		
	};
	
	var matchArticle = function (year, position) {
		
		var a = getArticles(year);
		
		if (a.length >= position) {
			return a[position];
		} else {
			return null;
		}
		
	};
	
	var getArticle = function (id) {
		for (var i = 0; i < articles.length; i++) {
			if (articles[i].id == id) {
				return articles[i];
			}
		}
		return null;
	};
	
	var displayArticles = function (year) {
		
		activeYear = year;
		
		// Get it
		var a = getArticles(year);
		
		var displayString = '';
		
		// Display it
		for (var i = 0; i < a.length; i++) {
			displayString += '<li><div class="date">' + a[i].date + '</div><div class="title">' + a[i].title + '</div></li>';
		}
		
		$('#eventsTable').html(displayString);
		
		// Make it clickable
		$('#eventsTable li').each(function (pos) {
			
			$(this).click(function () {
				
				var match = matchArticle(activeYear, pos);
				
				if (match) {
					displayArticle(match.id);
					
					// Clear Highlight
					$('#eventsTable li.active').removeClass('active');
					
					// Add Highlight
					$(this).addClass('active');
				}
				
				this.blur();
				return false;
			});
			
		});
		
		// Highlight the Year
		$('#yearList .active').removeClass('active');
		$('#yearList li.year-' + year).addClass('active');
		
	};
	
	var displayArticle = function (id) {
		
		var article = getArticle(id);
		$('a.print-icon').attr('href','/events/show/' + article.id);
		$('#activeArticle .article-title').html(article.title);
		$('#activeArticle .article-date').html(article.date);
		$('#activeArticle .article-body').html(article.body);
		
		if (article.url.length > 0) {
			$('#activeArticle .article-read-more').html('<a href="' + article.url + '">Read More</a>').show();
		} else {
			$('#activeArticle .article-read-more').hide();
		}
		
		resetScrollBars();
	};
	
	// Make Years Clickable
	$('#yearList li a').click(function () {
		displayArticles(parseInt($(this).html(), 10));
		resetScrollBars();
		this.blur();
		return false;
	});
	
	
	//displayArticles(new Date().getFullYear());
	displayArticles(2008);
	$('#eventsTable li:eq(0)').addClass('active');
	
	var resetScrollBars = function () {
		$('#activeArticle').jScrollPane({scrollbarWidth:7});
		$('#pressReleaseListInner').jScrollPane({scrollbarWidth:7});
	};
	
	resetScrollBars();
	
});