// Set up some GLOBAL variables for shop.php page
var _CollectableCollectionID = '';
var _ProductTypeID = '';
// This function adds filters
function filterCollectableItems(Collectable_Collection_ID, Product_Type_ID, Container_ID)
{
	var ElementID = "";
	// Clear any underline styles within this container
	ClearUnderlineFromChildren(document.getElementById(Container_ID));
	// Determine if Collectable_Collection_ID was checked
	if (Collectable_Collection_ID != null)
	{	
		_CollectableCollectionID = Collectable_Collection_ID;	
		if (Collectable_Collection_ID != '')
		{
			ElementID = 'filter_cc'+Collectable_Collection_ID;
			document.getElementById(ElementID).style.textDecoration = 'underline';
		}
	}
	// Determine if Product_Type_ID was checked
	if (Product_Type_ID != null)
	{	
		_ProductTypeID = Product_Type_ID;	
		if (Product_Type_ID != '')
		{
			ElementID = 'filter_pt'+Product_Type_ID;
			document.getElementById(ElementID).style.textDecoration = 'underline';
		}
	}
	var url = 'ajax/filterCollectables.php?ColColID='+_CollectableCollectionID+'&ProductTypeID='+_ProductTypeID;
	//alert(url);
	//document.getElementById('URLPanel').innerHTML = url;
	httpReqQUEUE(url, 'handleFilterCollectableItems');
}

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 handleFilterCollectableItems(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=\"collectables.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 class=\"pagingText\">";
		// 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>";
	}
	document.getElementById('collectables_shelf').innerHTML = OutputHTML;
	document.getElementById("Collectible_Collection_Name").innerHTML = recordsets[1];
	document.getElementById("Product_Type_Name").innerHTML = recordsets[2];
}

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=\"collectables.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 class=\"pagingText\">";
	// 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('collectables_shelf').innerHTML = OutputHTML;
}

function validateCollectablesForm()
{
	document.getElementById('CollectablesShop').submit();
}

function ShowCollectableDetailView(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/getCollectibleDetailViewImages.php?id="+escape(Design_ID);
		//alert (url);
		httpReqQUEUE(url, 'handleDesignImgResponse');
	}	
}