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

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

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

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

CheckRelatedButtons = function(){
	var next = document.getElementById("nextRelated").childNodes[0],
		prev = document.getElementById("prevRelated").childNodes[0];
		
		alert (next + '\n\n' + prev)
	
	if (next!=null && prev!=null && rp!=null)
	{
		if (rp.length - 1 <= 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 && rp!=null)
	{
		if ((page*count) >= rp.length - 1)
		{
			next.src="images/btn_next_dis.gif";
			nrDis=true
		}
		else
		{
			next.src="images/btn_next.gif";
			nrDis=false;
		}
	}
}


CheckRelatedButtons2 = function(){
	var st_imgPrev = document.getElementById("IMG_ID_Prev"),
	    st_imgNext = document.getElementById("IMG_ID_Next");
		
		
	var st_aPrev = document.getElementById("prevRelated"),
	    st_aNext = document.getElementById("nextRelated");
		
		if (page == 1)
		{
		    if (rp.length == 1)
		    {
			    st_imgPrev.src="images/btn_prev_dis.gif";
			    st_imgNext.src="images/btn_next_dis.gif";
			    
			    //st_aPrev.href = "#";
			    //st_aNext.href = "#";
			    
			    st_aPrev.style.visibility = "hidden";
			    st_aNext.style.visibility = "hidden";
		    }
		    else
		    {
			    st_imgPrev.src="images/btn_prev_dis.gif";
			    st_imgNext.src="images/btn_next.gif";

			    st_aPrev.href = "#";
			    st_aNext.href = "#" + (page + 1);
			    
			    st_aPrev.style.visibility = "hidden";
			    st_aNext.style.visibility = "visible";
		    }

		}
		
		if (page > 1 && page < rp.length)
		{
			st_imgPrev.src="images/btn_previous.gif";
			st_imgNext.src="images/btn_next.gif";

		    st_aPrev.href = "#" + (page - 1);
		    st_aNext.href = "#" + (page + 1);
			    
		    st_aPrev.style.visibility = "visible";
		    st_aNext.style.visibility = "visible";
		}
		
		if (page == rp.length)
		{
		    if (rp.length == 1)
		    {
			    st_imgPrev.src="images/btn_prev_dis.gif";
			    st_imgNext.src="images/btn_next_dis.gif";
			    
			    st_aPrev.href = "#";
			    st_aNext.href = "#";
			    
		        st_aPrev.style.visibility = "hidden";
		        st_aNext.style.visibility = "hidden";
		    }
		    else
		    {
			    st_imgPrev.src="images/btn_previous.gif";
			    st_imgNext.src="images/btn_next_dis.gif";

			    st_aPrev.href = "#" + (page - 1);
			    st_aNext.href = "#2";
			    
			    st_aPrev.style.visibility = "visible";
			    st_aNext.style.visibility = "hidden";
		    }
		}
	
}




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";
			}
		}
	}	
}