var displayFooter = false;
var displaySidebar = false;

function initFeaturedProducts(showFooter, showSidebar)
{
    displayFooter = showFooter;
    displaySidebar = showSidebar;
    //loadFeaturedProductsList();
}

function loadFeaturedProductsList()
{
	var url = "/featuredproducts.xml";
	Xml.makeRequest(url, null, loadFeaturedProductsCallback, null);

	productsUpdaterTimeout = window.setTimeout("loadFeaturedProductsList()", PRODUCTS_REFRESH_TIME);
}

function parseFeaturedProducts(xmlRequest)
{
	var xml = xmlRequest.responseXML;

	var products = new Array();
	if (xmlRequest.status != 200)
	{
		return ERROR_CONNECTION_PROBLEM;
	}

	var rootNode = Xml.findChild(xml, "featuredProducts");

	if (!rootNode)
	{
		//alert(xmlRequest.responseText);
		return products;
	}

	var productNodes = rootNode.getElementsByTagName("product");

	for (var i = 0; i < productNodes.length; i++)
	{
		var productNode = productNodes[i];
		var tempNode;

		tempNode = Xml.findChild(productNode, "id");
		var id = tempNode.firstChild.nodeValue;

		tempNode = Xml.findChild(productNode, "name");
		var name = tempNode.firstChild.nodeValue;

		tempNode = Xml.findChild(productNode, "price");
		var price = tempNode.firstChild.nodeValue;

		tempNode = Xml.findChild(productNode, "thumbnail");
		var thumbnail = tempNode.firstChild.nodeValue;

		var colors = Array();
		colorsNode = Xml.findChild(productNode, "colors");
		colorsNodes = colorsNode.getElementsByTagName("color");
        for (var j = 0; j < colorsNodes.length; j++)
        {
            colors[j] = colorsNodes[j].firstChild.nodeValue;
        }

		products[i] =
		{
			id: id,
			name: name,
			price: price,
			thumbnail: thumbnail,
			colors: colors.join(', ')
		}
	}

	return products;
}

function loadFeaturedProductsCallback(xmlRequest)
{
	var products = parseFeaturedProducts(xmlRequest);
	var footerFeaturedProductDiv = getElementById("footerFeaturedProduct");
    var sidebarFeaturedProductsDiv = getElementById("sidebarFeaturedProducts");

	if (products == ERROR_CONNECTION_PROBLEM)
	{
        //Do nothing for now
	}
	else if (products.length == 0)
	{
        //Do nothing for now
	}
	else
	{
	    if (displayFooter)
	    {
            footerFeaturedProductDiv.innerHTML = '<div style="float:left;color:#999999;width:120px"><p><span class="style3"><b>featured style</b></span></p><span class="style3"><b>' +products[0].name+ '</b></span><br />Available Now<br />$' +products[0].price+ '<br /><p class="style2"> Colors: ' +products[0].colors+ '</p></div><div style="float:right"><img src="' +products[0].thumbnail+ '" width="121" height="103" border="0"><br></div>';
	    }

	    if (displaySidebar)
	    {
            sidebarOutput = "";
    		for (var i = 1; i < products.length; i++)
    		{
                  sidebarOutput += '<p align="center"><img src="'+products[i].thumbnail+'" width="121" height="103" border="0"> <br>'+products[i].name+'</p>';
    		}
    		sidebarFeaturedProductsDiv.innerHTML = sidebarOutput;
	    }
	}
}

var ERROR_CONNECTION_PROBLEM = 1;
var PRODUCTS_REFRESH_TIME = 30000; //30 seconds between refreshes