var shopClickedPage=1;
var shopTotalRecord;
var shopRecordDisplay;
var url;

function  shopNavDisplay(total,recordShow,url_get){
	url=url_get;
	shopTotalRecord=total;
	shopRecordDisplay=recordShow;
	var count=(Math.ceil(total/recordShow ));
	var noOfLinks=(count > recordShow) ? recordShow : count;
	var display="<center>";
	display+="<div id=\"shopPage\">";
	//for(var i=1;i<=noOfLinks;i++) { 
	 //display +="<a href=\"javascript:shopPaginationShop("+ i +" , " + recordShow + ")\"><font color=\"#b20f31\" style=\"font-size:10px;\">"+ i +"<\/font> <font color=\"black\"> | <\/font><\/a>&nbsp;";    
	//}
	// For NEXT Link..
	shopClickedPage=shopClickedPage+1;
	if(noOfLinks!=1){
		display +="<img border='0' src='"+url+"images/shopping/arrow_lft_dis.jpg' >&nbsp;";
		display +="<a href=\"javascript:shopPaginationShop("+ shopClickedPage +" , " + recordShow + ")\"><img border='0' src='"+url+"images/shopping/arrow_right.jpg' /><\/a>&nbsp;";
	}
	display+="</div></center>";	 
	return display;	 
	
	
	
}


function shopPaginationShop(pageNumber,recordShow){
 
   shopClickedPage=pageNumber;
   var objRecord = document.getElementsByClassName("shop_black");
   var end=pageNumber * recordShow;
   var start=((pageNumber-1)*recordShow+1);
   // To  hide alll the record...
   for(var i=1;i<=objRecord.length;i++){
	   var id = 'S_'+i; 
	   var obj=document.getElementById(id);
	   obj.style.display="none";
   }
	 
   // To display the correspondent Record...
	 
	for(var i=start;i<=end;i++){
		var id = 'S_'+i; 
		if(i <= objRecord.length) {
			var obj=document.getElementById(id);
			obj.style.display="block";
		}
	}
	shopDisplayInnerHtml(pageNumber);
}


function shopDisplayInnerHtml(pgNumber){	  
	 var count=(Math.ceil(shopTotalRecord/shopRecordDisplay ));
	 var noOfLinks=(count > 5) ? 5 : count;	
	 var startLink;
	 var endLink=parseInt(pgNumber) + parseInt(noOfLinks); 
		 
	if(pgNumber <= count  && endLink > count ){		     
		   endLink=count + 1;		 
	 }
	
	 startLink=Math.round(endLink - noOfLinks);
	 
	var display="";	
	 // For Previous Link.....
	 var previousPage=shopClickedPage - 1;	 

	  if(previousPage >= 1) {
	  display +="<a href=\"javascript:shopPaginationShop("+ previousPage +" , " + shopRecordDisplay + ")\"><img border='0' src='"+url+"images/shopping/arrow_lf.jpg' ><\/a>&nbsp;";      	 
	  }
	  if(previousPage == 0) {
		  display +="<img border='0' src='"+url+"images/shopping/arrow_lft_dis.jpg' >&nbsp;";  
	  }
	 for(var i=startLink;i<=Math.round((endLink-1));i++) { 	   
     //display +="<a href=\"javascript:shopPaginationShop("+ i +" , " + shopRecordDisplay + ")\"><font color=\"#b20f31\" style=\"font-size:10px;\">"+ i +"<\/font> <font color=\"black\"> | <\/font><\/a>&nbsp;";    
    }
	 // For NEXT Link..
	  shopClickedPage=shopClickedPage + 1;	 
	  if(shopClickedPage <= count) {
	  display +="<a href=\"javascript:shopPaginationShop("+ shopClickedPage +" , " + shopRecordDisplay + ")\"><img border='0' src='"+url+"images/shopping/arrow_right.jpg' /><\/a>&nbsp;";      	 
	  }else{
		  display +="<img border='0' src='"+url+"images/shopping/arrow_rgh_dis.jpg' >";
	  }
   	var oldHTML = document.getElementById('shopPage').innerHTML;
	    var newHTML = display; 
	    document.getElementById('shopPage').innerHTML = newHTML;

}