function productBuildPage()
{
	var tempString = "";
    commonBuildPage();
    window.onresize = productResizeHandler;
    
    /* update page Title */
    
    //document.title = "Alliance Minerals - " + productInformation[0] + " - Natural Stone";
    parentDiv = document.getElementById("contentActualContentDiv");
    parentDiv.innerHTML = "";

    tempDiv = document.createElement("div");
    tempDiv.setAttribute("id", "productDivLeft");
    parentDiv.appendChild(tempDiv);
    tempDiv = document.createElement("div");
    tempDiv.setAttribute("id", "productDivRight");
    parentDiv.appendChild(tempDiv);

    buildProductDivLeft();
    buildProductDivRight();
    document.getElementById("productName").focus();

}

function productResizeHandler()
{
    commonResizeHandler();
}

function buildProductDivLeft()
{
    var parentDiv, tempSpan;
    parentDiv = document.getElementById("productDivLeft");
    parentDiv.innerHTML = "";
    
    tempSpan = document.createElement("span");
    tempSpan.setAttribute("id", "productTypeSpan");
    tempSpan.innerHTML = productInformation[0];
    parentDiv.appendChild(tempSpan);

    parentDiv.innerHTML += "<br/><br/>";
    
    tempSpan = document.createElement("span");
    tempSpan.innerHTML = productInformation[1];
    parentDiv.appendChild(tempSpan);

    parentDiv.innerHTML += "<br/>";
}
var numOfProductPerPage = 10;
function buildProductDivRight()
{
	var parentDiv;
	var tempDiv;
	var productIterator;
	var tempString;
	
	parentDiv = document.getElementById("productDivRight");
	
	// Sanity Check
	if (parentDiv == null)
	{
		return;
	}
	
	parentDiv.innerHTML = "";
	
	if (productDetails.length == 0)
	{
		parentDiv.innerHTML += "There are no products available at this time." ;
		return ;
	}
	/* When goes to MARBLE page, hide everything on the page and show only this text: Watch For Production Announcement First Quarter 2009 */
	if( document.getElementById("productTypeSpan").innerHTML == "Marble" )
	{
		parentDiv.innerHTML += "Watch For Production Announcement First Quarter 2009." ;
		return ;
	}
	
	parentDiv.innerHTML += "<div id='listProductDivId'></div>" ;
	parentDiv.innerHTML += "<div class='clearall'></div>" ;
	parentDiv.innerHTML += '<div id="Pagination" class="pagination" style="padding-left:15px;"></div>' ;
	
	displayProductByPage(0) ;
	
    // Create pagination element
     $("#Pagination").pagination(productDetails.length, {
             num_edge_entries: 0,
             num_display_entries: 5,
             items_per_page: numOfProductPerPage,
             prev_text: '<<&nbsp;Prev',
             next_text: 'Next&nbsp;>>',
             callback: eval(displayProductByPage)
      });
	
	document.getElementById("productName").value = "";
}
function displayProductByPage(page) 
{
	var parentDiv = document.getElementById("listProductDivId");
	var tempDiv ;
	var tempString = "" ;
	var max ;
	var begin ;
		
	begin = page * numOfProductPerPage ;
	if( (begin + numOfProductPerPage) <  productDetails.length )
		max = begin + numOfProductPerPage ;
	else
		max = productDetails.length ;
	
	parentDiv.innerHTML =  "" ;
	
	for (productIterator = begin; productIterator < max; productIterator++)
	{
		tempString = '<div class="productImageContainer" id="product_div_' + productIterator + '"></div>';
		parentDiv.innerHTML += tempString;
		
		tempDiv = document.getElementById("product_div_" + productIterator);
		tempDiv.innerHTML = "";
		
		tempString = "";
		tempString += '<img class="productImage" title="' + productDetails[productIterator][1] + ' image" alt="' + productDetails[productIterator][1] + " - "+ productInformation[0] + ' - Natural Stone image" src="getimage.php?id=' + productDetails[productIterator][0] + '&size=0" onclick="window.location = \'detail.php?id=' + productDetails[productIterator][0] + '\';"/><br/><br/>';
		tempString += '<a href="detail.php?id=' + productDetails[productIterator][0] + '">' + productDetails[productIterator][1] + '</a>';
		tempDiv.innerHTML = tempString;
	}
	return false;
	
}

function pageselectCallback(page_id, jq)
{
	displayProductByPage(page_id) ;
}