var cssStyle='#rootHoodDiv {margin: auto auto; width: 70px; padding: 10px; vertical-align: middle; text-align: center; text-weight: bold; background-color: #EEE; border-top: 3px solid #DDD; border-left: 3px solid #DDD; border-bottom: 3px solid #BBB; border-right: 3px solid #BBB; -moz-user-select:none;}';cssStyle+='div.Hoodlevel {marign: 0px auto; padding: 13px; margin: 10px; height: 35px; text-align: center; background-color: #EEE; border: 1px dashed red; }';cssStyle+='div.rootDivEditor { background: transparent url(images/icons/edit.png) no-repeat scroll 50% 50%; cursor: pointer; float: right; height: 20px; width: 20px; z-index: 1000;}';function HOODdiagram(div)
{this.levels=0;this.layoutCss='hood.css';this.offsetX=0;this.offsetY=0;this.mainDiv=document.getElementById(div);this.Objects=new Array();this.activeItem;this.MSIE=navigator.userAgent.indexOf('MSIE')>=0?true:false;this.opera=navigator.appVersion.indexOf('Opera')>=0?true:false;this.applyTheme(cssStyle);this._createHOODroot();try{ajaxObj=new sack('index.php');}catch(e){alert('You need to include the AJAX(SACK) js file');return;}}
HOODdiagram.prototype={_createHOODroot:function()
{var root=this._createHOODlevel(this.mainDiv);var rootDiv=elem('div',{id:'rootHoodDiv'},{},'HOOD');rootDiv.onclick=this.chooseObj;root.appendChild(rootDiv);this._createHOODlevel(rootDiv);},_createHOODlevel:function(Obj)
{var levelDiv=elem('div',{className:'Hoodlevel'},{},'');levelDiv.parentObj=Obj;levelDiv.appendChild(elem('div',{className:'levelDisplay'},{},''));this.mainDiv.appendChild(levelDiv);return levelDiv;},chooseObj:function(e)
{if(!e)e=window.event;var selectedObj=e.target||e.srcElement;if(this.activeItem==selectedObj)
{selectedObj.style.background='#EEE';this.activeItem=false;return;}
selectedObj.style.background='#629ED2 url(images/icons/HOODedit.png) no-repeat scroll 100% 0%';this.activeItem=selectedObj;},applyTheme:function(newStyle)
{if(typeof PRO_addStyle!='undefined')PRO_addStyle(newStyle,document);else if(typeof GM_addStyle!='undefined')GM_addStyle(newStyle);else if(typeof document.createStyleSheet!='undefined')
{this.stylesheet=document.createStyleSheet();newStyle=newStyle.replace(/;/g," !important;");var styles=newStyle.split(/}/);for(var i=0;i<styles.length;i++)
{var rule=styles[i].split(/{/);this.stylesheet.addRule(rule[0],rule[1]);}}else
{try{this.stylesheet=document.createElement('style');this.stylesheet.setAttribute('type','text/css');this.stylesheet.innerHTML=newStyle;document.getElementsByTagName('head')[0].appendChild(this.stylesheet);}catch(e){var warning=elem('div',{className:'warning'},{},'This browser does not support appending CSS styles!\nThis page uses AJAX to append CSS to the items... Please use another browser or just enable javascript to see the page in its fullest.');this.mainDiv.appendChild(warning);}}}}