//object to work with the magkey credit card swiper
//<input type="text" onchange="CreditCardSwiper.Swipe(this.value,$$(element,element2,element3,etc),ajaxlookupnumber);"

var PopupPosY = 0;
var PopupPosX = 0;
var PopupName = 'CommentBox';
var ImgSave  = 'images/inputs/save.gif';
var ImgClose = 'images/inputs/close.gif';


    var PopupBox = {
    
        Listen      : function() {
                            //if (document.addEventListener) { window.addEventListener('keyup', function(e) { PopupBox.Popup(e) },false); }
                            //if (document.attachEvent)      { document.attachEvent('onkeyup',  function(e) { PopupBox.Popup(e) },false); }
                      },


        Popup       : function(e, id, str, user, date) {
                                
                                    if (!$$(PopupName)) {
                 
                                            var BoxElement = document.createElement("div");
                                                BoxElement.id = PopupName;
                                                BoxElement.style.cssText = "position: absolute; top: "+ PopupPosY +"px; left: "+ PopupPosX +"px; background-color: #fff; display: block; z-index: 500;";
                                                BoxElement.innerHTML = '<div class="SectionTitle" style="width: 300px;"><div style="float: left;">Comment Box</div><div style="float: right; cursor: pointer;" onclick="PopupBox.Destroy($$(\''+ PopupName +'\'))"><img src="images/remove.gif" /></div><div class="clr"></div></div>'+
                                                                       '<div style="margin-top: 3px; border: 1px solid #a9a797;"><textarea id="'+ PopupName +'Text" style="width: 303px; height: 80px; padding: 3px; border: 0px;" onkeyup="PopupBox.Popup(event)"></textarea></div>'+
                                                                       '<div style="text-align: right; margin-top: 3px;"><img src="'+ ImgSave +'" style="cursor: pointer;" onclick="PopupBox.Notes('+ id +')"/> <img src="'+ ImgClose +'" style="cursor: pointer;" onclick="PopupBox.Destroy($$(\''+ PopupName +'\'))" /></div>';

                                            parent.document.body.appendChild(BoxElement);

                                            PopupBox.Place(e,$$(PopupName));
                                            $$(PopupName +'Text').focus(); 
                                    }
                                    else { 
                                            //PopupBox.Destroy($$(PopupName)); 
                                            //PopupBox.Popup(e); 
                                    }

                            if (e.keyCode == 27 && $$(PopupName)) { PopupBox.Destroy($$(PopupName)); }
                      },

        Pos         : function(e) {
                            if (e.pageX)   { PopupPosX = (e.pageX); }
                            if (e.clientX) { PopupPosX = (e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft); }

                            if (e.pageY)   { PopupPosY = (e.pageY); }
                            if (e.clientY) { PopupPosY = (e.clientY + document.body.scrollTop + document.documentElement.scrollTop); }
                      },

        Place       : function(e,obj) {
                            PopupBox.Pos(e);
                            obj.style.top  = PopupPosY +"px";
                            obj.style.left = (PopupPosX - 300 ) +"px";
                      },

        Destroy     : function(obj) { parent.document.body.removeChild(obj); },
        
        Notes       : function(id) {
                            ajaxData(45, '', '', id, document.getElementById("CommentBoxText").value)
                            PopupBox.Destroy($$(PopupName));
                           
                      },
                      
        Popup2       : function(e, title, id) {
                                
                                    if (!$$(PopupName)) {
                           
                           str = " show section brief and users already assigned to this section"
                                            var BoxElement = document.createElement("div");
                                                BoxElement.id = PopupName;
                                                BoxElement.style.cssText = "position: absolute; top: "+ PopupPosY +"px; left: "+ PopupPosX +"px; background-color: #fff; display: block; z-index: 500;";
                                                BoxElement.innerHTML = '<div class="SectionTitle" style="width: 500px;"><div style="float: left;">'+ title +'</div><div style="float: right; cursor: pointer;" onclick="PopupBox.Destroy($$(\''+ PopupName +'\'))"><img src="images/remove.gif" /></div><div class="clr"></div></div>'+
                                                                       '<div style="margin-top: 3px; border: 1px solid #a9a797;"><textarea id="'+ PopupName +'Text" style="width: 503px; height: 250px; padding: 3px; border: 0px;" onkeyup="PopupBox.Popup(event)" disabled="disabled">'+ str +'</textarea></div>'+
                                                                       '<div style="text-align: right; margin-top: 3px;"> <img src="'+ ImgClose +'" style="cursor: pointer;" onclick="PopupBox.Destroy($$(\''+ PopupName +'\'))" /></div>';

                                            parent.document.body.appendChild(BoxElement);

                                            PopupBox.Place(e,$$(PopupName));
                                            $$(PopupName +'Text').focus(); 
                                    }

                            if (e.keyCode == 27 && $$(PopupName)) { PopupBox.Destroy($$(PopupName)); }
                      },  
        Notes2       : function(id) {
                            ajaxData(45, '', '', id, document.getElementById("CommentBoxText").value)
                            PopupBox.Destroy($$(PopupName));
                           
                      },                                          

        //custom stuff take this out if used elsewhere                
        AjaxLookup  : function(ajax,obj,a,b,c,d,e) { 
                        $$('lookupLastName').value = d;
                        $$('lookupFirstName').value = e
                        ajaxData(ajax,obj,'CustomerMsg',a,b,c,d,e); 
                        
                      }
    };
    
//PopupBox.Listen(window.event);