function linkArticles() {
   oArticles = getElementsByClassName(document,'li','articleList');
   for(var i=0; i<oArticles.length; i++) {
      oArticles[i].onclick = function(articleId) { 
         var article = this.id.split('_');
         var articleId = article[1];
         /* Dev NOTE: Uncomment and set location */
         /* document.location.href = 'article.php?id='+articleId; */
         alert('You chose article '+articleId+'. Set the appropriate URL in the linkArticles() function in whosOn.js');
      }
   }
}

function initModWhosOn() {
	// Set return false to get rid of page jumps
	var oA = document.getElementById('whosOnTabs').getElementsByTagName('a');
	for(var i=0; i<oA.length; i++) {
		oA[i].onclick = function() { return false; };
	}	
	var oImgs = document.getElementById('whosOnTabs').getElementsByTagName('img');
	for(var i=0; i<oImgs.length; i++) {
		oImgs[i].onclick = function() {
			var oImgs = document.getElementById('whosOnTabs').getElementsByTagName('img');
			for(var i=0; i<oImgs.length; i++) {
				oImgs[i].src = oImgs[i].src.replace("_on.","_off.");
			}
			var whosOn = document.getElementById('whosOnContent');
			var part = document.getElementById('partContent');
			whosOn.style.display = 'none';
			part.style.display = 'none';

			if(this.id == "showWhosOn") {
				whosOn.style.display = 'block';
				} else {
					part.style.display = 'block';
				}
				
				this.src = this.src.replace("_off.","_on.");
			}
		}
	}
	
new domFunction(linkArticles);
new domFunction(initModWhosOn,{'whosOnTabs':'id'});