//global pager vars
var guestbookId = 28;
var itemsPerPage = 5;
var sPage = 1;
var pageMax = 7;
var totalItems ='';
var totalRetItems ='';
var pageCall=0;

 function getPage(sPage)
 {

 jqN.ajax({
				type:"GET",
				url:"/assets/esp/guestbook/feed/getGuestbookEntry/perPage/"+itemsPerPage+"/page/"+sPage+"/where/guestbook_id="+guestbookId+".json",
				dataType:"json",
				beforeSend: function(xhr){xhr.setRequestHeader("X-Framework-JSON-Request", "PLAINJSON");},
				error: function(){
					alert('<b>Failed to lookup request</b>');
				},
				success: function(data){
					
					totalItems = data.totalRecords;
					totalRetItems = data.pageRecords.length;

					if(totalRetItems > 0)
					{
						renderPage(data.pageRecords,sPage);
					}
					if(pageCall)
					{
						newNBCPageview();
					}
					pageCall++;
				}
 		});
}
function renderPage(comments,page)
{
		jqN('#comments').html('');
		var outputHtml ='';
		for(i=0;i<comments.length;i++)
		{

			outputHtml += '<div class="toss_comment"><p>';
			outputHtml += comments[i].comment+'</p>'; 
			outputHtml += '<div class="author"><p><strong>- '+comments[i].name+'</strong></p></div>';
			outputHtml += '</div>';
			
		}
		jqN('#comments').html(outputHtml);
		Pager(page);
}

function Pager(page){
		var numOfPages = totalItems / itemsPerPage
		var pageNumbers ='';
		var prevPage = '';
		var nextPage = '';


	if (page > 3){
		startOffset = page - 3;
		endOffset = page + 3;
	}else{
		startOffset = 1;
		endOffset = pageMax;
	}
	if (endOffset > numOfPages ){
		endOffset = Math.ceil(numOfPages);
		startOffset = endOffset - (pageMax -1);
	}
	if (startOffset <= 0)
	{
		startOffset = 1;
	}
	if (page < 0 ){
		page = 0;
	}
	for(i=startOffset; i<=endOffset; i++){
			if (i == page)
			{
				pageNumstyle = 'color:#6d0711;font-weight:bold;';
			}
			 else
			{
				pageNumstyle = 'color:#00000;';
			}
			pageNumbers += '<div id="pagerItem" name="pagerItem" onclick="getPage('+i+');" style="'+ pageNumstyle + ';padding:2px;" >'+i+'</div> ';
			if (page == 1){prevPage = 1;} else {prevPage = page - 1;}
			if (page == endOffset){nextPage = endOffset;}  else {nextPage = page + 1;}
	}

		var sPager = '<a href="javascript: void getPage(1);" id="pagerItemFirst" name="pagerItemFirst"><<</a>'+
		'<a href="javascript: void getPage('+ prevPage +');" id="pagerItemPrev" name="pagerItemPrev">< Prev</a> '+
		 pageNumbers +
		'<a href="javascript: void getPage('+ nextPage +');"  id="pagerItemNext" name="pagerItemNext">Next ></a>'+
		'<a href="javascript: void getPage('+ Math.ceil(numOfPages) +');" id="pagerItemLast" name="pagerItemLast">>></a>';
		jqN('#comments').append('<div class="pagination" id="pager">'+sPager+'</div>');
		
		return true;


	}

function highlightOn(arg)
{
	arg.style.backgroundColor ='#FFFFFF';
	arg.style.color = "#885f18;";
}

function highlightOff(arg)
{
		arg.style.backgroundColor='FFFFFF';
		arg.style.color = "#000000;";
}


function newNBCPageview()
{
	s.t();
	//window.ad728x90.location.reload();  // Delete this line if there are no 728x90 leaderboard iframes on the page
	//window.ad300x250.location.reload(); // Delete this line if there are no 300x250 iframes on the page
}

function submitComment()
{
	var nameTxt = jqN("#ss_name").val();
	var commentTxt = jqN("#ss_comment").val();
	var outputHtml ="";

	 jqN.ajax({
				type:"POST",
				url:"/app/guestbook/",
				data: { 'guestbookId':guestbookId, 'name': nameTxt, 'comment': commentTxt},
				error: function(){
					alert('Snakehole Lounge appologizes but there has been a submission error.');
				},
				success: function(msg){
					outputHtml += '<div class="ss_comment"><p>';
					outputHtml += commentTxt+'</p>'; 
					outputHtml += '<div class="author"><p><strong>- '+nameTxt+'</strong></p></div>';
					outputHtml += '</div>';
					//jqN('#comments').append(outputHtml);
					jqN("#toss_comment_form").html('Snakehole Lounge thanks you for your support!');
				}
			});
	return false;
}
jqN(document).ready(function(){
getPage(1);
});



