function changeBagFabric(fabric)
{
	var myBag = document.getElementById('exterior_image');
	myBag.style.backgroundImage = 'url(' + fabric.src + ')';
	
	//set value of hidden input
	setHiddenInput('exterior_image', fabric);		
}

function changeFabric(objectId, fabric)
{
	var myBag = document.getElementById(objectId);
	myBag.src = fabric.src;
	
	//set value of hidden input
	setHiddenInput(objectId, fabric);
}

function setHiddenInput(objectId, fabric)
{
	//set value of hidden input	
	result = objectId.substring(0, objectId.lastIndexOf('_')) + '_hidden';	
	document.getElementById(result).value = fabric.name;
}

var required = new Array();
var addMoreRequired = true;
function addRequired(objectId)
{
	if (addMoreRequired)
	{
		//alert(objectId);
		required[required.length] = objectId;
	}
}

function verifyRequired()
{
	var passed = true;
	
	for (i = 0; i < required.length; i++) 
	{
		var hiddenObject = document.getElementById(required[i].substring(0, required[i].lastIndexOf('_')) + '_hidden');		
		if (hiddenObject.value == 'n/a' || hiddenObject.value == null)
		{
			passed = false;
			break;
		}
	}
	
	if (!passed)
	{
		alert ('Please select a fabric for each handbag section.  One or more selections are empty.');
	}
	return passed;
}

function selectAttribute(selected, attribute)
{	
	//using a try-catch for every statement is ineffecient programming but it was the easiest way around a problem
	//we should dynamically generate this javascript and only show rows for items that exist
	//instead we are showing the javascript for every attribute whether it exists or not
	//the try-catch allows every line to execute even if the previous line errored because the item doesn't exist

	//hide fabric tables
	if(document.getElementById('exterior_image'))	{document.getElementById('exterior_fabric').style.display = 'none'; addRequired('exterior_fabric');}	
	if(document.getElementById('exterior_pocket_image'))	{document.getElementById('exterior_pocket_fabric').style.display = 'none'; addRequired('exterior_pocket_fabric');}	
	if(document.getElementById('exterior_cording_image'))	{document.getElementById('exterior_cording_fabric').style.display = 'none'; addRequired('exterior_cording_fabric');}	
	if(document.getElementById('exterior_cuff_image'))	{document.getElementById('exterior_cuff_fabric').style.display = 'none'; addRequired('exterior_cuff_fabric');}	
	if(document.getElementById('exterior_flap_image'))	{document.getElementById('exterior_flap_fabric').style.display = 'none'; addRequired('exterior_flap_fabric');}	
	if(document.getElementById('strap_image'))	{document.getElementById('strap_fabric').style.display = 'none'; addRequired('strap_fabric');}	
	if(document.getElementById('interior_image'))	{document.getElementById('interior_fabric').style.display = 'none'; addRequired('interior_fabric');}	
	if(document.getElementById('interior_pocket_image'))	{document.getElementById('interior_pocket_fabric').style.display = 'none'; addRequired('interior_pocket_fabric');}
	addMoreRequired = false;
	
	//revert selected attribute classes
	if(document.getElementById('exterior_cell'))	{document.getElementById('exterior_cell').className = 'original';}	
	if(document.getElementById('exterior_pocket_cell'))	{document.getElementById('exterior_pocket_cell').className= 'original';}	
	if(document.getElementById('exterior_cording_cell'))	{document.getElementById('exterior_cording_cell').className= 'original';}	
	if(document.getElementById('exterior_cuff_cell'))	{document.getElementById('exterior_cuff_cell').className= 'original';}	
	if(document.getElementById('exterior_flap_cell'))	{document.getElementById('exterior_flap_cell').className = 'original';}	
	if(document.getElementById('strap_cell'))	{document.getElementById('strap_cell').className= 'original';}	
	if(document.getElementById('interior_cell'))	{document.getElementById('interior_cell').className = 'original';}	
	if(document.getElementById('interior_pocket_cell'))	{document.getElementById('interior_pocket_cell').className = 'original';}	
	
	//change css class of selected bag
	if (selected)
	{
		selected.className = 'selected';
	}

	// show selected table
	var fabricTable = document.getElementById(attribute);
	fabricTable.style.display = 'block';
}

function switchClass(objectId, className)
{
	var objectName = objectId.substring(0, objectId.lastIndexOf('_')) + '_image';
	if (document.getElementById(objectName))
	{
		var item = document.getElementById(objectName);	
	}
}

function popupWindow(url) 
{
  pop = window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
  pop.focus();
}

function rowOverEffect(object) 
{
  if (object.className == 'moduleRow') object.className = 'moduleRowOver';
}

function rowOutEffect(object) 
{
  if (object.className == 'moduleRowOver') object.className = 'moduleRow';
}

function checkBox(object) 
{
  document.account_newsletter.elements[object].checked = !document.account_newsletter.elements[object].checked;
}

function showFabric(id)
{
	var url = 'showfabric.php?id=' + id;	
	pop = window.open(url,'fabricWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=400,height=400,screenX=150,screenY=150,top=150,left=150');
	pop.focus();
}