var flag=0;
var scroll;

var currentStartPosition=0;
var currentEndPosition=10;	
var  start=0;
var end=0;
var size=45;
var noOfItems = 10;

function up()
{
	myTable1 = document.getElementById("recentImg");
	 myTable1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='16' /><a href='JavaScript:up();'  ><img src='/mnc/images/up.gif' width='57' height='16' border='0'/></a>";
	 myTable1.innerHTML+="<a href='JavaScript:down();' ><img src='/mnc/images/down.gif' width='57' height='16' border='0'/></a>";
	
	//if(currentStartPosition==0){
   //     myTable1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='16' /><img src='/mnc/images/up_fade.gif' width='57' height='16' border='0'/>";
 	//	myTable1.innerHTML+="<a href='JavaScript:down();'  ><img src='/mnc/images/down.gif' width='57' height='16' border='0'/></a>";

	//	}
	//	else{
			start=currentStartPosition-noOfItems;
			if(start<0)
				start=0;
			end=start+noOfItems;
			if(end>size)
				end=size;
		//}
		
		getRecent(start,end);
	}

function  down() {		

     myTable1 = document.getElementById("recentImg");
	 myTable1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='16' /><a href='JavaScript:up();'  ><img src='/mnc/images/up.gif' width='57' height='16' border='0'/></a>";
	 myTable1.innerHTML+="<a href='JavaScript:down();' ><img src='/mnc/images/down.gif' width='57' height='16' border='0'/></a>";
	
		//if(currentEndPosition==size){
		// myTable1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='16' /><a href='JavaScript:up();'  ><img src='/mnc/images/up.gif' width='57' height='16' border='0'/></a>";
		// myTable1.innerHTML+="<img src='/mnc/images/down_fade.gif' width='57' height='16' border='0'/>";
	//		}
		//else{
			if(currentEndPosition+noOfItems>size)
			{
				start =size-noOfItems;
				if(start<0)
					start=0;
				end =size;
			}
			else {
				start =currentEndPosition;
				end =currentEndPosition+noOfItems;
			}
		//}
	
		 getRecent(start,end);
		
	}


function getRecent(start,end) {

	var url = "/articleList.do?choice=RecentArticleByAjax&fromIndex="+start+"&toIndex="+end;
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
	}

	req.open("POST", url, true);
	req.onreadystatechange = getRecentArticles;
	req.send(null);	
	
	currentStartPosition=start;
	currentEndPosition=end;
	if(currentStartPosition==0){
        myTable1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='16' /><img src='/mnc/images/up_fade.gif' width='57' height='16' border='0'/>";
 		myTable1.innerHTML+="<a href='JavaScript:down();'  ><img src='/mnc/images/down.gif' width='57' height='16' border='0'/></a>";

		}
	if(currentEndPosition==size){
		 myTable1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='16' /><a href='JavaScript:up();'  ><img src='/mnc/images/up.gif' width='57' height='16' border='0'/></a>";
		 myTable1.innerHTML+="<img src='/mnc/images/down_fade.gif' width='57' height='16' border='0'/>";
			}	
	

 }
function getRecentArticles() {
	if (req.readyState == 4) {
		if (req.status == 200) {
			
			populateRecentArticles()
			
		}
	}
}
 function populateRecentArticles() {
 
	
	
	 myTable = document.getElementById("recentarticles1");
	 
	
	
	 
	 for(var i=0;i<10;i++)
	 {
	 var div1 = document.getElementById('div'+i);
	 myTable.removeChild(div1);;
	 
	 } 
	 
	
	  
	/* var childDiv1= document.createElement("DIV");
		
	 childDiv1.id='recentImg';
     childDiv1.innerHTML="<img src='/mnc/images/recenthead.gif' width='138' height='13' border='0' onclick='javascript:getRecent()'/>";
  
     var childDiv2= document.createElement("DIV");
	 childDiv2.id='spacer_b';
	 
 	  */
	  var ReccentArticles =  req.responseXML.getElementsByTagName("ReccentArticles")[0];
	
	  i=0;
	  
	  //myTable.appendChild(childDiv1);
	  //myTable.appendChild(childDiv2);
	  
	  for (loop = 0;loop<ReccentArticles.childNodes.length;  loop++,i++)
	  {
	  

	   var childDiv3 = document.createElement("DIV");
	
	  var ReccentArticle = ReccentArticles.childNodes[loop];
	
	  var title = (ReccentArticle.getElementsByTagName("title")[0]).firstChild.nodeValue;
	  
	 
	  var contributor = (ReccentArticle.getElementsByTagName("contributor")[0]).firstChild.nodeValue;
	  var time = (ReccentArticle.getElementsByTagName("postedTime")[0]).firstChild.nodeValue;
	  var articleID = (ReccentArticle.getElementsByTagName("articleID")[0]).firstChild.nodeValue;
	  size=(ReccentArticle.getElementsByTagName("size")[0]).firstChild.nodeValue;
	   childDiv3.id='div'+i;
	    childDiv3.innerHTML = "<ul class='rc'><li><a href='/catFull.jsp?articleID="+articleID+"' class='text' >"+title+"</a><br/>&nbsp;<span class='cj'>CJ: "+contributor +" - "+time+"</span> </li></ul>" ;
//	    childDiv3.innerHTML += "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class='cj'>CJ: "+contributor +" - "+time+"</span> </li></ul>" ;
	    
	  
	  
	    
	    myTable.appendChild(childDiv3);
	  
	  
	  }
	 
// setTimeout ( "getRecent()", 10000 );	  
}