// JavaScript Document

var productList = new Array();

var pageSize = 4;

var productPerLine = 2;

var containerId = 'item-list';

var productTemplate = '<li><a href="{linkUrl}"><div class="NewsSummaryField"><img src="{imageUrl}"/><br />{name}</div></a><br /></li>';



function addProduct(name, linkUrl, imageUrl) {

	var productDetails = new Array();

	productDetails['name'] = name;

	productDetails['linkUrl'] = linkUrl;

	productDetails['imageUrl'] = imageUrl;

	

	productList.push(productDetails);

}



function showProduct(page) {
	
	if (page == null) page = 1;

	// page must be >= 1

	page = Math.max(1, page);

	// page must be <= page count

	page = Math.min(page, Math.ceil(productList.length / pageSize));

	// look for first product

	var first = (page - 1)* pageSize;

	// look for last product, must within the array

	var last = Math.min(productList.length - 1, page * pageSize);

	if( ( last - first ) == pageSize )
		last--;

	var htmlContent = '<ul>';

	for ( idx = first; idx <= last; idx ++ ) {

		// get product details

		var productDetails = productList[idx];

		

		// bind template

		var html = productTemplate;

		html = html.replace('{name}', productDetails['name']);

		html = html.replace('{linkUrl}', productDetails['linkUrl']);

		html = html.replace('{imageUrl}', productDetails['imageUrl']);

		

		// add to buffer

		htmlContent += html;

	}

	htmlContent += '</ul>';

	

	// add to container

	document.getElementById(containerId).innerHTML = htmlContent;

}



 function showFirstPage() {

showProduct(1);

}