var flashCode = "";
 
			function hideDropDown() {
			   var ns6 = document.getElementById && !document.all
			   if (openedDropDown != "") {
			     var openedDropDownElement = ns6 ? document.getElementById(openedDropDown) : document.all[openedDropDown];
				 var parentElement = openedDropDownElement.parentNode;
				 parentElement.removeChild(openedDropDownElement);
			     openedDropDown = "";
				 
				    var myFlashContainer = ns6 ? document.getElementById("welcomeflash") : document.all["welcomeflash"];
					if (myFlashContainer != null) {
					 
					  myFlashContainer.innerHTML = flashCode;
					}

			   }
			}
		    var openedDropDown = "";
						
		    function doFormElement(elementID) {
			  var ns6 = document.getElementById && !document.all
			  var tempCurrentOpenedDropDown = openedDropDown;
			  
			  if (openedDropDown != "") {
			    hideDropDown();
			   }
			   
			   if (tempCurrentOpenedDropDown != (elementID + "-expand")) {

				
						var myFlashContainer = ns6 ? document.getElementById("welcomeflash") : document.all["welcomeflash"];

					var myContainerElement = ns6 ? document.getElementById(elementID + "-container") : document.all[elementID + "-container"];
					var myDataContainerElement = ns6 ? document.getElementById(elementID) : document.all[elementID];
					
					var myNewDiv = document.createElement("div");

					
					
					myNewDiv.className = "dropDown";
					if (elementID == "product-type") {
					myNewDiv.top = "20px";
					
					} else if (elementID == "color") {
					myNewDiv.top = "40px";
					
					} else if (elementID == "pcn") {
					myNewDiv.top = "60px";
					myNewDiv.style.height = "200px";
					myNewDiv.style.width = "200px";
					}
					
					myNewDiv.id = elementID + "-expand";
					myExistingSelectionsArray = new Array();
					if (myDataContainerElement.value != null) {
					  myExistingSelectionsArray = myDataContainerElement.value.split(", ");
					}
					myExistingSelections = new Array();
					
					for (i = 0; i < myExistingSelectionsArray.length; i++) {
					  currentValue = myExistingSelectionsArray[i];
					  myExistingSelections[currentValue] = true;
					}
					
					openedDropDown = elementID + "-expand";
					
					if (elementID == "color") {
					   myArray = colorArray;
					} else if (elementID == "product-type") {
					  myArray = productTypeArray;
					} else if (elementID == "pcn") {
					  myArray = productCategoryArray;
					}
					//alert (elementID);
					myHTML = "";
					myListTable = document.createElement("table");
					myListTable.className = "option-item-list";
					myListTable.cellPadding = 0;
					myListTable.cellSpacing = 0;
					myListTBody = document.createElement("tbody");
					
					for (var key in myArray) {
					  
					  var myTableRow = document.createElement("tr");
					  if (myExistingSelections[key] == true) {
					    myTableRow.className = "option-item-selected";					  
					  } else {
					    myTableRow.className = "option-item";
					  }
					  var myFirstCell = document.createElement("td");
					  myFirstCell.className = "option-item-l";
					  
					  var mySecondCell = document.createElement("td");
					  mySecondCell.className = "option-item";

					  
					  var myCheckbox = document.createElement("input");
					  if (elementID == "color") {
					    myCheckbox.type = "checkbox";
					  } else {
					    myCheckbox.type = "radio";
					  }
					  
					  myCheckbox.className = "option-item";
					  myCheckbox.value = key;
					  myCheckbox.setAttribute("name", elementID+"temp");					 
					 
					  
				      if (myExistingSelections[key] == true) {
					     myCheckbox.checked = true;
					     //myCheckbox.selected = true;
						 
					   } 					  
					  
					  // create ie radio button
					  if (!ns6 && elementID != "color") {
						  if (myExistingSelections[key] == true) {
							 additional = "checked";
						   } else {
						     additional = "";
						   } 					    
					    myCheckbox = document.createElement("<input type'radio' name='"+elementID+"temp' type='radio' value='"+key +"' " + additional + ">");
					  } else if (!ns6 && elementID == "color") {
						  if (myExistingSelections[key] == true) {
							 additional = "checked";
						   } else {
						     additional = "";
						   } 					    
					    myCheckbox = document.createElement("<input type'radio' name='"+elementID+"temp' type='checkbox' value='"+key +"' " + additional + ">");
					  
					  
					  }
					
					   myFirstCell.appendChild(myCheckbox);
					  mySecondCell.appendChild(document.createTextNode(myArray[key]));
					  
					  mySecondCell.onclick = function () {
					    toggleOption(this.parentNode.firstChild.firstChild, false);
					  }
					  myCheckbox.onclick = function () {
					    toggleOption(this, true);
					  }
					  
					  myTableRow.appendChild(myFirstCell);
					  myTableRow.appendChild(mySecondCell);
					  myListTBody.appendChild(myTableRow);
					}
					
					myListTable.appendChild(myListTBody);
					//myShim.style.height = myListTBody.style.height;
					//myShimmedDiv.appendChild(myListTable);
					myNewDiv.appendChild(myListTable);
					//alert(myNewDiv.innerHTML);

					myContainerElement.parentNode.parentNode.appendChild(myNewDiv);
					
					//myFlashContainer.style.display = "hidden";
					//alert(myFlashContainer.innerHTML);
					
					
					//alert(flashCode);
					if (myFlashContainer != null) {
					  flashCode = myFlashContainer.innerHTML;
					  myFlashContainer.innerHTML = "<a onmouseover='javascript:hideDropDown()'><img src='/_flash/newest.jpg' border='0' width='970' height='254' /></a>";
					}
					//alert(myFlashContainer.innerHTML);
				
				}
			
			}
			
			function toggleOption(checkbox, isCheckbox) {
			 
			  if (checkbox.checked) {
			    if (isCheckbox) {
					checkbox.checked = true;
					
					checkbox.parentNode.parentNode.className = "option-item-selected";				
				} else {
				
					checkbox.checked = false;
					checkbox.parentNode.parentNode.className = "option-item";				
				}

		      } else if (!checkbox.checked) {
			    if (isCheckbox) {
					checkbox.checked = false;
					checkbox.parentNode.parentNode.className = "option-item";				
				
				} else {
			      checkbox.checked = true;
			      checkbox.parentNode.parentNode.className = "option-item-selected";
				}
			  }
			  
			  setFormFields(checkbox.parentNode.parentNode.parentNode.parentNode, checkbox.name);
			}
			
			function setFormFields(containerCell, formFieldType) {
				var ns6 = document.getElementById && !document.all
				var myFormFieldTypeName = formFieldType.replace(/temp/gi, "");
				var myFormField = ns6 ? document.getElementById(myFormFieldTypeName) : document.all[myFormFieldTypeName];
			    
				var myFormFieldDataContainer = ns6 ? document.getElementById(myFormFieldTypeName + "-container") : document.all[myFormFieldTypeName + "-container"];
				var myFormFieldSubmitDataContainer = ns6 ? document.getElementById(myFormFieldTypeName) : document.all[myFormFieldTypeName];
				//alert (myFormFieldTypeName);
				var myTableBody = containerCell.firstChild;

                var myFormFieldData = "";
				var myFormFieldSubmitData = "";
				
				for (i = 0; i < myTableBody.childNodes.length; i++) {
				  var myRow = myTableBody.childNodes[i];
				  
				  var myCheckbox = myRow.firstChild.firstChild;
				  var myCheckboxName = myRow.childNodes[1].innerHTML;
				  
				  
				  if (myCheckbox.checked || myCheckbox.selected) {
				 
			
						if (myFormFieldData != "") {
						  myFormFieldData += ", ";
						  myFormFieldSubmitData += ", ";
						} 
					
					myFormFieldSubmitData += myCheckbox.value;
				    myFormFieldData += myCheckboxName;
				  } else if (myFormFieldTypeName == "product-type" || myFormFieldTypeName == "pcn") {
				    myRow.className = "option-item";
					
				  }
				}				
				
				if (myFormFieldData.length > 20) {
				  myFormFieldData = myFormFieldData.substr(0, 17) + "...";
				} 
				  
		        myFormFieldSubmitDataContainer.value = myFormFieldSubmitData;
				//alert (myFormFieldSubmitDataContainer.value);
				myFormFieldDataContainer.value = myFormFieldData;
							
			}
		    

  function removeSearchBarExpandableContainerContent() {
     var ns6 = document.getElementById && !document.all

	 var myExpandArea          = ns6 ? document.getElementById("search-bar-expandable-container") : document.all["search-bar-expandable-container"];

     myContainerDiv = ns6 ? document.getElementById("search-bar-expandable-container-content") : document.all["search-bar-expandable-container-content"];

	 myExpandArea.removeChild(myContainerDiv);
	 myExpandArea.className        = "search-bar-expandable-container_empty";

  }
  
  function addSearchBarExpandableContainerContent() {
	 var ns6 = document.getElementById && !document.all

	 var myExpandArea          = ns6 ? document.getElementById("search-bar-expandable-container") : document.all["search-bar-expandable-container"];

	  var myTabHTML = "";
	  if (searchBarState == "product-quick") {
	    myTabHTML = "Enter a product id (example: 123 or epic)";

	  } else if (searchBarState == "product-smart") {
	    myTabHTML = "Choose the type of product you're looking for";
	  
	  } else if (searchBarState == "product-guided") {
	    myTabHTML = "Specify each parameter of the type of website template you're looking for";
	  
	  } else if (searchBarState == "kb") {
	    myTabHTML = "Phrase your query as a question, or a topic, and our search will pull up all relavant support articles.";
	  
	  } else if (searchBarState == "forum") {
	    myTabHTML = "Query our community of web developers for all issues relating to support of our products and general web development practices.";
	  }
     myContainerDiv = document.createElement("div");
	 myContainerDiv.id = "search-bar-expandable-container-content";
	 myContainerDiv.innerHTML = myTabHTML;
	 myExpandArea.appendChild(myContainerDiv);
	 
	 myExpandArea.className        = "search-bar-expandable-container_occupied";  

  }


  function toggleSearchBar() {
	var ns6 = document.getElementById && !document.all
	var myExpandButton        = ns6 ? document.getElementById("search-bar-controller-button") : document.all["search-bar-controller-button"];
	
	
	// fill the expanding space and switch the tab-button to "shrink" button
	if (myExpandButton.className == "search-bar-expand-button") {
	  addSearchBarExpandableContainerContent();
	  myExpandButton.className      = "search-bar-shrink-button";
	 
	} else {
	   removeSearchBarExpandableContainerContent();
	   myExpandButton.className      = "search-bar-expand-button";
	}
  
  }