var boxie={elements:{},hasElement:{},isOpen:false,openBoxie:function(htmlNodes,div,hidden){div=div==undefined||div==true?true:false;hidden=hidden==undefined||hidden==true?true:false;if(this.isOpen){this.closeBoxie();}
this.div=div;this.makeBox(htmlNodes);this.setElements();if(div){this.elements.overlay.style.display='block';}
this.elements.boxie.style.display=hidden?'none':'block';onkeypress=function(e){if(e.keyCode==27){boxie.closeBoxie();}}
this.isOpen=true;},makeBox:function(htmlNodes){this.elements.body=document.getElementsByTagName('body');this.elements.body=this.elements.body[0];if(this.div){var div=document.createElement('div');div.id='overlay';this.elements.body.appendChild(div);this.hasElement.overlay=true;}
var div=document.createElement('div');div.id='boxie';if(htmlNodes instanceof Array){for(var i=0;i<htmlNodes.length;i++){div.appendChild(htmlNodes[i]);}
this.elements.body.appendChild(div);}else if(typeof(htmlNodes)=='string'){this.elements.body.appendChild(div);document.getElementById('boxie').innerHTML+=htmlNodes;}else{div.appendChild(htmlNodes);this.elements.body.appendChild(div);}},addToBox:function(htmlNodes,id){var element=typeof(id)=='string'?document.getElementById(id):this.elements.boxie;if(htmlNodes instanceof Array){for(i=0;i<htmlNodes.length;i++){element.appendChild(htmlNodes[i]);}}else{element.appendChild(htmlNodes);}},removeFromBox:function(htmlNodes,id){var element=typeof(id)=='string'?document.getElementById(id):this.elements.boxie;if(htmlNodes instanceof Array){for(i=0;i<htmlNodes.length;i++){element.removeChild(htmlNodes[i]);}}else{element.removeChild(htmlNodes);}},setElements:function(){this.elements.overlay=document.getElementById('overlay');this.elements.boxie=document.getElementById('boxie');},hideBoxie:function(){this.elements.boxie.style.display='none';},showBoxie:function(){this.elements.boxie.style.display='block';},closeBoxie:function(){if(this.div){this.elements.overlay.style.display='none';if(this.hasElement.overlay){this.elements.body.removeChild(this.elements.overlay);this.hasElement.overlay=false;}}
this.elements.boxie.style.display='none';if(document.getElementById('boxie')){this.elements.body.removeChild(this.elements.boxie);}
this.isOpen=false;}};