var viewSort;

function setSort(viewsort) {	
	viewSort = viewsort;	
	var url = "articleList.do?choice=ViewerChoice&viewSort=" + viewSort;
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
	}
	req.open("POST", url, true);
	req.onreadystatechange = getArticles;
	req.send(null);	
 }
 
function getArticles() {
	if (req.readyState == 4) {
		if (req.status == 200) {
			populateArticles();
		}
	}
}
 
function populateArticles() {
	myTable     = document.getElementById("ViewerTable");

	noRows = myTable.rows.length;
	for(i = 0; i < noRows; i++){
		myTable.deleteRow(0);
	}
	//alert("req.getResponseHeader('content-type'):" + req.getResponseHeader('content-type'));
	//alert('req.responseText:' + req.responseText);
	//alert('req.responseXML.childNodes.length:' + req.responseXML.childNodes.length);
	var articles =  req.responseXML.getElementsByTagName("articles")[0];
	
	var row0 = document.getElementById('ViewerTable').insertRow(0);
	var col00 = row0.insertCell(0);
	row0.cells[0].height= "5";
	row0.cells[0].colspan = "2";
  		 
	//alert('articles:' + articles);
	for (loop = articles.childNodes.length-1; loop>=0; loop--) {
		var article = articles.childNodes[loop];
		var articleId = (article.getElementsByTagName("articleId")[0]).firstChild.nodeValue;
		
		var title = "";
		if(article.getElementsByTagName("title")[0].hasChildNodes()){
			for(var i = 0; i < article.getElementsByTagName("title")[0].childNodes.length; i++){
				title += getNodeText(article.getElementsByTagName("title")[0].childNodes[i]);
			}
		}
		
		var userName = (article.getElementsByTagName("userName")[0]).firstChild.nodeValue;
		var cmpImageTag = "";
		if(article.getElementsByTagName("cmpImageTag")[0].hasChildNodes()){
			for(var i = 0; i < article.getElementsByTagName("cmpImageTag")[0].childNodes.length; i++){
				cmpImageTag += getNodeText(article.getElementsByTagName("cmpImageTag")[0].childNodes[i]);
			}
		}
		
		if(cmpImageTag == 'null')
			cmpImageTag = "";
	
		var userName = (article.getElementsByTagName("userName")[0]).firstChild.nodeValue;
		
		var row = document.getElementById('ViewerTable').insertRow(1);
  		
  		var col0 = row.insertCell(0);
  		row.cells[0].width = "3%";
  		row.cells[0].valign = "baseline";
  		row.cells[0].align = "left";
  	 	
  		var col1 = row.insertCell(1);
  		row.cells[1].width = "97%";
  		row.cells[1].valign = "middle";
  		row.cells[1].align = "left";
  		row.cells[1].className = "text";
  	//	row.cells[0].colspan = "2";
  		row.cells[1].nowrap= "nowrap";
  	
  		col0.innerHTML = "<img	src=\"/mnc/images/blue_bull.gif\" /> ";				
  		col1.innerHTML = "<a href=\"catFull.jsp?articleID=" + articleId + "\" class=\"text\">" + title + "</a>" + cmpImageTag;
	}
	
	// text
	var weekCol = document.getElementById("week");
	var monthCol = document.getElementById("month");
	var quarterCol = document.getElementById("quarter");
	
	// links
	var weekLink = document.getElementById("weekLink");
	var monthLink = document.getElementById("monthLink");
	var quarterLink = document.getElementById("quarterLink");

	weekLink.href = "JavaScript:setSort(7)";
	monthLink.href = "JavaScript:setSort(30);";
	quarterLink.href = "JavaScript:setSort(90);";
	
	var moreLink = document.getElementsByName("moreLink");
	var subStrMoreLink = moreLink[0].href.substring(0, moreLink[0].href.indexOf('viewSort='));
	
	if(viewSort == 7){
		//weekCol.className = "grey_bold";
		//weekLink.className = "red";
		weekLink.className = "mahroon";
		
		//monthCol.className = "grey_bold";
		//monthLink.className = "blue_bold";
		monthLink.className = "bs";
		
		//quarterCol.className = "grey_bold";
		//quarterLink.className = "blue_bold";
		quarterLink.className = "bs";
		quarterLink.
		
		subStrMoreLink = subStrMoreLink + 'viewSort=7';
	}
	
	if(viewSort == 30){
		//weekCol.className = "grey_bold";
		//weekLink.className = "blue_bold";
		weekLink.className = "bs";
		//weekLink.innerHTML = "<strong>Week</strong>";
		
		//monthCol.className = "grey_bold";
		//monthLink.className = "red";
		monthLink.className = "mahroon";

		//quarterCol.className = "grey_bold";
		//quarterLink.className = "blue_bold";
		quarterLink.className = "bs";
		//quarterLink.innerHTML = "<strong>Quarter</strong>";
		
		subStrMoreLink = subStrMoreLink + 'viewSort=30';
	}
	
	if(viewSort == 90){
		//weekCol.className = "grey_bold";
		//weekLink.className = "blue_bold";
		weekLink.className = "bs";
	//	weekLink.innerHTML = "<strong>Week</strong>";
		
		//monthCol.className = "grey_bold";
		//monthLink.className = "blue_bold";
		monthLink.className = "bs";
	//	monthLink.innerHTML = "<strong>Month</strong>";
		
	//	quarterCol.className = "grey_bold";
		//quarterLink.className = "red";
		quarterLink.className = "mahroon";
		
		subStrMoreLink = subStrMoreLink + 'viewSort=90';
	}
	moreLink[0].href = subStrMoreLink;		
}

function getNodeText(node){
	if(node.tagName){
		var txt = "<" + node.tagName;
		var attributes = node.attributes;
		for(var i = 0; i < attributes.length; i++){
			txt += " " + attributes[i].nodeName + "=\"" + node.attributes[i].nodeValue + "\"";
		}
		if(node.hasChildNodes()){
			txt += ">";
			for(var i = 0; i < node.childNodes.length; i++){
				txt += getNodeText(node.childNodes[i]);
			}
			txt += "</" + node.tagName + ">";
		}
		else {
			txt += "/>";
		}
		return txt;
	}
	if(node.data){
		return node.data;
	}
	return "";
}