/* Monitor Stand: Main Page **********************************
*
*	Main Functions
*
***************************************************************************/

// On Load *****************************

	addLoadEvent(setBrdButtonActions);

	
/* Add Monitor Stand To Cart *************************************************
*
*	TAKES:		Monitor Stand Name, Qty, Price
*	RETURNS:	
*	NOTES:
*
***************************************************************************/

	function addMonitorStandToCart(proudctId, qty)
	{
		var contentContainer	= document.createElement("div");
		var modificationCode 	= document.createElement("div");
		var optionText			= document.createElement("div");
		var optionValue			= "";
		
		modificationCode.style.width = "360px";
		modificationCode.style.padding = "15px";
		modificationCode.innerHTML = getElement("freeModificationOffer").innerHTML;
		
		optionText.style.width = "360px";
		optionText.style.marginTop = "15px";
		optionText.style.padding = "15px";
		optionText.style.borderTop = "solid 1px #DDDDDD";
		optionText.innerHTML	= "<b>Will you be shipping your popup graphics to Blue River Digital for modification?</b>";
		
		var btnContainer		= document.createElement("div");
		btnContainer.style.width = "360px";
		btnContainer.align		= "left";
		btnContainer.style.backgroundColor = "#EFEFEF";
		btnContainer.style.padding = "10px 20px 10px 20px";
		
			var tempDiv			= document.createElement("div");
			tempDiv.innerHTML	= "<input type=radio name=optionValueId value='Yes - please modify my graphics.'>";
			tempDiv.appendChild(document.createTextNode("  Yes, please modify my graphics."));
			btnContainer.appendChild(tempDiv);
			
			tempDiv			= document.createElement("div");
			tempDiv.innerHTML = "<input type=radio name=optionValueId value='No - I`ll cut my own graphics.'>";
			tempDiv.appendChild(document.createTextNode("  No, I'll cut my own graphics."));
			btnContainer.appendChild(tempDiv);
			
			tempDiv			= document.createElement("div");
			tempDiv.innerHTML = "<input type=radio name=optionValueId value='No - I`m using this as a freestanding stand.' checked>";
			tempDiv.appendChild(document.createTextNode("  No, I'm using this as a freestanding stand."));
			btnContainer.appendChild(tempDiv);
		
		var alignDiv	= document.createElement("div");
		alignDiv.align  = "center";
		alignDiv.style.marginTop = "20px";
		
		var btnSubmit 	= document.createElement("div");
		btnSubmit.id	= "brdButton_submit";
		btnSubmit.innerHTML	= "  Add to Cart  ";
		btnSubmit.style.width = "135px";
		
		var newAtt = document.createAttribute("onclick");
		newAtt.value = "addToCart('" + proudctId + "', '" +  qty + "')";
		
		btnSubmit.setAttributeNode(newAtt);
		alignDiv.appendChild(btnSubmit);
		
		contentContainer.appendChild(modificationCode);
		contentContainer.appendChild(optionText);
		contentContainer.appendChild(btnContainer);
		
		contentContainer.appendChild(alignDiv);
		
		textPopup("Monitor Stand Options", contentContainer.innerHTML)
		setBrdButtonActions();
		updatePopupShader();
	
	}
	
	function addToCart(productId, qty)
	{
	   	var optionElements = document.getElementsByName("optionValueId");
		var optionValue = "";
		
		for(var ctr=0; ctr<optionElements.length; ctr++)
		{
			if (optionElements[ctr].checked)
			{
				optionValue = optionElements[ctr].value;
				break;	
			}
		}
		
		var paramArray = new Array();
		paramArray.push(["action", "addItemToCart"]);
		paramArray.push(["qty", qty]);
		paramArray.push(["sku", productId]);
		paramArray.push(["option96", optionValue]);
	   	
		setAjaxPostUrl("updateData", "/shop/ajaxShoppingCartManager.aspx", paramArray, false, "location.href='/shop/shoppingCart.aspx';");
	
	}