function homeBuildPage()
{
	var parentTd;
	var tempString = "";
    commonBuildPageWithoutStandardContent();
    window.onresize = homeResizeHandler;
    
    parentTd = document.getElementById("mainTableMiddleCenterCell");
    parentTd.innerHTML = "";

    tempDiv = document.createElement("div");
    tempDiv.setAttribute("id", "topMainBar");
    
    tempDiv.innerHTML += "<div id='topBarTextDiv'><table width='100%'><tr><td><img src='images/allianceminerals3.png'></td><td align='right' valign='middle'><input type='text' size = '20' id='productName' onkeypress='if(catchEnter(event)){javascript:gotoSearchPage();}'/></td><td align='left' valign='middle' style='padding-bottom:3px;padding-left:3px;padding-top:5px;'><a href='javascript:gotoSearchPage();'><img onMouseOut='MM_swapImgRestore()' onMouseOver='MM_swapImage(\"search\",\"\",\"images/searchhover.gif\",1)' src='images/search.gif'  name='search' width='81' height='20' border='0'></a></td></tr></table></div>" ;     
    tempDiv.innerHTML += "<div style='clear: both;'> </div>" ;
    tempDiv.innerHTML += "<div id='topBarDiv' ><hr id='topBarHr'/></div>" ;
        
    parentTd.appendChild(tempDiv);
    
    /* Display Slab Menu */
	parentTd.innerHTML += '<div id="slabHomeLink" class="mainLinks"><span class="defaultCursor"><img src="images/newslab.jpg" alt="slab image"/></span><br/><br/><br/><div class="iconTextDiv defaultCursor" ><b title="Please click on item below">Slab</b>&nbsp;&nbsp;<img src="images/arrow_down.jpeg" alt="arrow down image"/></div></div>';
	
	/* Display Tile Menu */
	parentTd.innerHTML += '<div id="tileHomeLink" class="mainLinks"><span class="defaultCursor"><img src="images/newtile.jpg" alt="tile image"/></span><br/><br/><br/><div class="iconTextDiv defaultCursor"   ><b title="Please click on item below">Tile</b>&nbsp;&nbsp;<img src="images/arrow_down.jpeg" alt="arrow down image"/></div></div>';	
		
	parentTd.innerHTML += '<div id="contactUsHomeLink" class="mainLinks" ><a href="contact.php?area=NorthAmerica"><img src="images/black.jpg"/><img id="contactUsImage" src="images/america.jpg" title ="Contact North America Area" alt="Contact Alliance Minerals - North America Area"/><br/><div class="iconTextDiv"><b><span>Contact&nbsp;&nbsp;In North America</span></b></div></a></div>';
	
	parentTd.innerHTML += '<div id="contactAsiaHomeLink" class="mainLinks" ><a href="contact.php?area=Asia"><img id="contactUsImage" src="images/asia.jpg" title="Contact Asia Area" alt="Contact Alliance Minerals - Asia Area"/><br/><div class="iconTextDiv"><b><span>Contact&nbsp;&nbsp;In&nbsp;&nbsp;Asia</span></b></div></a></div>';
	
	parentTd.innerHTML += '<div id="factoryHomeLink" class="mainLinks" ><a href="javascript:openfactoryPage();"><b>Factories & Quarries</b><img id="factoryImage" src="images/thumbnail_factory.jpg" border="0" title="Factory image" alt="Alliance Minerals factory image"/><br/><div class="iconTextDiv"><span class="factoryLink"><span style="color:white">Click &nbsp;here&nbsp; to see more images</span></span></div></a></div>';		
	
	parentTd.innerHTML += '<div id=ToolTip></div>' ;
	 	
	
	document.getElementById("productName").focus();
	
	var tilePullDownDiv = document.getElementById("tileHomeLink") ;
	displayTilePullDown(tilePullDownDiv,null) ;
	displayTilePullDownCleanup();
	
	var slabPullDownDiv = document.getElementById("slabHomeLink") ;
	displaySlabPullDown(slabPullDownDiv,null) ;
	displaySlabPullDownCleanup();
	
}

/*function openFactoryPage() {

    var winW = screen.availWidth-100;
    var winH = screen.availHeight-300;
    var winX = (screen.availWidth - winW) / 2;    
    var winY = (screen.availHeight - winH) / 2;
    var url= window.location.protocol +"//" + window.location.host + "/factory.php" ;

    var features = 'left=' + winX + ',top=' + winY +  
                   ',height=' + winH + ',' + 'width=' + 
                   winW + ',status=no,' + 'toolbar=no,menubar=no,location=no';
    window.open(url, null, features);
}
*/
function homeResizeHandler()
{
    commonResizeHandler();
}

function displayTilePullDown(parentDiv, evt)
{
	var numberOfLines;
	var pulldownHeight;
	var indexLocation;
	
	tileMenuChild = false;
	tileMenuParent = true;

	// Let's calculate the proper length of the pulldown box - the one in CSS is just a guess
	indexLocation = findTileInMatrix() ;
	numberOfLines = (indexLocation == -1)?(1):(productMap[indexLocation].length - 1);
	
	// Height + linespace + padding
	pulldownHeight = (14 + 10) * numberOfLines;
	
	createDropDownBoxFadeIn(10, 0, 80, pulldownHeight, 0.1, 1.0, "tileMenuPullDownDiv", parentDiv.getAttribute("id"), 50, 75, "displayTilePullDownCleanup()", "", "", "relative");
	
	if( evt !=  null )
	{
		addEvent(parentDiv, "mouseclick", commonMouseOverTileParent, true);
		addEvent(parentDiv, "mouseout", commonMouseOutTileParent, true);
		
		addEvent(document.getElementById("tileMenuPullDownDiv"), "mouseover", commonMouseOverTileChild, true);
		addEvent(document.getElementById("tileMenuPullDownDiv"), "mouseout", commonMouseOutTileChild, true);
	}

}

function displayTilePullDownCleanup()
{
	var productIterator;
	var categoryIterator;
	var tempString;
	var indexLocation;
	var parentDiv = document.getElementById("tileMenuPullDownDiv");
	
	parentDiv.innerHTML = "";
	
	indexLocation = findTileInMatrix() ;
	for  (productIterator = 1; productIterator < productMap[indexLocation].length; productIterator++)
	{
		// Because IE does not support :hover on things other than a elements
		// And because IE does not support programatic JS event addition with variables
		tempString = "";
		tempString += "<div class='commonPullDownMenuLinkDiv' onmouseover='this.style.backgroundColor = \"#565656\";' onmouseout='this.style.backgroundColor = \"\";' onclick='window.location = \"product.php?type=" + productMap[indexLocation][0][2] + "&material=" + productMap[indexLocation][productIterator][0][2] + "\";'>";
		tempString += "<a href='product.php?type=" + productMap[indexLocation][0][2] + "&material=" + productMap[indexLocation][productIterator][0][2] + "' class='pulldownMenuLink' >";
		tempString += productMap[indexLocation][productIterator][0][0];
		tempString += "</a></div>";
		parentDiv.innerHTML += tempString;
	}
}

function commonMouseOverTileParent()
{
	tileMenuParent = true;
}

function commonMouseOutTileParent()
{
	tileMenuParent = false;
	setTimeout('removeTileMenu();', 100);
}

function commonMouseOverTileChild()
{
	tileMenuChild = true;
}

function commonMouseOutTileChild()
{
	tileMenuChild = false;
	setTimeout('removeTileMenu();', 100);
}

function removeTileMenu()
{
	if ( (tileMenuChild == false) && (tileMenuParent == false) )
	{
		document.getElementById("tileHomeLink").innerHTML = '<img src="images/newtile.jpg" alt="tile image"/><br/><div class="iconTextDiv">Tile</div>';
	}
}

function findTileInMatrix()
{
	var iterator;
	for (iterator = 1; iterator < productMap.length; iterator++)
	{
		if (productMap[iterator][0][0] == "Tile")
		{
			return iterator;
		}
	}
	return -1;
}

function displaySlabPullDown(parentDiv, evt)
{
	var numberOfLines;
	var pulldownHeight;
	var indexLocation;
	
	slabMenuChild = false;
	slabMenuParent = true;

	// Let's calculate the proper length of the pulldown box - the one in CSS is just a guess
	indexLocation = findSlabInMatrix()
	numberOfLines = (indexLocation == -1)?(1):(productMap[indexLocation].length - 1);
	
	// Height + linespace + padding
	pulldownHeight = (14 + 10) * numberOfLines;
	
	createDropDownBoxFadeIn(10, 0, 80, pulldownHeight, 0.1, 1.0, "slabMenuPullDownDiv", parentDiv.getAttribute("id"), 50, 75, "displaySlabPullDownCleanup()", "", "", "relative");
	
	if( evt !=  null )
	{
		addEvent(parentDiv, "mouseover", commonMouseOverSlabParent, true);
		addEvent(parentDiv, "mouseout", commonMouseOutSlabParent, true);
		addEvent(document.getElementById("slabMenuPullDownDiv"), "mouseover", commonMouseOverSlabChild, true);
		addEvent(document.getElementById("slabMenuPullDownDiv"), "mouseout", commonMouseOutSlabChild, true);
	}

}

function displaySlabPullDownCleanup()
{
	var productIterator;
	var categoryIterator;
	var tempString;
	var indexLocation;
	var parentDiv = document.getElementById("slabMenuPullDownDiv");
	
	parentDiv.innerHTML = "";
	
	indexLocation = findSlabInMatrix()
	for  (productIterator = 1; productIterator < productMap[indexLocation].length; productIterator++)
	{
		// Because IE does not support :hover on things other than a elements
		// And because IE does not support programatic JS event addition with variables
		tempString = "";
		tempString += "<div class='commonPullDownMenuLinkDiv' onmouseover='this.style.backgroundColor = \"#565656\";' onmouseout='this.style.backgroundColor = \"\";' onclick='window.location = \"product.php?type=" + productMap[indexLocation][0][2] + "&material=" + productMap[indexLocation][productIterator][0][2] + "\";'>";
		tempString += "<a href='product.php?type=" + productMap[indexLocation][0][2] + "&material=" + productMap[indexLocation][productIterator][0][2] + "' class='pulldownMenuLink' >";
		tempString += productMap[indexLocation][productIterator][0][0];
		tempString += "</a></div>";
		parentDiv.innerHTML += tempString;
	}
}

function commonMouseOverSlabParent()
{
	slabMenuParent = true;
}

function commonMouseOutSlabParent()
{
	slabMenuParent = false;
	setTimeout('removeSlabMenu();', 100);
}

function commonMouseOverSlabChild()
{
	slabMenuChild = true;
}

function commonMouseOutSlabChild()
{
	slabMenuChild = false;
	setTimeout('removeSlabMenu();', 100);
}

function removeSlabMenu()
{
	if ( (slabMenuChild == false) && (slabMenuParent == false) )
	{
		document.getElementById("slabHomeLink").innerHTML = '<img src="images/newslab.jpg" alt="slab image"/><br/><div class="iconTextDiv">Slab</div>';
	}
}

function findSlabInMatrix()
{
	var iterator;
	for (iterator = 1; iterator < productMap.length; iterator++)
	{
		if (productMap[iterator][0][0] == "Slab")
		{
			return iterator;
		}
	}
	return -1;
}