function easyMenuHeading(){
	var _self = this;
	this.properties = new Object();
	_self.properties['self'] = _self;
	_self.properties['type'] = "easyMenuHeading";
	_self.properties["itemMenu"] = new Object();
	_self.properties["itemMenu"]['editMenu'] = 'editMenu';
	_self.properties["itemMenu"]['createLink'] = 'createLink';

	_self.properties["toolkit"] = new Object();	
	_self.properties["toolkit"]['setText'] = 'setText';
	_self.properties["toolkit"]['elementSize'] = 'elementSize';
	_self.properties["toolkit"]['elementPosition'] = 'elementPosition';
	
	this.select 	   = function()				{_easyMenu.selectHeading(_self);} 
	this.unSelect 	   = function()				{_easyMenu.unSelectHeading(_self);}
	this.startResize   = function()				{};
	this.resizeUp      = function(differenceY)	{_resizeManager.resizeUp(_self.properties["holderDiv"],differenceY)}
	this.resizeDown    = function(differenceY)	{_resizeManager.resizeDown(_self.properties["holderDiv"],differenceY)}
	this.resizeRight   = function(differenceX)	{_resizeManager.resizeRight(_self.properties["holderDiv"],differenceX)}
	this.resizeLeft    = function(differenceX)	{_resizeManager.resizeLeft(_self.properties["holderDiv"],differenceX)}
	this.endResize     = function()				{_objectManager.endResize(_self); _easyMenu.endResize(_self.properties["ddMenu"],_self.properties["id"]);}	
	this.copyElement   = function()				{}
	this.appendTo      = function(parentObject)	{parentObject.appendChild(_self.properties["holderDiv"]);}
	this.toXML		   = function()				{}
	this.setPosition   = function(topPos,leftPos){_self.properties['holderDiv'].style.top = topPos;_self.properties['holderDiv'].style.left = leftPos;}
	this.changeName	   = function(newName)		{};	
	this.getText = function(){return _self.properties['headingTitle'];};
	this.setInnerHTML = function(value){_self.properties['headingTitle'] = value;_easyMenu.reMakeHeading(_self);};
	this.reMakeHeading = function(){_easyMenu.reMakeHeading(_self);};
	this.deleteElement  = function()	{_easyMenu.deleteElement(_self,"heading")};
	this.setSize	   = function(height,width){_self.properties["holderDiv"].style.height=height; _self.properties["holderDiv"].style.width=width;};		
}
function EasyMenuObject(){
	var _self = this;
	this.properties = new Object();
	_self.properties['type'] = "easyMenu";
	_self.properties['headings'] = new Object();
	_self.properties['children'] = new Object();
	_self.properties['cssID'] = "standard";
	_self.properties["itemMenu"] = new Object();
	_self.properties["itemMenu"]['editMenu'] = 'editMenu';
	_self.properties["itemMenu"]['addElement'] = 'addElement';
	_self.properties["toolkit"] = _userMenuManager.copyOptions("toolkit");
	_self.properties["hoverMenu"] = false;
	
	this.select 	   = function()				{_easyMenu.selectMenu(_self);}
	this.unSelect 	   = function()				{_easyMenu.unSelectMenu(_self)}  
	this.appendTo      = function(parentObject)	{_easyMenu.appendTo(parentObject)}
	this.toXML 	   	   = function()				{_easyMenu.selectedMenu = _self; return _easyMenu.toXML(_self)}
	this.setPosition   = function(topPos,leftPos){_self.properties['holderDiv'].style.top = topPos;_self.properties['holderDiv'].style.left = leftPos;}
	this.getCorners    = function()				{return _self.properties['menuBackgroundDiv'].getCorners();}
	this.changeCorner  = function(corner,value)	{_self.properties['menuBackgroundDiv'].changeCorner(corner,value)}
	this.changeColor   = function(color)		{_self.properties['menuBackgroundDiv'].changeColor(color);_self.properties['bgColor']= color;}
	this.changeBorder  = function(borderObj)	{_self.properties['menuBackgroundDiv'].changeBorder(borderObj); _self.properties['borderObj'] = borderObj;};
	this.getBorder     = function()				{return _self.properties['menuBackgroundDiv'].properties.borderObj}
	this.startResize   = function()				{_self.properties['menuBackgroundDiv'].startResize()}
	this.resizeUp      = function(differenceY)	{_self.properties['menuBackgroundDiv'].resizeUp(differenceY)}
	this.resizeDown    = function(differenceY)	{_self.properties['menuBackgroundDiv'].resizeDown(differenceY)}
	this.resizeRight   = function(differenceX)	{_self.properties['menuBackgroundDiv'].resizeRight(differenceX)}
	this.resizeLeft    = function(differenceX)	{_self.properties['menuBackgroundDiv'].resizeLeft(differenceX)}
	this.endResize	   = function()				{_self.properties['menuBackgroundDiv'].endResize(), _easyMenu.endResize(_self.properties["id"],_self.properties["ddMenuHeading"])}
	this.setBGImage    = function(bgImg, bgRepeat){_self.properties['menuBackgroundDiv'].setBGImage(bgImg,bgRepeat);_self.properties['bgImg'] = bgImg; _self.properties['bgRepeat'] = bgRepeat;}
	this.removeBGImage = function()				{_self.properties['menuBackgroundDiv'].removeBGImage();_self.properties['bgImg'] = ""; _self.properties['bgRepeat'] = "";}
	this.setSize	   = function(height,width)	{_self.properties['menuBackgroundDiv'].setSize(height,width) }
	this.copyElement   = function()				{}
	this.deleteElement  = function()				{_self.properties['menuBackgroundDiv'].deleteElement(); _easyMenu.deleteElement(_self,"menu") }
	this.hide = function()								{if(_self.properties["holderDiv"]!=undefined){_self.properties["holderDiv"].style.display="none";	}}
	this.show = function()							{if(_self.properties["holderDiv"]!=undefined){_self.properties["holderDiv"].style.display="block";	}}
	this.turnHoverOff = function()				{if(_self.properties["holderDiv"]!=undefined){_self.properties["holderDiv"].onmouseover ="";_self.properties["holderDiv"].onmouseout = "";}};
	this.turnHoverOn = function()				{if(_self.properties["holderDiv"]!=undefined){_self.properties["holderDiv"].onmouseover =function(){this.style.display = "block";};_self.properties["holderDiv"].onmouseout = function(){this.style.display = "none";};}};
	this.setLink = function(link,target)		{_easyMenu.setLink(link,target);};
	this.getLink = function(option)			{return _easyMenu.getLink(option);};
	this.setCornerColor =function(color)		{_self.properties['menuBackgroundDiv'].setCornerColor(color)}
}



function EasyMenu(){
	var _self = this;
	var _lastToolkitStyle = null;
	var _currentLayer = "normal";
	this.selectedMenu = null;
	this.selectedHeading = null;
	var _editHeading = null;
	var _highlighHeadingBorder = null;
	init();
	
	function init(){
		_highlighHeadingBorder = _objectManager.createBorderObj("1px dotted #666666");
	}
	this.selectMenu = function(menu){
		_self.selectedMenu = menu;
		menu.properties['menuBackgroundDiv'].select();
		_self.selectedHeading = null;
		if(menu.properties["ddMenu"]){menu.show();menu.turnHoverOff()}
		collapseDDMenus(menu);
	}
	this.unSelectMenu = function(menu){
		_self.selectedMenu = null;
		_self.selectedHeading = null;
		menu.properties['menuBackgroundDiv'].unSelect();
		var cE = _elementsManager.getCurrentElement();		
		if(menu.properties.ddMenu && cE != undefined){
			if(cE.properties.type != "easyMenu" && cE.properties.type != "easyMenuHeading" ){collapseParentMenu(menu,"all")};
		}		
	}
	function collapseDDMenus(menu){
		if(menu!=undefined){
			var headings = menu.properties.headings;
			for(eachHeading in headings){
				if(headings[eachHeading].properties.ddMenu)
				var ddMenu = _elementsManager.getElementFromElementsTable(headings[eachHeading].properties.ddMenu);
				if(ddMenu!=undefined){ddMenu.turnHoverOn();ddMenu.hide();}
			}
		}
	}
	function collapseParentMenu(menu,option){
		if(menu!=undefined && menu != null){
			if(menu.properties.ddMenu){				
				menu.turnHoverOn();menu.hide();
				var heading = _elementsManager.getElementFromElementsTable(menu.properties.ddMenuHeading);
				if(heading!=undefined){
					var parentMenu = _elementsManager.getElementFromElementsTable(heading.properties['parentId']);
					if(option =="all" || parentMenu != option)	collapseParentMenu(parentMenu,option);
				}
			}
		}
	}
	this.selectHeading=function(heading){
		var menu = _elementsManager.getElementFromElementsTable(heading.properties['parentId'])
		menu.select(); //select the menu of the heading	
		_self.selectedHeading = heading;	
		
		if(heading.properties["ddMenu"]!= undefined){ 
			heading.properties["headingDiv"].innerHTML = _self.makeHeadingHTML(heading,menu);
			_elementsManager.getElementFromElementsTable(heading.properties['ddMenu']).turnHoverOff();
		}
	}
	this.unSelectHeading=function(heading){	
		_self.selectedHeading = null;	
		if(heading.properties["ddMenu"]!= undefined){
			 heading.properties["headingDiv"].innerHTML = _self.makeHeadingHTML(heading,_elementsManager.getElementFromElementsTable(heading.properties['parentId']));
			var ddMenu = _elementsManager.getElementFromElementsTable(heading.properties['ddMenu'])
			if(ddMenu !=undefined){
				ddMenu.hide();
				ddMenu.turnHoverOn();
			}
		}
		var menu = _elementsManager.getElementFromElementsTable(heading.properties['parentId'])
		if(menu!=undefined)menu.unSelect();//unselect the menu;	
	}
	
	this.createMenu = function(createMode,direction, height, width, divColor, borderObj){		
		_self.selectedMenu = new EasyMenuObject();
		setProperty("id",_objectManager.createId("easyMenu"));		
		setProperty("direction", direction);
		setProperty("cssID",makeCssID());		
		if (createMode == "new"){
			createBackgroundDiv(height, width, divColor, borderObj);			
			createDeafaultCss();
		}		
		return _self.selectedMenu;
	}	
	function createDeafaultCss(){
		var css = new Object();
		var css_hover = new Object();			
		css["bgColor"] = "#dbffb7";
		css["textAlign"] = "center";
		css["textColor"] = "#23ab00";
		css["bold"] ="bold";
		css["textFont"] ="Trebuchet MS";
		css["border"] = _objectManager.createBorderObj("1px solid #B8B8B8");
		css_hover["border"] = _objectManager.createBorderObj("1px solid #B8B8B8");
		css_hover["textColor"] = "#3d7bff";
		css_hover["textAlign"] = "center";
		css_hover["bgColor"] = "#d8e1ff";
		css_hover["bold"] ="bold";
		css_hover["textFont"] ="Trebuchet MS";
		setProperty("css_normal",css);
		setProperty("css_hover",css_hover);
		_self.createCss(_self.selectedMenu);
	}
	
	function createBackgroundDiv(height, width, divColor, borderObj){
		setProperty("bgColor",divColor);	
		setProperty("borderObj",borderObj);
		var menuBackgroundDiv = _divManager.createDiv(height,width,divColor,borderObj,"0000","all");
		var messageDiv = document.createElement("div");
		messageDiv.innerHTML = '<div align="center" style="margin:5;position:absolute;" >Click <img style="border:1px solid #000000;" src="work/WebsiteEditor/Images/itemMenu/editMenu.jpg"/> to edit the menu.</div>';
		setProperty("messageDiv",messageDiv);
		menuBackgroundDiv.properties["holderDiv"].appendChild(messageDiv);	
		menuBackgroundDiv.properties["holderDiv"].style.zIndex = 5;	
		registerBackgroundDiv(menuBackgroundDiv)
	}
	function registerBackgroundDiv(menuBackgroundDiv){
		_objectManager.changeId(menuBackgroundDiv,getProperty("id"));
		menuBackgroundDiv.properties['id']= getProperty("id")
		menuBackgroundDiv.properties['holderDiv'].id = getProperty("id");
		menuBackgroundDiv.properties["holderDiv"].style.overflow="visible";
		menuBackgroundDiv.properties["holderDiv"].ondblclick = function(e){if (!e) var e = window.event;_easyMenu.showMenuEditor();e.cancelBubble = true;};
		setProperty("menuBackgroundDiv", menuBackgroundDiv);
		setProperty("shape", menuBackgroundDiv.properties.shape);
		setProperty("cornerColor", menuBackgroundDiv.properties.cornerColor);
		setProperty("bgColor",menuBackgroundDiv.properties.bgColor);
		setProperty("borderObj",menuBackgroundDiv.properties.borderObj);		
		setProperty("holderDiv", menuBackgroundDiv.properties['holderDiv']);
	}
	
	function setProperty(property,value){
		if(_self.selectedMenu != undefined)	_self.selectedMenu.properties[property] = value;
	}
	function getProperty(propertyName){
		if(_self.selectedMenu != undefined)	return _self.selectedMenu.properties[propertyName];
		else return undefined;
	}
	this.endResize = function(menuId,headingId){
		var menu  = _elementsManager.getElementFromElementsTable(menuId);
		var heading  = _elementsManager.getElementFromElementsTable(headingId);
		if(menu!=undefined && heading != undefined){
			if(menu.properties["ddMenu"]) _self.setDDMenuPosition(heading, menu);
		}
	}
	
	this.appendTo = function(parentObject){
		parentObject.appendChild(getProperty("menuBackgroundDiv").properties['holderDiv']);
	}
	function getNumHeadings(){
		var headings = _self.selectedMenu.properties["headings"];
		var numHeadings = 0;
		for(eachHeading in headings){
			numHeadings++;
		}
		return numHeadings;
	}
	function getNextPosition(){
		nextPositionTop = 0;
		nextPositionLeft = 5;
		var headings = _self.selectedMenu.properties["headings"];
		for (var eachHeading in headings){
			var holderDiv = headings[eachHeading].properties["holderDiv"];	
			var newTop = parseInt(holderDiv.style.top)+ parseInt(holderDiv.style.height);
			var newLeft = parseInt(holderDiv.style.left)+ parseInt(holderDiv.style.width);
			nextPositionTop =Math.max(nextPositionTop, newTop)
			nextPositionLeft = Math.max(nextPositionLeft, newLeft)
		} 
		if(getProperty("direction") == "vertical") return nextPositionTop;
		else return nextPositionLeft;
	}
	this.backToParentMenu = function(){		
		var heading = _elementsManager.getElementFromElementsTable(getProperty("ddMenuHeading"));
		if(heading!=undefined)_self.selectAndShowMenu(heading.properties["parentId"]);
	}
	this.displayMenu = function(option){document.getElementById("easyMenuEditor_div").style.display = option;	}
	this.showMenuEditor = function(){
		_elementsManager.selectElementObj(_self.selectedMenu);
		_toolkit.setOption("menu");
		_imageUploadManager.setMenuEditor(true);
		_utilities.displayCover();
		_self.setLayer("normal");
		_self.editStyle("textProperties");
		var headings = _self.selectedMenu.properties["headings"];	
		var div = document.getElementById("headingsHolder_div");	
		if(getNumHeadings()==0){
			div.innerHTML = '<div align="center" style="position:relative; top:20; cursor:pointer;" onclick="_easyMenu.showHeadingPrompt(null)"><div style="width:80%;color:white; font-size:9pt;border:1px dashed white;">Menu has no headings. Click on:<br/> <span style="color:#0e4300"><b>+add new heading</b></span> <br/>to create one.</div></div>';
		}else{
			displayTitles();
		}
		if(getProperty("ddMenu")){
			document.getElementById("ddMenuPosition_menuOption").style.display="block";
			document.getElementById("easyMenu_backToParentMenu_div").style.display="block";			
		}
		else{
			 document.getElementById("ddMenuPosition_menuOption").style.display="none";
			 document.getElementById("easyMenu_backToParentMenu_div").style.display="none";
		}
		var editor = document.getElementById("easyMenuEditor_div");
		_utilities.centerObject(editor);
		editor.style.display= "block";
	}
	this.hideMenuEditor = function(){
		document.getElementById("easyMenuEditor_div").style.display= "none";
		_toolkit.setOption("normal");
		_imageUploadManager.setMenuEditor(false);
		_linkInterface.setMenuEditor(false);
		returnToToolkit();
		_lastToolkitStyle = null;
		_utilities.hideCover();
	}
	this.getLink = function(option){
		if(_editHeading!=null && _editHeading !=undefined){
			if(option=="link") return _editHeading.properties['link'];
			else return _editHeading.properties['linkTarget'];
		}else return "";
	}
	this.setLink = function(link,target){
		if(_editHeading !=null && _editHeading !=undefined){
			_editHeading.properties['link'] = link;
			_editHeading.properties['linkTarget'] = target;
		}
	}
	this.showLinkMenu = function(headingId){
		_editHeading = _self.selectedMenu.properties["headings"][headingId];
		_self.displayMenu("none");	
		_linkInterface.setMenuEditor(true);
		_linkInterface.displayLinksMenu();
	}
	this.showHeadingPrompt = function(headingId,option){
		_editHeading = null;
		var promptDiv = document.getElementById("addHeadingPrompt_div");
		_utilities.centerObject(promptDiv);
		promptDiv.style.display= "block";
		var inputBox = document.getElementById("addHeadingPrompt_input");
		if(headingId!=null){
			_editHeading = _self.selectedMenu.properties["headings"][headingId];
			inputBox.value= _editHeading.properties["headingTitle"];
		}else{inputBox.value="";}
		inputBox.focus();
	}
	this.closeAddHeadingPrompt = function(){
		document.getElementById("addHeadingPrompt_div").style.display= "none";
	}
	this.addHeading = function(menu, heading){
		menu.properties["headings"][heading.properties.id] = heading;
		heading.properties["parentId"]=menu.properties["id"];
	}
	function displayTitles(){
		var holder_div = document.getElementById("headingsHolder_div");
		holder_div.innerHTML="";				
		var messageDiv =  getProperty("messageDiv");	
		if(messageDiv != undefined){
			 messageDiv.parentNode.removeChild(messageDiv);
			delete _self.selectedMenu.properties["messageDiv"];
		}					
		var headings = _self.selectedMenu.properties["headings"];
		for(eachHeading in headings){
			var div = document.createElement("div");
			var ddMenu = '<img title="Create drop down menu for this heading." style="cursor:pointer;" src="work/WebsiteEditor/Images/itemMenu/dropdown_green.jpg" onclick="_easyMenu.showDropDownMenuPrompt(\''+headings[eachHeading].properties["id"]+'\')"/>';
			if(headings[eachHeading].properties["ddMenu"]!=undefined) {				
				ddMenu = '<img title="Edit drop down menu." style="cursor:pointer;" src="work/WebsiteEditor/Images/itemMenu/dropdown_blue.jpg" onclick="_easyMenu.selectAndShowMenu(\''+headings[eachHeading].properties["ddMenu"]+'\')"/>';
			}
			var linkImage = "	link_green.jpg";
			var linkTitle = "Set Link for this heading.";
			if(headings[eachHeading].properties["link"]!=undefined){ linkImage =  "link_yellow.jpg"; linkTitle = "Click to edit link  -  " + headings[eachHeading].properties["link"] ;}
			var link = '<img style="cursor:pointer;" src="work/WebsiteEditor/Images/itemMenu/'+linkImage+'" title="'+linkTitle+'" onclick="_easyMenu.showLinkMenu(\''+headings[eachHeading].properties["id"]+'\')"/>';
			var edit = '<span style="font-size:9pt; color:#00037a; cursor:pointer;" onclick="_easyMenu.showHeadingPrompt(\''+headings[eachHeading].properties["id"]+'\')"><u>edit</u></span>'
			var title = '<span style="font-size:9pt;font-weight:bold; color:#0e4300;">'+headings[eachHeading].properties["headingTitle"]+'</span>'; 
			div.innerHTML = '<table width="100%" height="25px"><tr><td style="width:18;">'+link+'</td><td style="width:26;">'+ddMenu+'</td><td style="width:120;">'+title+'</td><td align="right">'+edit+'</td></tr></table>';			
			holder_div.appendChild(div);
		}		
	}
	
	this.showDropDownMenuPrompt = function(headingId){
		var title = getProperty("headings")[headingId].properties["headingTitle"];
		alert("New drop down menu creted under heading: " + title);
		var position = "bottom";
		var direction = getProperty("direction");
		if(direction=="vertical") position="right";
		_self.createDropDownMenu("vertical",position,headingId)
	}
	this.createDropDownMenu = function(direction,position,headingId){
		var heading = getProperty("headings")[headingId];		
		 var newMenu = _self.createMenu("new",direction,125,130,"white",_objectManager.createBorderObj("1px solid #B8B8B8"));
		//_elementsManager.addToAllElementsTable(newMenu);									
		setUpDDMenu(heading, newMenu, position);		
		duplicateMenu(_elementsManager.getElementFromElementsTable(heading.properties.parentId), newMenu);	
		_self.createCss(newMenu);				
		_elementsManager.selectElementObj(newMenu,false);
		_self.showMenuEditor(); _utilities.hideCover();//remove one cover
		_self.editStyle('ddMenuPosition');
	}
	function setUpDDMenu(heading, ddMenu,position){	
		_objectManager.	addElement(heading,ddMenu,true);
		//heading.properties["holderDiv"].appendChild(ddMenu.properties['holderDiv']);			
		ddMenu.properties.holderDiv.onmouseover = function(){this.style.display = "block";};
		ddMenu.properties.holderDiv.onmouseout = function(){this.style.display = "none";};
		ddMenu.properties["ddMenuPosition"] = position;
		ddMenu.properties["ddMenu"]=true;
		ddMenu.properties["ddMenuHeading"] = heading.properties["id"];
		heading.properties["ddMenu"] = ddMenu.properties["id"];
		_self.setDDMenuPosition(heading,ddMenu);
		_self.reMakeHeading(heading);
	}
	function duplicateMenu(copyFromMenu, copyToMenu){
		delete copyToMenu.properties["css_normal"];
		delete copyToMenu.properties["css_hover"];
		var hoverMenu = false;
		if(copyFromMenu.properties["hoverMenu"]) hoverMenu = true;
		copyToMenu.properties["hoverMenu"] = hoverMenu; 
		copyToMenu.properties["css_normal"]  = _objectManager.cloneObject(copyFromMenu.properties["css_normal"]);
		copyToMenu.properties["css_hover"]  = _objectManager.cloneObject(copyFromMenu.properties["css_hover"]);
		copyToMenu.setBGImage(copyFromMenu.properties['menuBackgroundDiv'].properties["bgImg"],copyFromMenu.properties['menuBackgroundDiv'].properties["bgRepeat"]);
		copyToMenu.changeColor(copyFromMenu.properties['menuBackgroundDiv'].properties["bgColor"]);
		copyToMenu.changeBorder(_objectManager.cloneObject(copyFromMenu.properties['menuBackgroundDiv'].properties["borderObj"]));	
	}
	this.setCurrentDDMenuPosition = function(position){
		_self.selectedMenu.properties["ddMenuPosition"] = position;
		_self.setDDMenuPosition(_elementsManager.getElementFromElementsTable(_self.selectedMenu.properties["ddMenuHeading"]), _self.selectedMenu);
		_itemMenu.showItemMenu(_self.selectedMenu);
	}
	this.setDDMenuPosition = function(heading, menu){
		var position = menu.properties["ddMenuPosition"];
		var topPos = 0;
		var leftPos = parseInt(heading.properties["holderDiv"].style.width);
		switch(position){
			case "bottom":	leftPos=0; topPos = parseInt(heading.properties["holderDiv"].style.height);break;
			case "top":			leftPos=0; topPos = 0 - parseInt(menu.properties["holderDiv"].style.height);break; 
			case "left":		topPos=0; leftPos = 0- parseInt(menu.properties["holderDiv"].style.width);break;
			default:break;
		}
		menu.setPosition(topPos,leftPos);
	}
	this.selectAndShowMenu = function(menuId){
		_elementsManager.selectElementById(menuId);
		_self.hideMenuEditor();
		_self.showMenuEditor();		
	}
	this.showDDMenu = function(menuId,option){
		document.getElementById(menuId).style.display=option;	
	}
	this.editHeading = function(title){
		if(_editHeading!=null){
			_editHeading.properties["headingTitle"] = title;
			displayTitles();
			_self.reMakeHeadings(_self.selectedMenu);
		}else _self.addNewHeading(title);
		_self.closeAddHeadingPrompt();
	}
	this.addNewHeading = function(title){
		if(title==""){alert("Please insert a title for your heading.")}
		else{
			var newHeading = createHeadingObject(30,120,title,"new",_self.selectedMenu);			
			
			if(getProperty("direction") == "vertical") newHeading.setPosition(getNextPosition()+5,5);
			else newHeading.setPosition(5,getNextPosition());
				
			_self.addHeading(_self.selectedMenu, newHeading);
			_objectManager.addElement(_self.selectedMenu,newHeading,true);
			
			resizeMenuHolderDiv();
			displayTitles();
		}	
	}	
	function createHeadingObject(height,width,title,optionId,menu){
		var newHeading = new easyMenuHeading();
		newHeading.properties["id"] = optionId;
		if(optionId=="new") newHeading.properties["id"] = _objectManager.createId("easyMenuHeading");			
		createHeadingDiv(newHeading,width,height)
		_self.setHeadingTitle(newHeading,title,menu);
		return newHeading;
	}	
	function resizeMenuHolderDiv(){
		var holder = getProperty("holderDiv");
		if(getProperty("direction") == "vertical"){
			var nextTop = getNextPosition();
			if(nextTop > parseInt(holder.style.height)) holder.style.height = nextTop+5;
		}else{
			var nextLeft = getNextPosition();
			if(nextLeft > parseInt(holder.style.width)) holder.style.width = nextLeft + 5;
		}
		_elementsManager.displaySubMenus();
		_resizeManager.displayResizeDiv(_self.selectedMenu)
	}
	
	function createHeadingDiv(heading,width,height){
		var holderDiv = document.createElement("div");
		holderDiv.id = heading.properties['id'];
		_pm.setStyle(holderDiv,"position:absolute;width:"+width+"; height:"+height+"; top:0; left:0;")
		holderDiv.onmousedown = function(e){if (!e) var e = window.event;
									_elementsManager.selectElement(this,e.ctrlKey);
									_dragSelect.startDragSelect(e);
									e.cancelBubble = true;} 
		holderDiv.ondblclick = function(e){_easyMenu.showMenuEditor();if (!e) var e = window.event; e.cancelBubble = true; return false};
		heading.properties["holderDiv"] = holderDiv;
		var headingDiv = document.createElement("div");
		_pm.setStyle(headingDiv,"position:absolute;width:100%; height:100%; top:0; left:0;");
		heading.properties["headingDiv"] = headingDiv;
		holderDiv.appendChild(headingDiv);
		heading.appendTo(_self.selectedMenu.properties["menuBackgroundDiv"].properties["holderDiv"]);
	}
	
	this.setHeadingTitle = function(heading, title,menu){		
		heading.properties["headingTitle"] = title;
		heading.properties["headingDiv"].innerHTML = _self.makeHeadingHTML(heading,menu);
	}
	this.reMakeHeading = function(heading){
		heading.properties["headingDiv"].innerHTML = _self.makeHeadingHTML(heading,_elementsManager.getElementFromElementsTable(heading.properties.parentId));
	}
	this.reMakeHeadings = function(menu){
		var headings = menu.properties["headings"];
		for(eachHeading in headings){
			headings[eachHeading].properties["headingDiv"].innerHTML = _self.makeHeadingHTML(headings[eachHeading],menu);
		}
	}
	this.makeHeadingHTML =function(heading,menu){	
		var title = 	heading.properties["headingTitle"];
		var textAlign = menu.properties["css_normal"]["textAlign"];
		var HTML = '<div class="'+menu.properties["cssID"]+'"  style="width:100%; height:100%;" '+makeOnHoverString(heading,menu)+'>'+
		'<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="'+textAlign+'" valign="middle"><li>'+title+'</li></td></tr></table></div>';
		return HTML;
	}
	function makeOnHoverString(heading,menu){
		var onMouseOver = "";
		var onMouseOut = "";		
		if(menu.properties["hoverMenu"]){
			 onMouseOver += "this.className='"+menu.properties["cssID"]+"_hover';" 
			 onMouseOut += "this.className='"+menu.properties["cssID"]+"';"
		}
		if (heading.properties["ddMenu"]!= undefined){
			 onMouseOver += "_easyMenu.showDDMenu('"+heading.properties["ddMenu"]+"','block');";
			
			 if(_self.selectedHeading != heading){
			 	onMouseOut += "_easyMenu.showDDMenu('"+heading.properties["ddMenu"]+"','none');";
			 	//onMouseOver += "_easyMenu.selectHeadingIfNecessary('"+heading.properties["id"]+"');";
			 }
		}
		if(onMouseOver!="")onMouseOver="onmouseover=\""+onMouseOver+"\"";
		if(onMouseOut!="")onMouseOut="onmouseout=\""+onMouseOut+"\"";
		return onMouseOver + " " +onMouseOut ;
	}
	function setHeadingExamples(){
		var normalClass = getProperty("cssID"); 
		var hoverClass = getProperty("cssID")+"_hover";
		if(_currentLayer=="hover"){
			hoverClass  = getProperty("cssID"); 
			normalClass= getProperty("cssID")+"_hover";
		}
		var hoverMenu = "";
		if(getProperty("hoverMenu")) hoverMenu = "onmouseover=\"this.className='"+hoverClass+"'\" onmouseout=\"this.className='"+normalClass+"'\"";		
		var heading = '<div class="'+normalClass+'"  style="width:100%; height:100%;" '+hoverMenu+'>'+
		'<table width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td align="'+getProperty("css_normal")["textAlign"]+'" valign="middle"><li> heading </li></td></tr></table></div>';
		
		document.getElementById("easyMenuExampleHeading1").innerHTML = heading;
		document.getElementById("easyMenuExampleHeading2").innerHTML = heading;
	}
	
	this.editStyle = function(style){
		var holder = document.getElementById("menuEditorChangeStyle_div");
		var div =  document.getElementById(style+"_movableDiv");		
		if(div!=undefined && div!=null){
			if(!getProperty("hoverMenu") && _currentLayer=="hover"){
				returnToToolkit();
				turnHoverOn_message();
			}else{
				returnToToolkit();
				setToolkitProperties(style);
				_lastToolkitStyle = style;
				holder.innerHTML = "";
				holder.appendChild(div);
				div.style.display="block";	
				
				var menuOption = document.getElementById(style+"_menuOption");
				menuOption.className = "menuEditorProperties_hover";
				menuOption.onmouseout="";
			}			
		}
	}
	function setToolkitProperties(style){		
			var css = _self.selectedMenu.properties["css_"+_currentLayer];
			switch(style){
				case "textProperties": _toolkit.displayTextProperties(css["textFont"],css["textSize"],css["bold"],css["underline"],css["italics"]); break;
				case "textColor": _toolkit.setCurrentTextColor(css["textColor"]); break;
				case "border": _toolkit.setCurrentBorder(css["border"]); break;
				case "bgColor": _toolkit.setCurrentBackground(css["bgColor"]); break;
				case "textAlign": _toolkit.displayTextAlignment(css["textAlign"]); break;
				case "ddMenuPosition": _toolkit.displayDDMenuPosition(_self.selectedMenu.properties["ddMenuPosition"]); break;
				case "bgImg":_bgImgManager.setCurrentValues(css["bgImg"],css["bgRepeat"]);break;
				default:break;
			}
		
	}
	function returnToToolkit(){
		if(_lastToolkitStyle != null){
			var div = document.getElementById(_lastToolkitStyle+"_movableDiv");
			
			if(div!=undefined && div!=null){
				var holder = document.getElementById(_lastToolkitStyle+"_toolbox_holderDiv");
				holder.appendChild(div);
			}
			var menuOption = document.getElementById(_lastToolkitStyle+"_menuOption");
			menuOption.className = "menuEditorProperties";
			menuOption.onmouseout= function(){this.className="menuEditorProperties"};
		}
	}
	this.changeTextAlignment = function(alignment){
		var css = getProperty("css_normal");
		var css_hover = getProperty("css_hover");
		css["textAlign"] = alignment;
		css_hover["textAlign"] = alignment;
		_self.reMakeHeadings(_self.selectedMenu);
		setHeadingExamples();
		
	}
	this.changeMenuText = function(textFont,textSize,bold,underline,italics){		
		_self.selectedMenu.properties["css_normal"]["textFont"] = textFont;
		_self.selectedMenu.properties["css_hover"]["textFont"] = textFont;;
		var css = _self.selectedMenu.properties["css_"+_currentLayer];
		if(textSize!=undefined && textSize !="")css["textSize"] = textSize;
		if(bold!=undefined && bold !="")css["bold"] = bold;
		if(underline!=undefined && underline !="")css["underline"] = underline;
		if(italics!=undefined && italics !="")css["italics"] = italics;
		_self.createCss(_self.selectedMenu);
	}
	this.setBgImage = function(bgImage, repeat){
		var css = _self.selectedMenu.properties["css_"+_currentLayer];
		css["bgImg"] = bgImage;
		css["bgRepeat"] = repeat;
		_self.createCss(_self.selectedMenu);
		highlightHeadings();
	}
	this.removeBgImg = function(){
		var css = _self.selectedMenu.properties["css_"+_currentLayer];
		delete css["bgRepeat"];
		delete css["bgImg"];
		_self.createCss(_self.selectedMenu);
		highlightHeadings();
	}
	this.getBgColor = function(){
		return _self.selectedMenu.properties["css_"+_currentLayer]["bgColor"]
	}
	this.changeBGColor = function(color){
		var css = _self.selectedMenu.properties["css_"+_currentLayer];
		css["bgColor"] = color;
		_self.createCss(_self.selectedMenu);
		highlightHeadings();
	}
	this.changeTextColor = function(color){
		var css = _self.selectedMenu.properties["css_"+_currentLayer];
		css["textColor"] = color;
		_self.createCss(_self.selectedMenu);
	}
	this.changeBorder = function(borderObj){
		var css = _self.selectedMenu.properties["css_"+_currentLayer];
		css["border"] = borderObj;	
		css["borderObj"]=borderObj;
		_self.createCss(_self.selectedMenu);
		highlightHeadings();	
	}
	function highlightHeadings(){
		var css = _self.selectedMenu.properties["css_"+_currentLayer];		
		if(_objectManager.noBorderPresent_object(css["borderObj"]) && css["bgColor"]=="transparent" && css["bgImg"] ==""){			
			css["border"] = _highlighHeadingBorder;			
		}else{css["border"] = css["borderObj"];}
		_self.createCss(_self.selectedMenu);
	}
	function makeCssID(){
		//make sure that the cssId does not exsist
		var cssID = "css_" + Math.ceil(Math.random() * 10000); 
		return cssID;
	}
	function createCssString(layer){
		var hover = "";
		if(layer=="hover")hover="_hover";
		var css = _self.selectedMenu.properties["css_"+layer];
		var cssString = "";		
		cssString+="background:"+css["bgColor"]+";";	
		if(css["bgImg"]!=undefined)cssString+="background-image: url("+css["bgImg"]+"); background-repeat: " +css["bgRepeat"]+";";	
		if(css["textFont"]!=undefined)cssString+="font-family: "+css["textFont"]+";";		
		cssString+=_objectManager.borderToString(css["border"]);
		cssString+="cursor:pointer; ";
		var cssLiString ="";
		if(css["textSize"]!=undefined)cssLiString+="font-size: "+css["textSize"]+"pt;";
		if(css["bold"]!=undefined)cssLiString+="font-weight: " +css["bold"]+";";
		if(css["italics"]!=undefined)cssLiString+="font-style: "+css["italics"]+";";
		if(css["underline"]!=undefined)cssLiString+="text-decoration: "+css["underline"]+";";
		if(css["textColor"]!=undefined)cssLiString+="color:"+css["textColor"]+";";
		return 'div.'+getProperty("cssID")+hover+"{"+cssString+"}"+  "div."+getProperty("cssID")+hover+" li{"+cssLiString+"list-style-type: none; list-style-position:outside; padding:0px;margin-left:6px;margin-right:6px;}";
	}
	function addCss(cssId, cssCode) {
		var oldElement = document.getElementById(cssId);
		if(oldElement!=null)oldElement.parentNode.removeChild(oldElement)		
		var styleElement = document.createElement("style");
		styleElement.type = "text/css";
		styleElement.id = cssId;
		if (styleElement.styleSheet) {
		    styleElement.styleSheet.cssText = cssCode;
		} else {
		    styleElement.appendChild(document.createTextNode(cssCode));
		}
		document.getElementsByTagName("head")[0].appendChild(styleElement);
	}
	this.createCss = function(menu){		
		if(menu.properties["hoverMenu"]) addCss(menu.properties["cssID"],createCssString("normal") + createCssString("hover"));
		else addCss(menu.properties["cssID"], createCssString("normal")) ;
	}
	this.selectHeadingIfNecessary = function(headingId){
		var heading = _elementsManager.getElementFromElementsTable(headingId);
		var menu = _elementsManager.getElementFromElementsTable(heading.properties["parentId"])
		if(menu == _elementsManager.getCurrentElement()) _elementsManager.selectElementById(headingId);
	}
	this.setLayer =function(layer){
		if(layer=="normal"){
			document.getElementById("menuLayerOption_normal").className = "menuLayerSelected";
			document.getElementById("menuLayerOption_hover").className = "menuLayerUnSelected";
			document.getElementById("turnOffHoverMenu_div").style.display="none";
			_currentLayer = "normal";
		}else{
			document.getElementById("menuLayerOption_normal").className = "menuLayerUnSelected";
			document.getElementById("menuLayerOption_hover").className = "menuLayerSelected";
			if(getProperty("hoverMenu"))document.getElementById("turnOffHoverMenu_div").style.display="block";
			_currentLayer = "hover";			
		}	
		_self.editStyle(_lastToolkitStyle);
		setHeadingExamples();
	}
	this.turnHoverOn =function(value){
		if(value){
			setProperty("hoverMenu",true);
			document.getElementById("turnOffHoverMenu_div").style.display="block";
		}else{
			setProperty("hoverMenu",false);
			document.getElementById("turnOffHoverMenu_div").style.display="none";
		}
		_self.createCss(_self.selectedMenu);
		_self.reMakeHeadings(_self.selectedMenu);
		_self.editStyle(_lastToolkitStyle);
	}
	function turnHoverOn_message(){
		var holder = document.getElementById("menuEditorChangeStyle_div");
		holder.innerHTML = '<div onclick="_easyMenu.turnHoverOn(true)" align="center" style="position:relative; top:20;cursor:pointer;"><div style="width:80%;color:#0e4300; font-size:9pt;border:1px dashed #0e4300;">Hover layer turned off. <br/> <span style="color:#5952ff"><b>click here</b></span> <br/>to turn it on.</div></div>';
	}
	this.deleteElement = function(element,type){
		if(type=="heading"){
			if(element.properties["ddMenu"] != undefined){
				var answer = confirm("Heading: " + element.properties["headingTitle"] + " has a drop down menu attached to it. Do you want to delete the heading?")
				if(answer)_self.deleteHeading(element);
			}
			else{_self.deleteHeading(element)}
		}else{
			var ddMenuPresent = false;
			var headings = element.properties["headings"];
			for(eachHeading in headings){
				if(headings[eachHeading].properties["ddMenu"]!=undefined)ddMenuPresent=true;
			}
			if(ddMenuPresent){
				var answer = confirm("The menu you are trying to delete has a drop down menu attached to it. Proceed with delete?")
				if(answer)_self.deleteMenu(element);
			}else{ _self.deleteMenu(element)}
		}
	}
	this.deleteHeading = function(heading){
		var ddMenu = heading.properties["ddMenu"]; 
		if(ddMenu != undefined){
				_self.deleteMenu(_elementsManager.getElementFromElementsTable(ddMenu));
		}
		var menu =_elementsManager.getElementFromElementsTable(heading.properties['parentId']);
		if(menu !=undefined){
			var headings = menu.properties["headings"];
			if(headings!=undefined) delete headings[heading.properties.id];
			_elementsManager.purgeElement(heading);
		}
	}
	this.deleteMenu = function(menu){
		var headings = menu.properties["headings"];
		for(eachHeading in headings){
			_self.deleteHeading(headings[eachHeading]);
		}
		if(menu.properties["ddMenuHeading"] !=undefined){
			var heading = _elementsManager.getElementFromElementsTable(menu.properties['ddMenuHeading']);
			if(heading!=undefined){ 
				delete heading.properties["ddMenu"];
				heading.reMakeHeading();
			}
		}
		_elementsManager.purgeElement(menu);
	}
	
	this.loadMenu = function(id,ddMenuHeading,direction,ddMenuPosition){
		var menu = _self.createMenu("load",direction, "", "", "", "");
		setProperty("id",id);
		createDeafaultCss();
		var menuBackgroundDiv = _elementsManager.getElementFromElementsTable(id);
		registerBackgroundDiv(menuBackgroundDiv);		
		if(ddMenuHeading!="" && ddMenuHeading!="undefined" && ddMenuHeading!=undefined){			
			var heading = _elementsManager.getElementFromElementsTable(ddMenuHeading);
			if(ddMenuPosition=="")ddMenuPosition="right;"			
			if(heading!=undefined) setUpDDMenu(heading, menu,ddMenuPosition);
			menu.properties.holderDiv.style.display = "none";
		}else{
			_objectManager.addElement(_elementsManager.getElementFromElementsTable("mainPage"),menu, true);
		}
	}
	this.loadHeading = function(id,parentId,title,height,width,topPos,leftPos,link,linkTarget){
		var menu =  _elementsManager.getElementFromElementsTable(parentId)
		if(menu!=undefined){
			if(id=="" || id==undefined || id=="undefined") id="new";		
			var newHeading = createHeadingObject(height,width,title,id,menu);	
			newHeading.setPosition(topPos,leftPos);
			if(link!="" && link != "undefined" && link!=undefined) newHeading.properties.link = link;
			if(linkTarget!="" && linkTarget != "undefined" &&link != undefined) newHeading.properties.linkTarget = linkTarget;
			_self.addHeading(menu,newHeading);
			_objectManager.addElement(menu,newHeading,true);
		}
	}
	this.loadCss = function(menuId,layer,textFont,textAlign,bgColor,textColor,textSize,bold,italics,underline,border,bgImg,bgRepeat){
		var menu =  _elementsManager.getElementFromElementsTable(menuId);
		if(menu!=undefined){
			_self.selectedMenu = menu;
			var css = getProperty("css_"+layer);
			if(layer=="hover")setProperty("hoverMenu",true);
			css["textFont"] =textFont;
			css["textAlign"] =textAlign;
			css["bgColor"] =bgColor;
			css["bgImg"] =bgImg;
			css["bgRepeat"] =bgRepeat;
			css["textColor"] =textColor;
			if(textSize!="undefined" && textSize!=undefined)css["textSize"] =textSize;else css["textSize"] ="";
			css["bold"] =bold;
			css["italics"] =italics;
			css["underline"] =underline;
			var borderObj = _objectManager.loadBorderObj(border);
			css["borderObj"] = borderObj;			
			css["border"] = borderObj;			
			_self.reMakeHeadings(menu);
			_self.createCss(menu);
			highlightHeadings();
		}
	}
	this.headingToXml = function(heading){
		var holder = heading.properties["holderDiv"];
		var xml ="<heading>";		
		xml +=  xmlTag("parentId",heading.properties["parentId"]);
		xml +=  xmlTag("title",heading.properties["headingTitle"]);
		var link = ""; if(heading.properties['link'] != undefined) link = heading.properties['link'];
		xml+= xmlTag("link","<![CDATA[" +link+"]]>"); 
		var linkTarget = "_parent";
		if(heading.properties['linkTarget'] != undefined && heading.properties['linkTarget']!="") linkTarget = heading.properties['linkTarget'];
		xml += xmlTag("linkTarget",linkTarget); 
		xml +=  xmlTag("height",parseInt(holder.style.height));
		xml +=  xmlTag("width",parseInt(holder.style.width));
		xml +=  xmlTag("top",parseInt(holder.style.top));
		xml +=  xmlTag("left",parseInt(holder.style.left));
		if(heading.properties["ddMenu"] != undefined){
			xml +=  xmlTag("id",heading.properties["id"]);
			xml +=  xmlTag("ddMenu",heading.properties["ddMenu"]);
			var ddMenu = _elementsManager.getElementFromElementsTable(heading.properties["ddMenu"])
			if(ddMenu!=undefined) xml +=ddMenu.toXML();
		}
		 xml +="</heading>";
		return xml;
	}
	function getCssXml(menu,layer){
		var cssXML = "";
		if(layer=="normal" || (layer=="hover" && menu.properties["hoverMenu"])){
			var css = menu.properties["css_"+layer];		
			cssXML =  xmlTag("textColor",css["textColor"]);
			cssXML +=  xmlTag("bgColor",css["bgColor"]);
			cssXML +=  xmlTag("bgImg",css["bgImg"]);
			cssXML +=  xmlTag("bgRepeat",css["bgRepeat"]);			
			cssXML +=  xmlTag("textSize",css["textSize"]);
			cssXML +=  xmlTag("bold",css["bold"]);
			cssXML +=  xmlTag("italics",css["italics"]);
			cssXML +=  xmlTag("underline",css["underline"]);
			cssXML +=  xmlTag("border", _objectManager.borderToString(css["borderObj"]));
			cssXML = xmlTag("css_"+layer,cssXML);
		}
		return cssXML;
	}
	this.toXML= function(menu){		
		var props = menu.properties;
		if(props["ddMenuHeading"]!=undefined) props["menuBackgroundDiv"].properties.display="none";
		var xml= props["menuBackgroundDiv"].toXML();
		xml = xml.substring(0,xml.lastIndexOf("</element>")) //remove 1 </element> tag
		xml +="<element>";
		xml+= xmlTag("type","easyMenu");
		xml+= xmlTag("id",props["id"]);
		xml+= xmlTag("ddMenu",props["ddMenuHeading"]);
		xml+= xmlTag("direction",props["direction"]);
		xml+= xmlTag("ddMenuPosition",props["ddMenuPosition"]);
		
		xml+="<headings>";
		var headings = props["headings"];
		for(eachHeading in headings){
			xml+= _self.headingToXml(headings[eachHeading])
		}
		xml+="</headings>";		
		
		var css = xmlTag("type","easyMenu");
		css += xmlTag("id",props["cssID"]);
		css +=xmlTag("textFont",props["css_normal"]["textFont"]);
		css += xmlTag("textAlign",props["css_normal"]["textAlign"]);
		css += getCssXml(menu,"normal");
		css += getCssXml(menu,"hover");
		xml+=xmlTag("css",css)		
		xml+="</element>";
		var children = props["children"];
		for(eachChild in children){xml+=children[eachChild].toXML();}
		xml+="</element>";		
		return  xml;
	}
	
	function xmlTag(tagName,tagData){
		if(tagData==undefined)tagData = "";
		return "<" + tagName +">" + tagData + "</" + tagName + ">"}
	
	this.uploadMenu = function(){
		var props = _self.selectedMenu.properties;
		if(props!=undefined){
			if(confirm("Do you want to share this menu? No links or headings will be shared, just the 'look and feel' of the menu.")){
				var xml =xmlTag("bgColor",_self.selectedMenu.properties.menuBackgroundDiv.properties.bgColor);
				xml +=xmlTag("bgImg",_self.selectedMenu.properties.menuBackgroundDiv.properties.bgImg);
				xml +=xmlTag("bgRepeat",_self.selectedMenu.properties.menuBackgroundDiv.properties.bgRepeat);
				xml +=xmlTag("border",_objectManager.borderToString(_self.selectedMenu.getBorder()));
				xml =xmlTag("menuBackground",xml)
				var css =xmlTag("textFont",props["css_normal"]["textFont"]);
				css += xmlTag("textAlign",props["css_normal"]["textAlign"]);
				css += getCssXml(_self.selectedMenu,"normal");
				css += getCssXml(_self.selectedMenu,"hover");
				xml+=xmlTag("css",css)	;
				xml= xmlTag("menu_css",xml);				
				_ajax.ajaxCall_process("UploadEditorMenu",xml,"","_easyMenu.uploadMenu_response")
			}
		}		
	}
	this.uploadMenu_response = function(response){
		alert("Menu was uploaded successfully.");
	}
	this.chooseMenu = function(){
		_self.displayMenu("none");
		loadPrompt("/DisplaySharedMenus?direction="+getProperty("direction"));
	}
	this.closeMenuCss = function(){
		closePrompt();
		_self.displayMenu("block");
	}
	this.getStyle = function(option,style_id){		
		_ajax.ajaxCall_eval("GetEditorMenu","","menuID="+style_id+"&option="+option);
		_self.closeMenuCss();	
	}
	this.loadMenuStyle = function(layer,textFont,textAlign,bgColor,textColor,textSize,bold,italics,underline,border,bgImg,bgRepeat){
		if(_self.selectedMenu != null){
		_self.loadCss(_self.selectedMenu.properties.id,layer,textFont,textAlign,bgColor,textColor,textSize,bold,italics,underline,border,bgImg,bgRepeat)}
	}
	this.loadMenuBGStyle = function(bgColor,bgImg,bgRepeat,border){
		if(_self.selectedMenu != null){
			if(bgColor!="" && bgColor!="undefined" &&bgColor!=undefined)_self.selectedMenu.changeColor(bgColor);		
			if(bgImg!="" && bgImg!="undefined" && bgImg!=undefined)_self.selectedMenu.setBGImage(bgImg,bgRepeat);
			if(border!="" && border!="undefined" && border!=undefined)_self.selectedMenu.changeBorder(_objectManager.loadBorderObj(border))
		}
	}	
}