// delimiter for separating each store
var SEPARATOR_STORE = "~";
// delimiter for separating each info within a store
var SEPARATOR_INFO = "#!";
// delimiter for separating each piece of main info
var SEPARATOR_MAIN_INFO = "#@";

function generateHtmlFavStoreInfoList(favouriteStoreInfoList)
{
		var STORE_INFO_ID = 0;
		var STORE_NAME = 1;
		var STORE_FRANCHISE_NAME = 2;
		var STORE_ADDRESS = 3;

		var htmlOutput = "<div style='border: 1px solid'><table cellpadding='4px'>";

		var favouriteFlyerInfo;
		for (var i=0; i<favouriteStoreInfoList.length ; i++)
		{
			// break up the store info into an array
			favouriteFlyerInfo = favouriteStoreInfoList[i].split(SEPARATOR_INFO);

			htmlOutput += "<tr><td>" + favouriteFlyerInfo[STORE_NAME] + "</td>" + 
				"<td>" + favouriteFlyerInfo[STORE_FRANCHISE_NAME] + "</td><td>" + 
				"<td>" + favouriteFlyerInfo[STORE_ADDRESS] + "</td><td>" + 
				"<img src='images/deleteFavourite.gif' class='cursorPointer' onclick=\"javascript:deleteFavouriteGroceryStoreInfo('" + 
				favouriteFlyerInfo[STORE_INFO_ID] + "')\" title='Remove store' alt='Remove store'/></td></tr>";
		}
		htmlOutput += "</table></div>";

		return htmlOutput;
}