function CreatePaging(rc,pagenumber,currentIndex)
{
	
	var maxrows = 25    // total collateral row per page
	var numbercount = 10 // Total number of paging to display
	var totalrecord =  rc

	var additionalPage=0;
    if((totalrecord % maxrows)>0) 
		additionalPage=1;
		
	if(totalrecord>maxrows)
		rc = totalrecord/maxrows
	 else
	 	rc=0;
		
     rc = parseInt(rc)
	 rc = rc + additionalPage;	

	 
    var holder = document.getElementById("holder");
    
    var pageHolder = document.createElement('pageHolder'); 
        pageHolder.setAttribute('id', 'pageHolder');  

	//PREVIOUS BUTTON
    var prev = document.createElement('div');   
        prev.setAttribute('id', 'prev');  
        //if(pagenumber == 1)
        //prev.onclick =  function()
       //             {ReCreate(totalrecord,pagenumber,currentIndex,true)     }
        //else
		if(currentIndex > 1){
			prev.className = 'pagingbutton';
		 	prev.innerHTML = "<< Previous";
			var prevpagenumber = pagenumber;
			if (currentIndex == ((pagenumber-1) * numbercount)+ 1)
				prevpagenumber--;	
        	prev.onclick = function()
                    {
					 document.getElementById("hidPagingPageNumber").value = prevpagenumber;
					 var value=document.getElementById('hidTypeSearch').value;							
					 document.getElementById('loading').style.visibility = "visible";
					 document.SearchForm.action = "vcr.cfm?search="+value+"&pagenumber="+(parseInt(currentIndex) - 1) ;
					 document.SearchForm.submit();
						} 
		}
		else{
			 prev.className = 'pagingbuttondisabled';
			 prev.innerHTML = "<< Previous";			 
		}
	   pageHolder.appendChild(prev);
	//NEXT BUTTON
    var next = document.createElement('div');   
        next.setAttribute('id', 'next');
        // if (pagenumber > (rc/numbercount))
        // next.onclick = function()
        //            {ReCreate(totalrecord,pagenumber,currentIndex,true)     }   
        // else     
		if(rc > currentIndex ){
			next.className = 'pagingbutton';
		 	next.innerHTML = "Next >>";
			var nextpagenumber = pagenumber;
			if (currentIndex >= (pagenumber * numbercount))
				nextpagenumber++;				
        	next.onclick = function()
                    {
					 document.getElementById("hidPagingPageNumber").value = nextpagenumber;
					 var value=document.getElementById('hidTypeSearch').value;							
					 document.getElementById('loading').style.visibility = "visible";
					 document.SearchForm.action = "vcr.cfm?search="+value+"&pagenumber="+(parseInt(currentIndex) + 1) ;
					 document.SearchForm.submit();
						} 
		}
		else{
			 next.className = 'pagingbuttondisabled';
			 next.innerHTML = "Next >>";			 
		}
                     
     
    
   
    var iNumber= 1
    var totPage =  numbercount *  pagenumber
    //15,2,0
    
    if ( totPage > rc)
        totPage = rc
    
    if(pagenumber >1)    
        iNumber = ((pagenumber-1) * numbercount) + 1; 
		
	// ... Previous  MORE Page button
	 if(pagenumber > 1)
	 {
		 var prevMORE = document.createElement('div');   
			prevMORE.setAttribute('id', 'prevMORE');
			prevMORE.className = 'pagingnumbermore';
			prevMORE.innerHTML = "...";						
			prevMORE.onclick =  function()
						{ReCreate(totalrecord,pagenumber-1,currentIndex,true)     }
		  pageHolder.appendChild(prevMORE); 
	 }
	//End ... 
        
    for(var i=iNumber;i<=totPage; i++)
    {
        var p1 = document.createElement('div');   
        p1.setAttribute('id', 'p' + i);
        p1.onclick = function()
                    {//ReCreate(totalrecord,pagenumber,this.innerHTML);
					 var value=document.getElementById('hidTypeSearch').value;	
						
					 var loading = document.getElementById('loading'); 
						loading.style.visibility = "visible";
						
					 document.SearchForm.action = "vcr.cfm?search="+value+"&pagenumber="+this.innerHTML;
					 document.SearchForm.submit();
						} 
        p1.className = 'pagingnumber';
        p1.innerHTML = i;
        
        if(currentIndex == i)
            p1.className = 'selectednumber';
        
        pageHolder.appendChild(p1); 
    }
	
	// ... Next  MORE Page button
	if (pagenumber < (rc/numbercount))
	 {
		 var nextMORE = document.createElement('div');   
			nextMORE.setAttribute('id', 'nextMORE');
			nextMORE.className = 'pagingnumbermore';
			nextMORE.innerHTML = "...";
			nextMORE.onclick =  function()
						{ReCreate(totalrecord,parseInt(pagenumber)+1,currentIndex,true)     }  
		  pageHolder.appendChild(nextMORE); 
	 }
	//End ... 
	
     
        pageHolder.appendChild(next);         
        holder.appendChild(pageHolder); 
}

function ReCreate(rc,index,selectedindex,button)
{   
    var holder = document.getElementById("holder");
    var pageHolder = document.getElementById('pageHolder'); 
	
	if(button)
		{ 
			 document.getElementById("hidPagingPageNumber").value = index;
		}
   
    holder.removeChild(pageHolder);   
    CreatePaging(rc,index,selectedindex)
}