function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

var _officeItemListCombobox = null;
  	var _cssStyleSelectJQ = null;
  	var _animationTypeSelectJQ = null;
  	var _animationType = "slide";

		$(
			function()
			{
				var comboboxSettings = {animationSpeed: 100};
				
				// Create the example combobox
				setupCombobox();
				
				// Create the different styles combobox
				_cssStyleSelectJQ = $("#cssStyleSelect").combobox({}, comboboxSettings);
				// Combobox has its own onChange event, but the onChange of the Select element can be used as well.
				// changeAnimation works in this manner.
				_cssStyleSelectJQ.combobox.onChange = 
					function()
					{	
						changeStyle();
					};
				
				// Create the Animation types combobox
				// Note: There is no need to configure the onChange event as the event is defined in the html
				//	<select id="animationTypeSelect" onchange="changeAnimation()">
				_animationTypeSelectJQ = $("#animationTypeSelect").combobox({}, comboboxSettings);
			});
			
			// create a jquery combobx and set the Css class styles
			function setupCombobox()
			{
				_officeItemListCombobox = $('#officeItemList').combobox(
					{
						comboboxContainerClass: "comboboxContainer",
						comboboxValueContentContainerClass: "comboboxValueContainer",
						comboboxValueContentClass: "comboboxValueContent",
						comboboxDropDownClass: "comboboxDropDownContainer",
						comboboxDropDownButtonClass: "comboboxDropDownButton",
						comboboxDropDownItemClass: "comboboxItem",
						comboboxDropDownItemHoverClass: "comboboxItemHover",
						comboboxDropDownGroupItemHeaderClass: "comboboxGroupItemHeader",
						comboboxDropDownGroupItemContainerClass: "comboboxGroupItemContainer"
					},
					{
						animationType: _animationType,
						width: 157
					});
			}
			
			function changeStyle()
			{
			
				var cssStyleSelectJQ = $("#cssStyleSelect");
				var selectedStyle = cssStyleSelectJQ.val();
				selectedStyle = "style/screen/" + selectedStyle + ".css";
				
				_officeItemListCombobox.combobox.remove()
				
				$("link[@title='combobox']").attr("href", selectedStyle);
				
				// Time delay required for the new css stylesheet to be processed by the Browser,
				// otherwise, jquery.combobox cannot calculate the correct layout for the new styles
				setTimeout(setupCombobox, 1);
			}
			
			function changeAnimation()
			{
				var animationTypeSelectJQ = $("#animationTypeSelect");
				_animationType = animationTypeSelectJQ.val();
				
				_officeItemListCombobox.combobox.remove();
				setupCombobox();
			}
			
			// Example to show the dynamic insertion of data directly into the original Select element
			// and then calling the jQuery combobox to synchronise by calling update().
			function updateCombobox()
			{
				var officeItemListSelectJQ = $("#officeItemList");
				var currentDate = Date();
				officeItemListSelectJQ.append("<option value='" + currentDate + "'>" + currentDate + "</option>");

				_officeItemListCombobox.combobox.update();
			}