// This function adds filters
function filterApparelItems(Manufacturer_ID, Apparel_Series_ID, Time_Period_ID, Container_ID)
{
	var ElementID = "";
	// Clear any underline styles within this container
	ClearUnderlineFromChildren(document.getElementById(Container_ID));
	// Hide the Manufacturer banner for this Apparel item
	document.getElementById('manufacturer_banner').style.display = 'none';
	// Determine if Manufacturer_ID was checked
	if (Manufacturer_ID != null)
	{
		_ManufacturerID = Manufacturer_ID;
		if (_ManufacturerID != '')
		{
			if (_ManufacturerID == 1)
			{
				document.getElementById('manufacturer_banner_img').src = "img/manufacturers/banner_1.jpg"; // ValorWear
				ElementID = 'filter_m'+Manufacturer_ID;
				document.getElementById(ElementID).style.textDecoration = 'underline';
			}
			else if (_ManufacturerID == 2)
			{
				document.getElementById('manufacturer_banner_img').src = "img/manufacturers/banner_2.png"; // OspreyApparel
				ElementID = 'filter_m'+Manufacturer_ID;
				document.getElementById(ElementID).style.textDecoration = 'underline';
			}
			else
			{
				document.getElementById('manufacturer_banner_img').src = "img/manufacturers/banner_1.jpg"; // ValorWear
			}
			document.getElementById('manufacturer_banner').style.display = 'block';
		}
	}
	// Determine if Apparel_Series_ID was checked
	if (Apparel_Series_ID != null)
	{	
		_ApparelSeriesID = Apparel_Series_ID;	
		if (Apparel_Series_ID != '')
		{
			ElementID = 'filter_as'+Apparel_Series_ID;
			document.getElementById(ElementID).style.textDecoration = 'underline';
		}
	}
	// Determine if Time_Period_ID was checked
	if (Time_Period_ID != null)
	{	
		_TimePeriodID = Time_Period_ID;	
		if (Time_Period_ID != '')
		{
			ElementID = 'filter_tp'+Time_Period_ID;
			document.getElementById(ElementID).style.textDecoration = 'underline';
		}
	}
	var url = 'ajax/filterApparel.php?ManID=' + _ManufacturerID + '&ASeriesID=' + _ApparelSeriesID + '&TimePeriodID=' + _TimePeriodID;
	//alert(url);
	//document.getElementById('URLPanel').innerHTML = url;
	httpReqQUEUE(url, 'handleFilterApparelItems');
}
function filterAppender(url)
{
	//alert(url);
	url = url + '&mid=' + _ManufacturerID + '&asid=' + _ApparelSeriesID + '&tpid=' + _TimePeriodID;
	//alert(url);
	document.location.href = url;
	return false;
}
function ClearUnderlineFromChildren(obj)
{
	if (obj)
	{
		if (obj.hasChildNodes())
		{
			for (var i = 0; i < obj.childNodes.length; i++)
			{
				if (obj.childNodes)
				{
					// If the current childNode has a valid CSS style property
					if (obj.childNodes[i].style)
					{
						obj.childNodes[i].style.textDecoration = 'none';
					}
					// If the current childNode has children
					if (obj.childNodes[i].hasChildNodes())
					{
						// Iterate through childNodes of this node
						ClearUnderlineFromChildren(obj.childNodes[i]);
					}
				}
			}
		}
	}
}
function handleFilterApparelItems(pos)
{
	var response = httpReqQueue[pos].xmlhttp.responseText;
	var OutputHTML = "";
	var recordsets = response.split("~");
	//alert("|"+recordsets[0].length+"|");
	if (recordsets[0].length == 0)
	{
		OutputHTML = "No items found";
	}
	else
	{
		/*
		recordsets[0] = "1|img/apparel/VictoryWear/shelf/item-31.jpg|MTCA Doughboy`2|img/apparel/VictoryWear/shelf/item-33.jpg|I Want You`3|img/apparel/VictoryWear/shelf/item-34.jpg|Victory`4|img/apparel/VictoryWear/shelf/item-35.jpg|Gee I Wish I Were a Man`5|img/apparel/VictoryWear/shelf/item-36.jpg|The Comforter`6|img/apparel/VictoryWear/shelf/item-31.jpg|MTCA Doughboy`7|img/apparel/VictoryWear/shelf/item-33.jpg|I Want You`8|img/apparel/VictoryWear/shelf/item-34.jpg|Victory`9|img/apparel/VictoryWear/shelf/item-35.jpg|Gee I Wish I Were a Man`10|img/apparel/VictoryWear/shelf/item-36.jpg|The Comforter`11|img/apparel/VictoryWear/shelf/item-31.jpg|MTCA Doughboy`12|img/apparel/VictoryWear/shelf/item-33.jpg|I Want You`13|img/apparel/VictoryWear/shelf/item-34.jpg|Victory`14|img/apparel/VictoryWear/shelf/item-35.jpg|Gee I Wish I Were a Man`15|img/apparel/VictoryWear/shelf/item-36.jpg|The Comforter`16|img/apparel/VictoryWear/shelf/item-31.jpg|MTCA Doughboy`17|img/apparel/VictoryWear/shelf/item-33.jpg|I Want You`18|img/apparel/VictoryWear/shelf/item-34.jpg|Victory`19|img/apparel/VictoryWear/shelf/item-35.jpg|Gee I Wish I Were a Man`20|img/apparel/VictoryWear/shelf/item-36.jpg|The Comforter";
		*/
		_pagedRecordset = recordsets[0];
		var rows = recordsets[0].split("`");
		var rowCounter = rows.length;
		if (_itemsPerPage < rows.length)
		{	rowCounter = _itemsPerPage; }
		var numItemsOutput = 0;
		// Loop through all rows in this recordset
		for (var j = 0; j < rowCounter; j++)
		{
			var cols = rows[j].split("|");
			// Columns of data here
			OutputHTML += "<a href=\"javascript:filterAppender('apparel.php?id="+cols[0]+"')\" title=\""+cols[2]+"\"><img src=\""+cols[1]+"\" alt=\""+cols[2]+"\" height=\"118\" width=\"115\" border=\"0\"></a>\n";
			numItemsOutput++;
			if (numItemsOutput % 4 == 0)
			{
				OutputHTML += "<div class=\"clear\"></div>\n";
			}
		}
		if (numItemsOutput < _itemsPerPage)
		{
			OutputHTML += "<div class=\"clear\"></div>\n";
		}
		OutputHTML += "<p>";
		// Output the paged number links at the bottom
		for (var i = 0; i < Math.ceil(rows.length / _itemsPerPage); i++)
		{
			if (i == 0)
			{
				OutputHTML += "Page(s): <a class=\"pagingActive\" href=\"javascript:changeShelfPage('"+(i*_itemsPerPage)+"')\">"+(i+1)+"</a>";
			}
			else
			{
				OutputHTML += " | <a class=\"paging\" href=\"javascript:changeShelfPage('"+(i*_itemsPerPage)+"')\">"+(i+1)+"</a>";
			}
		}
		OutputHTML += "</p>";
	}		
	// Fill the apparel shelf with images			
	document.getElementById('apparel_shelf').innerHTML = OutputHTML;
	document.getElementById("Manufacturer_Name").innerHTML = recordsets[1];
	document.getElementById("Apparel_Series_Name").innerHTML = recordsets[2];
	document.getElementById("Time_Period_Name").innerHTML = recordsets[3];
	
	if (recordsets[4] != undefined)
	{
		var OutputHTML = "<div class=\"filterHeading\" onClick=\"filterApparelItems(null, '', null, 'filterPanelApparelSeries')\" title=\"Show All Series\">All Series</div>\n";
		// Fill the Apparel Series filter panel
		var rows = recordsets[4].split("`");
		for (var i = 0; i < rows.length; i++)
		{
			var cols = rows[i].split("|");
			OutputHTML += "<div class=\"filter\" id=\"filter_as"+cols[0]+"\" onClick=\"filterApparelItems(null, '"+cols[0]+"', null, 'filterPanelApparelSeries')\" title=\""+cols[1]+"\">"+cols[1]+" ("+cols[2]+")</div>\n";		
		}
		document.getElementById('filterPanelApparelSeries').innerHTML = OutputHTML;
	}
	
	if (recordsets[5] != undefined)
	{
		var OutputHTML = "<div class=\"filterHeading\" onClick=\"filterApparelItems(null, null, '', 'filterPanelTimePeriods')\" title=\"Show All Time Periods\">All Time Periods</div>\n";
		// Fill the Time Periods filter panel
		var rows = recordsets[5].split("`");
		for (var i = 0; i < rows.length; i++)
		{
			var cols = rows[i].split("|");
			OutputHTML += "<div class=\"filter\" id=\"filter_tp"+cols[0]+"\" onClick=\"filterApparelItems(null, null, '"+cols[0]+"', 'filterPanelTimePeriods')\" title=\""+cols[1]+"\">"+cols[1]+" ("+cols[3]+")</div>\n";		
		}
		document.getElementById('filterPanelTimePeriods').innerHTML = OutputHTML;
	}	
}

function changeShelfPage(pageStartIndex)
{
	var rows = _pagedRecordset.split("`");
	var OutputHTML = "";
	var numItemsOutput = 0;
	// Loop through all rows in this recordset
	for (var j = pageStartIndex; j < parseInt(pageStartIndex)+parseInt(_itemsPerPage); j++)
	{
		if (rows[j] != undefined)
		{
			var cols = rows[j].split("|");
			// Columns of data here
			OutputHTML += "<a href=\"javascript:filterAppender('apparel.php?id="+cols[0]+"')\" title=\""+cols[2]+"\"><img src=\""+cols[1]+"\" alt=\""+cols[2]+"\" height=\"118\" width=\"115\" border=\"0\"></a>\n";
			numItemsOutput++;
			if (numItemsOutput % 4 == 0)
			{
				OutputHTML += "<div class=\"clear\"></div>\n";
			}
		}
	}
	if (numItemsOutput < _itemsPerPage)
	{
		OutputHTML += "<div class=\"clear\"></div>\n";
	}
	OutputHTML += "<p>";
	// Output the paged number links at the bottom
	for (var i = 0; i < Math.ceil(rows.length / _itemsPerPage); i++)
	{
		if (i == 0)
		{
			OutputHTML += "Page(s): <a class=\"";
			if (i == pageStartIndex/_itemsPerPage)
			{ OutputHTML += "pagingActive";	}
			else
			{ OutputHTML += "paging"; }
			OutputHTML += "\" href=\"javascript:changeShelfPage('"+(i*_itemsPerPage)+"')\">"+(i+1)+"</a>";
		}
		else
		{
			OutputHTML += " | <a class=\"";
			if (i == pageStartIndex/_itemsPerPage)
			{ OutputHTML += "pagingActive";	}
			else
			{ OutputHTML += "paging"; }
			OutputHTML += "\" href=\"javascript:changeShelfPage('"+(i*_itemsPerPage)+"')\">"+(i+1)+"</a>";
		}
	}
	OutputHTML += "</p>";
	// Fill the apparel shelf with images			
	document.getElementById('apparel_shelf').innerHTML = OutputHTML;
}

function validateApparelForm()
{
	document.getElementById('ApparelShop').submit();
}

function ShowApparelDetailView(Design_ID)
{	
	if (Design_ID.length > 0)
	{		
		ShowBackgroundOverlay();	
		document.getElementById('DetailImage').style.display = "none";	
		
		var DVPanelObj = document.getElementById('DetailViewPanel');
		// Apply settings to DetailViewPanel element
		DVPanelObj.style.left = ((DetailViewPanel_width-515)/2)+'px';
		if ( ((DetailViewPanel_height-420)/2) < 0)
		{	DVPanelObj.style.top = "30px";	}
		else
		{	DVPanelObj.style.top = ((DetailViewPanel_height-515)/2)+'px';	}	
		DVPanelObj.style.display = "block";		
		
		var DVBackgroundObj = document.getElementById('DetailViewBackground');
		// Apply settings to DetailViewBackground element
		DVBackgroundObj.style.left = ((DetailViewPanel_width-519)/2)+'px';
		DVBackgroundObj.style.top = ((DetailViewPanel_height-424)/2)+'px';
		if ( ((DetailViewPanel_height-424)/2) < 0)
		{	DVBackgroundObj.style.top = '0px';	}
		else
		{	DVBackgroundObj.style.top = ((DetailViewPanel_height-424)/2)+'px';	}
		DVBackgroundObj.style.MozOpacity = ""+(BorderBackground_opacity/100);
		DVBackgroundObj.style.opacity = ""+(BorderBackground_opacity/100);
		DVBackgroundObj.style.filter = 'alpha(opacity='+BorderBackground_opacity+')';
		DVBackgroundObj.style.display = "block";
		
		document.getElementById('LoadingImage').style.display = "block";
	
		var url = "ajax/getApparelDetailViewImages.php?id="+escape(Design_ID);
		//alert (url);
		httpReqQUEUE(url, 'handleDesignImgResponse');
	}	
}