var view_uw = 140;
var viewed_psize = 0; var viewed_rs = 1; var viewed_sets = 0;

function nextViewed()
{	viewed_rs++; setViewed(); }

function prevViewed()
{	viewed_rs--; setViewed(); }

function setViewed()
{
	// define element ids here
	var pname_c = 'viewed'; pname = 'viewed_tr';
	var pgname = 'viewed_nav_pg';
	var prefix = 'dview'; var url_tag = 'prod-av';
	
	var vWidth = e_clientWidth(document.getElementById(pname_c));
	var trWidth = e_clientWidth(document.getElementById(pname));
	var p = document.getElementById(pname);
	var cSize = Math.floor(vWidth/view_uw); if (!cSize) cSize = 1;
	var viewed_sets = Math.ceil(nViewed/cSize);
	
	// Fix viewed_rs wrapping
	if (viewed_rs<1) viewed_rs = viewed_sets;
	if (viewed_rs>viewed_sets) viewed_rs = 1;
	if (viewed_rs*cSize>nViewed) viewed_rs = viewed_sets;
	
	// Remove old cells
	if (viewed_psize)
	{	for(var i=1; i<=viewed_psize; i++)
		{
			var o = document.getElementById(prefix + i);
			if (o) p.removeChild(o);
		}
	}
	viewed_psize = 0;
	
	var offset = -1 + (viewed_rs-1)*cSize;
	
	var d = document.getElementById('viewed_debug');
	if (d && debug)
	{
		d.innerHTML = 'w: '+vWidth+'; tr: '+trWidth+'; size: '+cSize+'; viewed_rs: '+viewed_rs+'; show '+(1+offset)+' to '+(cSize+offset);
	}
	
	for(var i=1; i<=cSize; i++)
	{	
		if ((i+offset)>(nViewed-1)) break;

		var sku = viewedIdList[i+offset];
		var iurl = '/images/store/thumb/' + sku.replace('.','_') + '.gif';
		if (viewedIdList.length>0 && viewedIdList[i+offset]==0)
			iurl = '/images/default_tan.gif';
		var aurl = '/item--' + sku
		if (url_tag) aurl += '?nav='+url_tag;
	
		var n = document.createElement('TD');

		n.setAttribute('id',prefix + i);
		n.setAttribute('className',prefix);
		n.setAttribute('class',prefix);
		n.setAttribute('align','center');
		n.setAttribute('textAlign','center');
		n.setAttribute('verticalAlign','top');
		n.innerHTML = '<a href="' + aurl + '">';
		n.innerHTML += '<img src="' + iurl + '" width="60" height="80"></a><br>';
		n.innerHTML += '<a href="' + aurl + '">' + viewedNameList[i+offset] + '</a>';
		p.appendChild(n);

		viewed_psize++;
	}
	
	var pg = document.getElementById(pgname);
	pg.innerHTML = 'Page ' + viewed_rs + ' of ' + viewed_sets;
	
	vWidth = e_clientWidth(document.getElementById(pname_c));
	trWidth = e_clientWidth(document.getElementById(pname));
	
	if (d && debug)
	{
		d.innerHTML += '<br>after - w: '+vWidth+'; tr: '+trWidth;
	}
}