var count = 10, 
page = 1,
ImageOpen = "<div class=\"rStaffImages\">",
TextOpen = "<div class=\"rStaffNames\">",
ImageClose = "</div>",TextClose = "</div>",
ImageTemplate = "<a href=\"[namelink]-staff-[id].aspx\"><img src=\"[image]\" alt=\"[name]\" height=\"83\" width=\"83\" /></a>",
TextTemplate = "<div class=\"rStaffName\"><a href=\"[namelink]-staff-[id].aspx\">[name]</a></div>",
div, ImageCont, TextCont,prDis=false,nrDis=false;

PopulateRelated = function() {
	div = document.getElementById("rStaff");
	//alert(rs);
	if (div == null || rs == null) return false;
	
	if (rs.length < 1) return false;
	ImageCont="";TextCont="";
	for (var i = 0; i < rs.length && i < count; i++)
	{
		ImageCont += ImageTemplate.replace(/\[id\]/, rs[i][0]).replace(/\[image\]/, rs[i][1]).replace(/\[name\]/, rs[i][2]).replace(/\[namelink\]/g, rs[i][2].replace(/\s/g, "-"));		
		TextCont += TextTemplate.replace(/\[id\]/, rs[i][0]).replace(/\[image\]/, rs[i][1]).replace(/\[name\]/, rs[i][2]).replace(/\[namelink\]/g, rs[i][2].replace(/\s/g, "-"));
		//alert(ImageCont);alert(TextCont);
		
	}
	div.innerHTML = ImageOpen + ImageCont + ImageClose + TextOpen + TextCont + TextClose;
	CheckRelatedButtons();
	return false;
}

NextRelated = function(){
	div = document.getElementById("rStaff");
	if (rs == null || div == null) return false;
	
	if (rs.length < 1 || page*count > rs.length) return false;
	page++;ImageCont="";TextCont="";
	for (var i = count*(page-1); i < rs.length && i < count*page; i++)
	{
		ImageCont += ImageTemplate.replace(/\[id\]/g, rs[i][0]).replace(/\[image\]/g, rs[i][1]).replace(/\[name\]/g, rs[i][2]).replace(/\[namelink\]/g, rs[i][2].replace(/\s/g, "-"));
		TextCont += TextTemplate.replace(/\[id\]/g, rs[i][0]).replace(/\[image\]/g, rs[i][1]).replace(/\[name\]/g, rs[i][2]).replace(/\[namelink\]/g, rs[i][2].replace(/\s/g, "-"));
	}
	div.innerHTML = ImageOpen + ImageCont + ImageClose + TextOpen + TextCont + TextClose;
	CheckRelatedButtons();
	return false;
}

PreviousRelated = function(){
	div = document.getElementById("rStaff");
	if (rs == null || div == null) return false;
	if (page == 1 || rs.length < 1) return false;
	page--;ImageCont="";TextCont="";
	for (var i = count*(page-1); i < rs.length && i < count*page; i++)
	{
		ImageCont += ImageTemplate.replace(/\[id\]/g, rs[i][0]).replace(/\[image\]/g, rs[i][1]).replace(/\[name\]/g, rs[i][2]).replace(/\[namelink\]/g, rs[i][2].replace(/\s/g, "-"));
		TextCont += TextTemplate.replace(/\[id\]/g, rs[i][0]).replace(/\[image\]/g, rs[i][1]).replace(/\[name\]/g, rs[i][2]).replace(/\[namelink\]/g, rs[i][2].replace(/\s/g, "-"));
	}
	div.innerHTML = ImageOpen + ImageCont + ImageClose + TextOpen + TextCont + TextClose;
	CheckRelatedButtons();
	return false;
}

CheckRelatedButtons = function(){
	var next = document.getElementById("nextRelated").childNodes[0],
		prev = document.getElementById("prevRelated").childNodes[0];
	
	if (next!=null && prev!=null && rs!=null)
	{
		if (rs.length <= count)
		{
			next.src="images/btn_next_dis.gif";
			prev.src="images/btn_prev_dis.gif";
			prDis=true;
			nrDis=true;
		}
		
		if (page == 1)
		{
			prev.src="images/btn_prev_dis.gif";
			next.src="images/btn_next.gif";
			prDis=true;
			nrDis=false;
		}
	}
	
	if (prev!=null)
	{	
		if (page > 1)
		{
			prev.src="images/btn_previous.gif";
			prDis=false;
		}
	}
	
	if (next!=null && rs!=null)
	{
		if ((page*count) >= rs.length)
		{
			next.src="images/btn_next_dis.gif";
			nrDis=true
		}
		else
		{
			next.src="images/btn_next.gif";
			nrDis=false;
		}
	}
}

HoverRelatedButtons = function(){
	var next=document.getElementById("nextRelated"),
		prev=document.getElementById("prevRelated");
	
	if (next!=null)
	{
		next.onmouseover=function()
		{
			if (!nrDis)
			{
				next.childNodes[0].src="images/btn_next_o.gif";
			}
		}
		
		next.onmouseout=function()
		{
			if(!nrDis)
			{
				next.childNodes[0].src="images/btn_next.gif";
			}
		}
	}
	
	if (prev!=null)
	{
		prev.onmouseover=function()
		{
			if (!prDis)
			{
				prev.childNodes[0].src="images/btn_previous_o.gif";
			}
		}
		
		prev.onmouseout=function()
		{
			if (!prDis)
			{
				prev.childNodes[0].src="images/btn_previous.gif";
			}
		}
	}	
}