//get articles js for viewer choice
var siteNameURL="http://www.merinews.com"
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];
	//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 artLink = (article.getElementsByTagName("artLink")[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 views = (article.getElementsByTagName("views")[0]).firstChild.nodeValue;
		var comments = (article.getElementsByTagName("comments")[0]).firstChild.nodeValue;

		var row = document.getElementById('ViewerTable').insertRow(0);
  		
  		var col1 = row.insertCell(0);
  		row.cells[0].width = "3%";
  		row.cells[0].align = "left";
  		row.cells[0].valign = "baseline";
  		
  		var col2 = row.insertCell(1);
  		row.cells[1].width = "97%";
		row.cells[1].align = "left";
		row.cells[1].valign = "middle";
		row.cells[1].className = "text";
		/*
		var col3 = row.insertCell(2);
		row.cells[2].width = "5%";
		row.cells[2].align = "right";
		row.cells[2].valign = "top";
		row.cells[2].className = "textblue";

		var col4 = row.insertCell(3);
		row.cells[3].width = "4";
		row.cells[3].align = "right";
		row.cells[3].valign = "top";

		var col5 = row.insertCell(4);
		row.cells[4].width = "5%";
		row.cells[4].align = "right";
		row.cells[4].valign = "top";

		var col6 = row.insertCell(5);
		row.cells[5].width = "5%";
		row.cells[5].align = "right";
		row.cells[5].valign = "top";
		row.cells[5].className = "textblue";

		var col7 = row.insertCell(6);
		row.cells[6].width = "2%";
		*/
  		col1.innerHTML = "<img src='/mnc/images/blue_bull.gif'/>";
  		col2.innerHTML = "<a href=\""+siteNameURL+artLink + "\" class=\"text\" >" + title + "</a>" + cmpImageTag;
  		//col2.innerHTML = "<span class=\"textblue\">Views:</span>";
  		//col3.innerHTML = views;
  		//col4.innerHTML = "";
  		//col5.innerHTML = "<span class=\"textblue\">Comments:</span>";
  		//col6.innerHTML = comments;
  		//col7.innerHTML = "";
  		document.getElementById("changesortorder").innerHTML="<a href='"+siteNameURL+"/allArticles.do?choice=Viewer&pageNo=1&viewSort="+viewSort+"' class='grey'><strong>more</strong><span class='red'>>></span></a></div>";
	}
	
	// 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");

	if(viewSort == 7){
		weekCol.className = "#EFEFEF";
		weekLink.href = "JavaScript:";
		weekLink.className = "mahroon";
		
		monthCol.className = "#EFEFEF";
		monthLink.href = "JavaScript:setSort(30);";
		monthLink.className = "bs";
		
		quarterCol.className = "#EFEFEF";
		quarterLink.href = "JavaScript:setSort(90);";
		quarterLink.className = "bs";
	}
	
	if(viewSort == 30){
		weekCol.className = "#EFEFEF";
		weekLink.href = "JavaScript:setSort(7);";
		weekLink.className = "bs";

		monthCol.className = "#EFEFEF";
		monthLink.href = "JavaScript:";
		monthLink.className = "mahroon";

		quarterCol.className = "#EFEFEF";
		quarterLink.href = "JavaScript:setSort(90);";
		quarterLink.className = "bs";
	}
	
	if(viewSort == 90){
		weekCol.className = "#EFEFEF";
		weekLink.href = "JavaScript:setSort(7);";
		weekLink.className = "bs";
		
		monthCol.className = "#EFEFEF";
		monthLink.href = "JavaScript:setSort(30);";
		monthLink.className = "bs";
		
		quarterCol.className = "#EFEFEF";
		quarterLink.href = "JavaScript:";
		quarterLink.className = "mahroon";
	}
}

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 "";
}