var Pages={}
Pages.MaxPage = 0;
Pages.CurPage = 0;
Pages.Link = 0;
Pages.ContentWidth = 0;
Pages.Iter = 0;

Pages.Clear = function()
{
	Pages.Iter=0;  Pages.ContentWidth = 0;
}

Pages.Main = function(CurPage,MaxPage,Link)
{
	
	if(CurPage == "none") CurPage = Pages.CurPage;
	else
	{
		Pages.CurPage = CurPage;
	}

	
	if(CurPage == "none") CurPage = Pages.CurPage;
	else Pages.CurPage = CurPage;
	
	if(MaxPage == "none") MaxPage = Pages.MaxPage;
	else Pages.MaxPage = MaxPage;
	
	if(Link == "none") Link = Pages.Link;
	else Pages.Link = Link;	
	
	if(ItIsMobile=="Yes") return false;
	
	if(!document.getElementById("PagesTopNav")) return false;
	

	
	if(Pages.CurPage==0) return false;
	
	var Content = document.getElementById("Content").innerHTML;
	var ContentWidth = document.getElementById("Content").offsetWidth;
	
	if(Pages.ContentWidth == ContentWidth) 
	{
		Pages.Iter++;
		//alert(Pages.ContentWidth);
		//alert(ContentWidth);
		if(Pages.Iter>0) return false;
	}
	
	document.getElementById("PagesTopNav").innerHTML = "";
	document.getElementById("PagesBottomNav").innerHTML = "";
	
	Pages.ContentWidth = ContentWidth;
	ContentWidth = ContentWidth - 200;
	ContentWidth = ContentWidth/100;
	ContentWidth = ""+ContentWidth;
	ContentWidth = ContentWidth.split(".");
	ContentWidth = ContentWidth[0];
	ContentWidth = ContentWidth*2;
	
	var Nav = "";
	var LinkPage = "";

	if(CurPage!=1)
	{
		LinkPage = Link.replace("PageNum","1");
		Nav = Nav + "<img onclick=\"Pages.Iter=0;  Pages.ContentWidth = 0;"+LinkPage+"\" src='/images/page_first.png' style='float:left; cursor:pointer; width:55px; height:26px; margin-rght:3px; border:none;'/>";
	}
	
	var PrePage = CurPage - 1;
	if(PrePage>0)
	{
		LinkPage = Link.replace("PageNum",PrePage);
		Nav = Nav + "<img onclick=\"Pages.Iter=0;  Pages.ContentWidth = 0;"+LinkPage+"\" src='/images/page_back.png' style='float:left;  cursor:pointer;width:26px; height:26px; margin-rght:3px;border:none;'/>";
	}
	
	var Start = Number(CurPage) - Number(ContentWidth);
	var End = Number(CurPage) + Number(ContentWidth);
	
	if(Start<1)
	{
		Start = 1;
		End = Number(End) + (Number(ContentWidth) - Number(CurPage));
	}

	if(End>MaxPage) End = MaxPage;
	
	for(i=Start;i<=End;i++)
	{
		LinkPage = Link.replace("PageNum",i);
		if(i == CurPage)
		Nav = Nav + "<div style=\"background-image:url('/images/page_selected.png'); background-repeat:no-repeat;float:left;margin-rght:3px; cursor:pointer; color:#fff; padding-top:6px; text-align:center; font-size:11px; width:26px; height:26px;\">"+i+"</div>";
		else
		Nav = Nav + "<div  onclick=\"Pages.Iter=0;  Pages.ContentWidth = 0;"+LinkPage+"\" style=\"background-image:url('/images/page_num.png'); background-repeat:no-repeat;float:left;margin-rght:3px; cursor:pointer; color:#717171; padding-top:6px; text-align:center; font-size:11px; width:26px; height:26px;\">"+i+"</div>";
	}


	var NextPage = Number(CurPage) + 1;
	if(NextPage<=MaxPage)
	{
		LinkPage = Link.replace("PageNum",NextPage);	
		Nav = Nav + "<img onclick=\"Pages.Iter=0;  Pages.ContentWidth = 0;"+LinkPage+"\" src='/images/page_next.png' style='float:left;  cursor:pointer;width:26px; height:26px;margin-rght:3px; border:none;'/>";
	}
	
	
	if(CurPage!=MaxPage)
	{
		LinkPage = Link.replace("PageNum",MaxPage);	
		Nav = Nav + "<img onclick=\"Pages.Iter=0;  Pages.ContentWidth = 0;"+LinkPage+"\" src='/images/page_last.png' style='float:left;  cursor:pointer;width:55px; height:26px;margin-rght:3px; border:none;'/>";
	}
	
	document.getElementById("PagesTopNav").innerHTML = Nav + "<div style='clear:both;'></div>";
	document.getElementById("PagesBottomNav").innerHTML = "<div style='clear:both;'></div>" + Nav+ "<div style='clear:both;'></div>";

	
}