function setNewsShow(dataOriginal,tagOriginal,dataTarget,elementTarget,pageNum,imgData){  
	function G(id){ return document.getElementById(id);}
	var pageCount = 1; 
	var lis = G(dataOriginal).getElementsByTagName(tagOriginal);
	var pageTotal = Math.ceil(lis.length/pageNum);
	

	function fillNews(){
		G(dataTarget).innerHTML = '';
		var el = document.createElement(elementTarget);

		var pageDiv = document.createElement('div');
		var pageStr = 'Page <strong>'+pageCount+'</strong> of '+pageTotal+'<span class="m">';
		pageStr += (pageCount==1)?'<a class="firstp unclick"><< First</a> <a class="unclick">< Previouis</a>':'<a class="firstp" href="#" onclick="javascript:setNewsShow.prototype.first();"><< First</a> <a href="#" onclick="javascript:setNewsShow.prototype.prev();">< Previouis</a> ';	
		pageStr += ' <span class="counts">';
		var firstPage,lastPage;
		if(pageCount<3){
			 firstPage = 1;
			 lastPage = pageTotal+1;
			 lastPage = (lastPage>6)?6:lastPage;
		}else if(pageCount>(pageTotal-2)){
			 firstPage=pageTotal-4;
			 firstPage = (firstPage<1)?1:firstPage;
			 lastPage=pageTotal+1;
		}else{
		   firstPage = pageCount-2;
		   lastPage = pageCount+3;	
		}
		for(var i=firstPage;i<lastPage;i++){
			pageStr += (i==pageCount)?'<a class="on">'+i+'</a> ':'<a href="#" onclick="javascript:setNewsShow.prototype.page('+i+');">'+i+'</a> ';
			}
		pageStr +=(pageCount == pageTotal)?'</span> <a class="unclick">Next ></a> <a class="lastp unclick">Last >></a></span>':'</span> <a href="#" onclick="javascript:setNewsShow.prototype.next(); ">Next ></a> <a class="lastp" href="#" onclick="javascript:setNewsShow.prototype.last(); ">Last >></a></span>';
		pageStr +='<form style="display:inline;" action="" onsubmit="javascript:setNewsShow.prototype.drump(\'drumpIpt\'); ">Go to Page<input name="" type="text" id="drumpIpt" /><input name="" type="submit" value="GO" class="btn_go" /></form>';
		pageDiv.className = 'page_div';
		pageDiv.innerHTML = pageStr;
		
		function getElementByClassName(obj,tagName,cssName){
				var elements = obj.getElementsByTagName(tagName);
				for(var i=0;i<elements.length;i++){
					if(elements[i].className == cssName){
						return elements[i];
						}	
				}
		}		

		var firstCount = (pageCount-1)*pageNum;
		var lastCount = (pageCount==pageTotal)?lis.length:pageCount*pageNum;
		
		for(var i=firstCount; i<lastCount; i++){
			var clones = lis[i].cloneNode(true);
			if (imgData){
				var pic1 = clones.getElementsByTagName('img')[0];
				var str=getElementByClassName(clones,'span',imgData).innerHTML;
				if (str!='')	pic1.src = getElementByClassName(clones,'span',imgData).innerHTML
					else pic1.style.display='none';
			}
			el.appendChild(clones);	
		}

		G(dataTarget).appendChild(el);
		G(dataTarget).appendChild(pageDiv);	
	}fillNews();

	setNewsShow.prototype.first = function(){pageCount = 1; fillNews();};
	setNewsShow.prototype.last = function(){pageCount = pageTotal; fillNews();};
	setNewsShow.prototype.prev = function(){pageCount --; if(pageCount<1){pageCount=1;}; fillNews();};
	setNewsShow.prototype.next = function(){pageCount ++; if(pageCount>pageTotal){pageCount=pageTotal;}; fillNews();};
	setNewsShow.prototype.page = function(n){pageCount = n;  fillNews();};
	setNewsShow.prototype.drump = function(id){ 
	var iptValue = parseInt(G(id).value);
	if(iptValue != NaN && iptValue <= pageTotal && iptValue>0){
			pageCount = iptValue;
	}else{ alert('error input')	;} fillNews();};
	
}