function Toolkit(){
	var _self = this;
	var _currentElement = null;
	var _toolkitDiv = document.getElementById("toolkit_div");
	var _collapsed = false;
	var _collapsedVideos = false;
	var _option = "normal";//determines what is being changed
	
	//interfaces for the color wheel
	var _colorWheel = document.getElementById('colorWheel');
	var _cwObject = null;
	var _cwiColor  = null;
	var _cwiBorder = null;
	var _cwiBGColor = null;	
	var _cwiCornerColor = null;	
	makeColorWheel();
	
	//border stuff
	var _borderSelector = new Object();
	_borderSelector["left"] = false;
	_borderSelector["right"] = false;
	_borderSelector["top"] = false;
	_borderSelector["bottom"] = false;
	var _currentBorderObj = "";
	var _lastSelectedBorder = "top";
	
	// toolkit tabs
	var _toolkitTabs = new Object();	
	_toolkitTabs['bgColor'] = 'closed';
	_toolkitTabs['border']  = 'closed';
	_toolkitTabs['corners'] = 'closed';
	_toolkitTabs['bgImg']   = 'closed';
	_toolkitTabs['cursor']  = 'closed';
	_toolkitTabs['scroll']  = 'closed';
	_toolkitTabs['selectImage']  = 'closed';
	_toolkitTabs['editImage']  = 'closed';
	_toolkitTabs['changeName']  = 'closed';
	_toolkitTabs['uploadFlash']  = 'closed';
	_toolkitTabs['selectFlash']  = 'closed';
	_toolkitTabs['selectEmbed']  = 'closed';
	_toolkitTabs['link']  = 'closed';
	_toolkitTabs['siteDimensions']  = 'closed';
	_toolkitTabs['siteAlignment']  = 'closed';
	_toolkitTabs['topMargin']  = 'closed';
	_toolkitTabs['setText']  = 'closed';
	_toolkitTabs['textProperties']  = 'closed';
	_toolkitTabs['textColor']  = 'closed';
	_toolkitTabs['numBlogPosts']  = 'closed';
	_toolkitTabs['elementSize']  = 'closed';
	_toolkitTabs['elementPosition']  = 'closed';
	_toolkitTabs['pageTitle']  = 'closed';
	_toolkitTabs['pageEmbed']  = 'closed';
	_toolkitTabs['metaData']  = 'closed';
	_toolkitTabs['textAlign']  = 'closed';
	_toolkitTabs['ddMenuPosition']  = 'closed';
	_toolkitTabs['editCSS']  = 'closed';
	_toolkitTabs['pageTemplate']  = 'closed';
	_toolkitTabs['imageZoom']  = 'closed';
	
	var _videos = new Object();//common videos
	_videos["3727746"]="Select multiple elements";
	_videos["3749630"]="Add element";
	_videos["3750189"]="Copy element";
	_videos["3750354"]="Bring element to front";
	
	function makeColorWheel(){
		_cwObject = new ColorWheel();
		_cwObject.setPosition(0,0);
		
		_cwiColor = new CWInterface(_colorWheel);
		_cwiColor.setCommand(function(){_toolkit.changeBGColor(_cwiColor.currentColor)})
		
		_cwiBorder = new CWInterface(_colorWheel);
		_cwiBorder.setCommand(function(){_toolkit.setBorderColor(_cwiBorder.currentColor)})
				
		_cwiTextColor = new CWInterface(_colorWheel);
		_cwiTextColor.setCommand(function(){_toolkit.setTextColor(_cwiTextColor.currentColor)})
		
		_cwiCornerColor = new CWInterface(_colorWheel);
		_cwiCornerColor.setCommand(function(){_toolkit.setCornerColor(_cwiCornerColor.currentColor)})						 
	}
	this.setZIndex = function(zIndex){if(zIndex!=undefined && zIndex!="undefined"){_toolkitDiv.style.zIndex = zIndex;}}
	this.displayToolkit = function(currentElement){
		_currentElement = currentElement;
		_self.displayToolkitOptions(_currentElement.properties['toolkit']);
		displayVideos();
		_collapsedVideos = false;
		_self.collapseVideos();
	}	
	this.displayToolkitOptions = function(props){
		if(props == undefined)
			_toolkitDiv.style.display = "none";
		else{
			_toolkitDiv.style.display = "block";
			for(eachTab in _toolkitTabs ){
				document.getElementById(eachTab+"_tab").style.display = "none";
				if(_toolkitTabs[eachTab] == "open" && props[eachTab] == undefined)
					_self.displayProperty(eachTab);
			}								
			for(eachTab in props ){
				document.getElementById(props[eachTab]+"_tab").style.display = "block";
				setCurrentProperties(props[eachTab]);
			}
		}					
	}
	function displayVideos(){
		var videos = _currentElement.properties["videos"];
		var div = document.getElementById("toolkit_video_tutorials");		
		var html= "";
		for(eachVideo in videos){
			html+="<table class='editorRegularText' style='color:#A1A1A1;'><tr><td><img src='work/WebsiteEditor/Images/toolkit/video.gif'/></td><td onclick='_toolkit.displayVideo(\""+eachVideo+"\")' style='cursor:pointer;'>"+videos[eachVideo]+"</td></tr></table>";	}
		html+="<hr/>";
		for(eachVideo in _videos){
			html+="<table class='editorRegularText' style='color:#A1A1A1;'><tr><td><img src='work/WebsiteEditor/Images/toolkit/video.gif'/></td><td onclick='_toolkit.displayVideo(\""+eachVideo+"\")' style='cursor:pointer;'>"+_videos[eachVideo]+"</td></tr></table>";}		
		div.innerHTML=html;
	}
	this.collapseVideos = function(){
		if(_collapsedVideos)
			document.getElementById("toolkit_video_tutorials").style.display = "block";
		else
			document.getElementById("toolkit_video_tutorials").style.display = "none";
		_collapsedVideos = !_collapsedVideos
	}
	this.displayVideo = function(video){
		_utilities.displayCover();
		var div = document.getElementById("tutorialVideo_div");
		_utilities.centerObject(div);
		document.getElementById("tutorialVideo_holderDiv").innerHTML = '<object width="640" height="500"><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="movie"' +
    			'value="http://vimeo.com/moogaloop.swf?clip_id='+video+'&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1"/><embed '+
    			'src="http://vimeo.com/moogaloop.swf?clip_id='+video+'&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1"'+
    			'type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"  width="640" height="500"/></object>'
		//document.getElementById("tutorialVideo_holderDiv").innerHTML = '<object width="640" height="500"><param name="movie" value="http://doctopus-wwwsrc.s3.amazonaws.com/videos/'+video+'.swf"><embed src="http://doctopus-wwwsrc.s3.amazonaws.com/videos/'+video+'.swf" width="640" height="500"></embed></object>'
		div.style.display = "block"; 
	}
	this.closeVideo =function(){
		document.getElementById("tutorialVideo_div").style.display="none";
		_utilities.hideCover();
	}
	function setCurrentProperties(property){
		switch(property){
			case 'bgColor':   	_self.setCurrentBackground(_currentElement.properties['bgColor']);break;
			case 'border':    	_self.setCurrentBorder(_currentElement.properties["borderObj"]);	break;
			case 'corners':	  	setCurrentCorners();break;
			case 'bgImg':	  	_bgImgManager.setCurrentValues(_elementsManager.getBGImg(), _elementsManager.getBGRepeat());break;
			case 'changeName':  setCurrentName();break;			
			case 'cursor':		setCurrentCursor();break;
			case 'selectFlash': setCurrentFlashAnimation();break;
			case 'selectEmbed': setCurrentEmbed();break;
		    case 'selectImage': setCurrentImage();break;
 			case 'link':		break;
		    case 'siteDimensions':setSiteDimensions();break;
			case 'siteAlignment':setSiteAlignment();break;
			case 'topMargin':	setTopMargin();break;
			case 'textProperties': getTextProperties();break;
			case 'textColor':   _self.setCurrentTextColor(_currentElement.properties['textColor']);break;
			case 'setText':		setCurrentText();break;
			case 'scroll':		setCurrentScrollBars();break;
			case 'numBlogPosts':setNumberBlogPosts();break;
			case 'elementSize': setElementSize();break;
			case 'elementPosition': setElementPosition();break;
			case 'pageTitle': setPageTitle();break;
			case 'pageEmbed': changePageEmbed();break;
			case 'editCSS': _self.setCurrentCSS(_currentElement.properties['type'],_currentElement.properties['cssId']);break;
			case 'imageZoom': _self.imageZoom(_currentElement.properties['imageZoom']);break;
			default:		    break;		
		}
	}
	function setElementSize(){
		var height = _currentElement.properties['holderDiv'].style.height;
		var width = _currentElement.properties['holderDiv'].style.width;
		document.getElementById("elemHeightPixels_radio").checked = true;
		document.getElementById("elemWidthPixels_radio").checked = true;
		if(height.indexOf("%") >=0)
			document.getElementById("elemHeightPercent_radio").checked = true;
		if(width.indexOf("%") >=0)
			document.getElementById("elemWidthPercent_radio").checked = true;
			
		document.getElementById("elemHeight_input").value = parseInt(height);
		document.getElementById("elemWidth_input").value = parseInt(width);	
	}
	this.changeElementSize =function(){
		var height = parseInt(document.getElementById("elemHeight_input").value);
		var width = parseInt(document.getElementById("elemWidth_input").value);
		if(document.getElementById("elemHeightPercent_radio").checked)
			height = height+"%";
		if(document.getElementById("elemWidthPercent_radio").checked)
			width = width+"%";
		_elementsManager.setSize(height,width);
		_itemMenu.resizeItemMenu();
	}
	
	function setElementPosition(){
		document.getElementById("elemTop_input").value = parseInt(_currentElement.properties['holderDiv'].style.top);
		document.getElementById("elemLeft_input").value = parseInt(_currentElement.properties['holderDiv'].style.left);	
	}
	
	this.changeElementPosition =function(){
		var topPos = parseInt(document.getElementById("elemTop_input").value);
		var leftPos = parseInt(document.getElementById("elemLeft_input").value);
		_elementsManager.setPosition(topPos,leftPos);
	}
	
	this.displayProperty = function(property){
		if(document.getElementById(property+"_toolbox").style.display == "none")
			_self.openPropertyDiv(property);
		else
			_self.closePropertyDiv(property);
								
	}
	this.closePropertyDiv = function(property){
		var propertyDiv = document.getElementById(property+"_toolbox");
		var tabDiv = document.getElementById(property+"_tab");
		_toolkitTabs[property] = 'closed';
		propertyDiv.style.display = "none"
		tabDiv.style.background = "url('work/common/images/docHead/navDDButton.gif')";
		var tabImg = document.getElementById(property+"_tabImg");
		if(tabImg!=undefined){
			tabImg.style.background = "url('work/WebsiteEditor/Images/toolkit/arrow_side.jpg')";
			tabImg.style.backgroundRepeat="no-repeat";
			tabImg.style.marginTop= "3px";
		}
	}
	this.openPropertyDiv = function(property){
		var propertyDiv = document.getElementById(property+"_toolbox");
		var tabDiv = document.getElementById(property+"_tab");
		propertyDiv.style.display = "block";
		tabDiv.style.background = "lightgreen";
		_toolkitTabs[property] = 'open';
		var tabImg = document.getElementById(property+"_tabImg");
		if(tabImg!=undefined){
			tabImg.style.background = "url('work/WebsiteEditor/Images/toolkit/arrow_down.jpg')";
			tabImg.style.backgroundRepeat="no-repeat";
			tabImg.style.marginTop= "6px";
		}
	}
	
	this.showBGColorWheel = function(holder, cwInterface, leftPos){
		document.getElementById(holder).appendChild(_colorWheel)
		_colorWheel.style.left = leftPos;
		_colorWheel.style.display = "block";
		if(cwInterface == "bg")	_cwObject.setInterface(_cwiColor);
		else if(cwInterface == "border") _cwObject.setInterface(_cwiBorder);
		else if(cwInterface == "textColor") _cwObject.setInterface(_cwiTextColor);
		else if(cwInterface == "corner") _cwObject.setInterface(_cwiCornerColor);
	}
	
	this.changeBGColor = function(color){
		if(_option == "menu"){
			_easyMenu.changeBGColor(color);
			_self.setCurrentBackground(_easyMenu.getBgColor());
		}else{	
			_elementsManager.changeObjectColor(color);
			_self.setCurrentBackground(_elementsManager.getBgColor());
		}
		_cssManager.addSiteColor(color);
	}
	this.setCurrentBackground =function(color){
		if(color!=undefined && color!="undefined"){
			document.getElementById("bgColorDiv").style.background = color;
			document.getElementById("bgColorInput").value = color;
			if(color != "transparent") document.getElementById("bgColorCheckbox").checked = false;
			else document.getElementById("bgColorCheckbox").checked = true;
		}
	}
	
	this.makeBGTransparent = function(value){
		if(value == true) _self.changeBGColor("transparent");
		else _self.changeBGColor("old");
	}
	
	this.setCornerColor = function(color){
		if(color!=undefined && color!="undefined"){
			_elementsManager.setCornerColor(color);
			document.getElementById("cornerColorDiv").style.background = color;
			document.getElementById("cornerColorDiv").setAttribute("borderColor",color);
			document.getElementById("cornerColorInput").value = color;
		}
	}
	this.setBorderColor = function(color){
		if(color!=undefined && color!="undefined"){
			document.getElementById("borderColorDiv").style.background = color;
			document.getElementById("borderColorInput").value = color;
			_self.changeBorder();
			_cssManager.addSiteColor(color);
		}
	}
	this.changeBorder = function(){
		var width = document.getElementById("borderWidthSelect").value;
		if((_currentElement.properties["type"] == "div" && _currentElement.properties["shape"] == "round") || _elementsManager.rounedDivSelected())
			width = document.getElementById("borderWidthRoundDiv_Select").value;
		var style = document.getElementById("borderStyleSelect").value;
		var color = document.getElementById("borderColorInput").value;
		document.getElementById("borderColorDiv").style.background = color;
		
		// if all borders are selected change ALL the borders
		if(allBordersSelected(false)){
			if(_currentBorderObj['all'] == undefined){
				for(eachBorder in _currentBorderObj){
					_currentBorderObj[eachBorder] = null;
					delete _currentBorderObj[eachBorder]
				}
				var borderProps = new Object();
				_currentBorderObj['all'] = borderProps;
			}
			_currentBorderObj['all']['weight'] = width + "px";
			_currentBorderObj['all']['style'] = style;
			_currentBorderObj['all']['color'] = color;
		}
		//otherwise change only the borders that were selected
		else{
			//for every border that wasn't selected assign it the value of the previous border i.e. ['all'] border values
			if(_currentBorderObj['all'] != undefined){
				for(eachBorder in _borderSelector){
					if(!_borderSelector[eachBorder]){
						var borderProps = new Object();
						borderProps['weight']= _currentBorderObj['all']['weight'] 
						borderProps['style'] = _currentBorderObj['all']['style'] 
						borderProps['color'] = _currentBorderObj['all']['color']
						_currentBorderObj[eachBorder] = borderProps; 
					}
				}
				_currentBorderObj['all'] = null;
				delete _currentBorderObj['all']; 
			}
			//finally change every border that was selected
			for(eachBorder in _borderSelector){
				if(_borderSelector[eachBorder]){								
					var borderProps = new Object();
					borderProps['weight'] = width + "px";
					borderProps['style'] = style;
					borderProps['color'] = color;
					_currentBorderObj[eachBorder] = borderProps;
				}
			}
		}
		if(_option=="menu"){
			_easyMenu.changeBorder(_currentBorderObj);
		}else{
			_elementsManager.changeBorder(_currentBorderObj);
		}
	}
	
	this.setCurrentBorder = function(borderObj){					
		_currentBorderObj = borderObj;
		//alert(_currentBorderObj['all'])
		if(borderObj == undefined) _currentBorderObj = new Object();
		
		if(borderObj != undefined)
		{
			_self.selectAllBorders();
			if(borderObj['all'] != undefined){
				document.getElementById("borderWidthSelect").value = parseInt(borderObj['all']['weight']);
				document.getElementById("borderStyleSelect").value = borderObj['all']['style'];
				document.getElementById("borderColorDiv").style.background = borderObj['all']['color'];
				document.getElementById("borderColorInput").value = borderObj['all']['color'];
			}	
			
		}
		if((_currentElement.properties["type"] == "div" && _currentElement.properties["shape"] == "round") || _elementsManager.rounedDivSelected()){
			if(_elementsManager.rounedDivSelected()){}
			else{
				document.getElementById("borderSelectorCover_div").style.display= "block";
				document.getElementById("borderWidthRoundDiv_Select").style.display = "block";
				var border = borderObj['all'];
				if(border!= undefined && parseInt(border['weight']) >= 1)
					document.getElementById("borderWidthRoundDiv_Select").value = "1";
				else
					document.getElementById("borderWidthRoundDiv_Select").value = border['weight'];
				document.getElementById("borderWidthSelect").style.display = "none";
			}
		}
		else{
			document.getElementById("borderSelectorCover_div").style.display= "none";
			document.getElementById("borderWidthSelect").style.display = "block";
			document.getElementById("borderWidthRoundDiv_Select").style.display = "none";
		}		
	}
	function displaySelectedBorders(){
		var weight = 0;
		var style  = 'solid';
		var color  = "black";
		//alert("selected borders the smae: " + allBorderValuesSame())
		if(allBorderValuesSame()){
			var border = "top";
			for(eachBorder in _borderSelector){
				if(_borderSelector[eachBorder]) border = eachBorder;
			}
			if(_currentBorderObj[border] == undefined) border = "all";			
			if(_currentBorderObj[border] != undefined){
				weight = _currentBorderObj[border]['weight']
				style  = _currentBorderObj[border]['style']
				color  = _currentBorderObj[border]['color']
			}	
		}
		document.getElementById("borderWidthSelect").value = parseInt(weight);
		document.getElementById("borderStyleSelect").value = style;
		document.getElementById("borderColorDiv").style.background = color;
		document.getElementById("borderColorInput").value = color;
	}
	function allBorderValuesSame(){
		var sameBorders = true;
		var firstBorder = true;
		var weight = 0;
		var style  = 'solid';
		var color  = "black";
		for(eachBorder in _borderSelector){
			if(_borderSelector[eachBorder]){
				var border = eachBorder;
				if(_currentBorderObj[border] == undefined) border ="all";
				if(firstBorder){
					weight = _currentBorderObj[border]['weight']
					style  = _currentBorderObj[border]['style']
					color  = _currentBorderObj[border]['color']
					firstBorder = false;
				}else{
					if(weight != _currentBorderObj[border]['weight']) sameBorders = false;
					if(style != _currentBorderObj[border]['style']) sameBorders = false;
					if(color != _currentBorderObj[border]['color']) sameBorders = false;
				}
			}
		}
		return sameBorders;
	}
	
	this.selectBorderDiv = function(border){
		_borderSelector[border] = !_borderSelector[border];
		_lastSelectedBorder = border;
		selectBorders();
	}
	function allBordersSelected(booleanValue){
		var allBordersSelected = booleanValue;
		if(!booleanValue) allBordersSelected = true;
		for(eachBorder in _borderSelector){
			if(booleanValue)
				allBordersSelected = _borderSelector[eachBorder] && allBordersSelected;
			else
				allBordersSelected = !_borderSelector[eachBorder] && allBordersSelected;
		}
		//alert("checking to see if they are all: " + booleanValue + " and thatis: " + allBordersSelected )
		return allBordersSelected;
	}
	function borderSelectorChangeAll(booleanValue){
		for(eachBorder in _borderSelector)
			_borderSelector[eachBorder] = booleanValue;
	}
	function selectBorders(){
		for(eachBorder in _borderSelector){
			if(_borderSelector[eachBorder]) document.getElementById(eachBorder+"BorderSelector_div").style.border = "1px dashed green";
			else document.getElementById(eachBorder+"BorderSelector_div").style.border = "0px dashed green";		
		}
		if(allBordersSelected(false)){
			document.getElementById("borderHelp_div").style.display = "block";
		}
		else if(allBordersSelected(true)){
			_self.selectAllBorders();
		}else{			
			document.getElementById("borderHelp_div").style.display = "none";
		}
		displaySelectedBorders();
	}
	this.changeIndividualBorders = function(value){
		if(value){
			document.getElementById("selectAllBorders_check").checked = true;
			document.getElementById("individual_borders_div").style.display = "block";
		}else{
			_self.selectAllBorders();
		}
	}
	this.selectAllBorders = function(){
		borderSelectorChangeAll(false);
		selectBorders();
		document.getElementById("selectAllBorders_check").checked = false;
		document.getElementById("individual_borders_div").style.display = "none";
	}
	
	function setCurrentCorners(){
		var corners = _currentElement.getCorners();
		if(corners['tl']==1){
			document.getElementById('CM_roundTL').style.visibility = 'visible';
			document.getElementById('CM_squareTL').style.visibility = 'hidden';
		}else{
			document.getElementById('CM_roundTL').style.visibility = 'hidden';
			document.getElementById('CM_squareTL').style.visibility = 'visible';
		}
		if(corners['tr']==1){
			document.getElementById('CM_roundTR').style.visibility = 'visible';
			document.getElementById('CM_squareTR').style.visibility = 'hidden';
		}else{
			document.getElementById('CM_roundTR').style.visibility = 'hidden';
			document.getElementById('CM_squareTR').style.visibility = 'visible';
		}
		if(corners['bl']==1){
			document.getElementById('CM_roundBL').style.visibility = 'visible';
			document.getElementById('CM_squareBL').style.visibility = 'hidden';
		}else{
			document.getElementById('CM_roundBL').style.visibility = 'hidden';
			document.getElementById('CM_squareBL').style.visibility = 'visible';
		}
		if(corners['br']==1){
			document.getElementById('CM_roundBR').style.visibility = 'visible';
			document.getElementById('CM_squareBR').style.visibility = 'hidden';
		}else{
			document.getElementById('CM_roundBR').style.visibility = 'hidden';
			document.getElementById('CM_squareBR').style.visibility = 'visible';
		}		
		
		if(_currentElement.properties['bgImg']!="" && _currentElement.properties['shape']=="round"){
			document.getElementById("cornerColor_table").style.display = "block";
			setCornerColor_priv(_currentElement.properties['cornerColor'])
		}else
			document.getElementById("cornerColor_table").style.display = "none";
	}
	function setCornerColor_priv(color){
		if(color == undefined) color = "#FFFFFF";
		document.getElementById("cornerColorDiv").style.background = color;
		document.getElementById("cornerColorDiv").setAttribute("borderColor",color);
		document.getElementById("cornerColorInput").value = color;		
	}
	
	this.setCornerColor = function(color){
		_elementsManager.setCornerColor(color);
		setCornerColor_priv(color);
		_cssManager.addSiteColor(color);
	}
	
	function setCurrentName(){
		document.getElementById("changeName_text").value =  _currentElement.properties['name'];
	}
	this.changeName = function(newName){
		if(newName == "") alert("Name cannot be blank.")
		else
			_elementsManager.changeName(newName);
	}
	
	this.setUploadFlashIFrame = function(){
		document.getElementById("flashUploadIframe").src = "work/WebsiteEditor/HTML/uploadFlash.html"
	}
	
	function setCurrentCursor(){
		var cursor = _currentElement.properties['cursor'];
		if(cursor == undefined || cursor == "undefined" || cursor =="")
			document.getElementById("defaultCursorRadio").checked = true;
		else
			document.getElementById(cursor+"CursorRadio").checked = true;
	}
	
	function setCurrentFlashAnimation(){
		var fName = _currentElement.properties['flashName'];		
		if(fName == undefined) fName = "None selected";
		
		document.getElementById("flashName_td").innerHTML = "<b>"+fName+"</b>";
	}
	function setCurrentEmbed(){
		var embedCode = _currentElement.properties['embedCode'];
		document.getElementById("embedCode_text").value = embedCode;
	}
	
	function setCurrentImage(){
		var iName = _currentElement.properties['imageName'];		
		if(iName == undefined) iName = "None Selected"
		document.getElementById("imageName_td").innerHTML = "<b>"+iName+"</b>";
	}
	this.setScrollBars = function(){
		var vertical = document.getElementById("verticalScroll_check").checked;
		var horizontal = document.getElementById("horizontalScroll_check").checked;
		var none = document.getElementById("noScroll_check").checked;
		var scrollBar = "none";
		if(!none){
			if(vertical && horizontal) scrollBar="both";
			else if(vertical)scrollBar = "vertical";
			else scrollBar = "horizontal";			
		}
			
		_elementsManager.setScrollBars(scrollBar);		
	}
	function setSiteDimensions(){	
		var height = _currentElement.properties['height'];
		var width = _currentElement.properties['width']; 
		
		if(height == 600 && width == 800) document.getElementById("SS8x6").checked = true;
		else document.getElementById("SS8x6").checked = false;
		
		if (height == 768 && width == 1024)document.getElementById("SS1x7").checked = true;
		else document.getElementById("SS1x7").checked = false;
		
		document.getElementById("ssWidth").value = _currentElement.properties['width']; 
		document.getElementById("ssHeight").value = _currentElement.properties['height'];		
	}
	
	function setSiteAlignment(){
		if(_currentElement.properties['alignment'] == "center"){
			 document.getElementById("SSAlignmentCenter").checked = true;
		}else{
			 document.getElementById("SSAlignmentFull").checked = true;
		}		
	}
	function setTopMargin(){
		document.getElementById("topMargin_text").value = _currentElement.properties['topMargin'];
	}
	
	this.setTextProperties = function(){
		var textFont = document.getElementById("fontSelectBox").value;
		var textSize = document.getElementById("textSize_text").value;
		var bold = "normal";  
		if(document.getElementById("boldText_check").checked)bold="bold";
		var underline = "none"; 
		if(document.getElementById("underlineText_check").checked)underline="underline";
		italics = "normal";
		if(document.getElementById("italicsText_check").checked)italics = "italic";
		
		//this option determines if the element is being changed or the menu is.
		if(_option == "menu"){ _easyMenu.changeMenuText(textFont,textSize,bold,underline,italics);
		}else if(_option == "css"){ _cssManager.setText(textFont,textSize,bold,underline,italics);
		}else{
			_elementsManager.setFont(textFont);
			if(textSize != "")	_elementsManager.setTextSize(textSize);		
			_elementsManager.setTextBold(bold);
			_elementsManager.setTextUnderline(underline)
			_elementsManager.setTextItalics(italics)
			
		}
	}
	
	this.setTextColor = function(color){
		if(_option=="menu"){_easyMenu.changeTextColor(color);}
		else if(_option=="css"){ _cssManager.changeTextColor(color);}
		else{_elementsManager.setTextColor(color);}
		_self.setCurrentTextColor(color);	
		_cssManager.addSiteColor(color);		
	}

	function getTextProperties(){
		_self.displayTextProperties(_currentElement.properties['fontTitle'],_currentElement.properties['textSize'],_currentElement.properties['textBold'],_currentElement.properties['textUnderline'],_currentElement.properties['textItalics']);
	}
	
	this.displayTextProperties = function(fontTitle,textSize,bold,underline,italics){
		document.getElementById("fontSelectBox").value = fontTitle;
		if(textSize!=undefined)document.getElementById("textSize_text").value = textSize;else document.getElementById("textSize_text").value ="";
		if(bold == "bold")document.getElementById("boldText_check").checked = true; else document.getElementById("boldText_check").checked = false;
		if(underline == "underline")document.getElementById("underlineText_check").checked = true; else document.getElementById("underlineText_check").checked = false;
		if(italics == "italic")document.getElementById("italicsText_check").checked = true; else document.getElementById("italicsText_check").checked = false;
	}
	
	this.setCurrentTextColor = function(color){
		if(color!=undefined && color!="undefined"){
			document.getElementById("textColor_div").style.background = color;
			if(color!=undefined)document.getElementById("textColor_Input").value = color;
			else document.getElementById("textColor_Input").value = "";
		}
	}
	function setCurrentText(){
		document.getElementById("setText_text").value = _currentElement.getText();
	}
	function setCurrentScrollBars(){
		document.getElementById("verticalScroll_check").checked = false;
		document.getElementById("horizontalScroll_check").checked = false;
		document.getElementById("noScroll_check").checked = false;
		
		var scrollBar = _currentElement.properties['scroll'];
		if(scrollBar == "both"){
			document.getElementById("verticalScroll_check").checked = true;
			document.getElementById("horizontalScroll_check").checked = true;
		}else if(scrollBar == "horizontal")
			document.getElementById("horizontalScroll_check").checked = true;
		else if (scrollBar == "vertical")
			document.getElementById("verticalScroll_check").checked = true;	
		else
			document.getElementById("noScroll_check").checked = true;
				
	}
	this.displayTextAlignment = function(alignment){
		document.getElementById("textAlignment_"+alignment).checked = true;
	}
	this.setTextAlignment = function(alignment){
		if(_option=="menu"){
			_easyMenu.changeTextAlignment(alignment);
		}
	}
	function setNumberBlogPosts(){
		document.getElementById("numBlogPosts_input").value = _pageInfo['numPosts'];	
	}
	function setPageTitle(){
		var title = _siteSettings.getPageTitle();
		if(title == undefined) title="";
		document.getElementById("setTitle_text").value = title;
	}
	
	function changePageEmbed(){
		var pageEmbed = document.getElementById("changePageEmbed_div");
		pageEmbed.innerHTML ='Insert a page from my site:<input type="button" value="Insert Page" onclick="_embedManager.displayPagesInToolkit();"/>';
	}
	this.editSimpleText = function(){
		_self.openPropertyDiv("setText");
		document.getElementById("setText_text").focus()
	}
	this.displayDDMenuPosition = function(position){
		if(position!=undefined && position!="undefined"){			
			document.getElementById("ddMenu_radio1_right").checked = false;						 
			document.getElementById("ddMenu_radio1_left").checked = false;
			document.getElementById("ddMenu_radio1_top").checked = false;
			document.getElementById("ddMenu_radio1_bottom").checked = false;
			document.getElementById("ddMenu_radio1_"+position).checked = true;
		}
	}
	this.changeCSS = function(cssId){
		_elementsManager.changeCSS(cssId);
		_self.setCurrentCSS(_currentElement.properties["type"],cssId)
	}
	this.setCurrentCSS = function(elementType,cssId){
		switch(elementType){
			case "textArea": elementType="text";break;
			default:break;
		}
		var classes = _cssManager.getElementClasses(elementType);
		var html = '<select onchange="_toolkit.changeCSS(this.value)" style="width:90%;">';		
		var selected ="";
		var notSet = true;
		for(eachClass in classes){
			if(eachClass==cssId){ selected="SELECTED"; notSet = false;}else{selected=""}
			html+='<option value="'+eachClass+'" '+selected+'>'+classes[eachClass]["name"]+"</option>"			
		}
		if(notSet) html+='<option value="notSet" SELECTED>None</option>';
		html+="</select>";		
		document.getElementById("changeCSS_toolkit_div").innerHTML=html;
		document.getElementById("editCSS_toolkit_div").innerHTML='<span onclick="_cssManager.editClass(\''+elementType+'\',\''+cssId+'\')">edit</span>';
	}
	this.setDDMenuPosition = function(position){
		_easyMenu.setCurrentDDMenuPosition(position);
	}
	this.collapse = function(){
		if(_collapsed)
			document.getElementById("toolkitOptions_div").style.display = "block";
		else
			document.getElementById("toolkitOptions_div").style.display = "none";
		_collapsed = !_collapsed	
	}
	this.setOption = function(option){
		if(option!=undefined && option!=null) _option = option;
		else _option = "noramal";
	}
	this.imageZoom = function(zoom){
		if(zoom==undefined || zoom=="undefined" || zoom==false){
			_self.enableZoom(false);
		}else{
			_self.enableZoom(true);
		}
	}
	this.enableZoom = function(enabled){		
		if(enabled){
			document.getElementById("imageZoom_desc_div").style.display = "none";
			document.getElementById("imageZoom_props_div").style.display = "block";
			var height = _currentElement.properties["zoomHeight"];
			var width = _currentElement.properties["zoomWidth"];
			if(height!=undefined){document.getElementById("imageZoom_height_input").value=height;
			}else{
				oHeight = _currentElement.properties["originalHeight"];
				if(oHeight!=undefined && oHeight!="undefined" && oHeight!="") document.getElementById("imageZoom_height_input").value = oHeight;
				else document.getElementById("imageZoom_height_input").value = "400";
			}
			if(width!=undefined){document.getElementById("imageZoom_width_input").value=width;
			}else{
				var oWidth = _currentElement.properties["originalWidth"]; 
				if(oWidth!=undefined && oWidth!="undefined" && oWidth!="") document.getElementById("imageZoom_width_input").value = oWidth;
				else document.getElementById("imageZoom_width_input").value = "400";
			}
			
		}else{
			document.getElementById("imageZoom_desc_div").style.display = "block";
			document.getElementById("imageZoom_props_div").style.display = "none";
			_elementsManager.setImageZoom(false,"","");
		}
		document.getElementById("_imageZoom_chackbox").checked = enabled;
	}
	this.setImageZoom = function(){
		_elementsManager.setImageZoom(true,document.getElementById("imageZoom_width_input").value,document.getElementById("imageZoom_height_input").value);
	}
}