function up(start,end,present){
	var catNames = new Array;
	var catIds = new Array;
	
	catNames = document.getElementsByName("cat_name");
	catIds = document.getElementsByName("cat_id");
	
	if(start<present){
		var responseText="";
		present = present-1;
		last = (present+19<end)?(present+19):end;
		responseText += '<div style="width:auto; height:10px;"><a href="JavaScript:up('+start+','+end+','+present+')" id="start"><img src="images/arrow_up.png" border="0"/></a><br><br></div>';
		for(i=present;i<last+1;i++){
			responseText += '<img src="images/bullet_01.gif" style="padding:0px 5px 1px 10px;"/>';
			responseText += '<a href="productbycategory.php?cat_id='+catIds[i].value+'">'+catNames[i].value+'</a>';
			/*if(i==present){	
				responseText += '<a href="JavaScript:up('+start+','+end+','+present+')" id="start" style="font-weight:800;color:red; float: right">^</a>';	
			}*/
			responseText+='<br>';
		}
		responseText+='<br><a href="JavaScript:down('+start+','+end+','+last+')" id="end"><img src="images/arrow_down.png" border="0"/></a>';
		var sc = document.getElementById("catScroll");
		sc.innerHTML = responseText;
	}
	
}

function down(start,end,last){
	var catNames = new Array;
	var catIds = new Array;
	catNames = document.getElementsByName("cat_name");
	catIds = document.getElementsByName("cat_id");
	/*for (var i=0;i<catNames.length;i++)
	{
 		alert(catNames[i]);
  		
	}*/
	if(last<end){
		var responseText="";
		last = last+1;
		present = (last-19>start)?(last-19):start;
		responseText += '<div style="width:auto; height:10px;"><a href="JavaScript:up('+start+','+end+','+present+')" id="start"><img src="images/arrow_up.png" border="0"/></a><br><br></div>';
		for(i=present;i<last+1;i++){
			responseText += '<img src="images/bullet_01.gif" style="padding:0px 5px 1px 10px;"/>';
			responseText += '<a href="productbycategory.php?cat_id='+catIds[i].value+'">'+catNames[i].value+'</a>';
			/*if(i==present){	
				responseText += '<a href="JavaScript:up('+start+','+end+','+present+')" id="start" style="font-weight:800;color:red; float: right">^</a>'	
			}*/
			responseText+='<br>';
		}
		responseText+='<br><a href="JavaScript:down('+start+','+end+','+last+')" id="end"><img src="images/arrow_down.png" border="0"/></a>';
		var sc = document.getElementById("catScroll");
		sc.innerHTML = responseText;
	}
	
}