var objBody;
    var loginBox
    var bgOverlay;

    $(document).ready(function(){
        objBody = document.getElementsByTagName("body").item(0);
        bgOverlay = document.createElement("div");
        bgOverlay.setAttribute('id', 'bg-overlay');            
        objBody.appendChild(bgOverlay);
        $("#bg-overlay").click(function () { closeLoginBox(); });        
    });

    function drawLiteFrame(url) {
        if (loginBox == null) {                    
            $("#bg-overlay").fadeTo('fast', '0.8');
            $("#bg-overlay").css('display', 'block');
            $("#bg-overlay").css('height', $(document).height());            
            loginBox = document.createElement("div");
            loginBox.setAttribute('id', 'liteframe-box');
            objBody.appendChild(loginBox);                  
            var startpos = ($(window).width() / 2) - ($("#liteframe-box").width() / 2)                               
            $("#liteframe-box").css("left", startpos + "px");
            $("#liteframe-box").css("top", $(document).scrollTop() + 100 + "px");
            $("#liteframe-box").animate({
                left: (startpos - 175) + "px",
                width: "550px"
            }, function () {
                /*
                loginBox.innerHTML = "<iframe frameborder=\"0\" src=\"" + url + "\" height=\"320\" width=\"550px\"></iframe>";
                */                                      
                var objClose = document.createElement("a");          
                objClose.setAttribute('href', 'javascript: closeLoginBox()');
                var textdiv = document.createElement("div");
                textdiv.setAttribute('id', 'liteframe-content');              
                $.ajax({           
                    url: url,
                    success: function(data) {
                        //Filter data for browser compliance  
                       textdiv.innerHTML = data;
                    }
                 });                
                loginBox.appendChild(textdiv);                     
                objClose.setAttribute('id', 'liteframe-close');
                loginBox.appendChild(objClose);                                                               
               }
            );
        }
    }

    function drawLiteFrameByWidth(url, myWidth) {
        if (loginBox == null) {                    
            $("#bg-overlay").fadeTo('fast', '0.8');
            $("#bg-overlay").css('display', 'block');
            $("#bg-overlay").css('height', $(document).height());            
            loginBox = document.createElement("div");
            loginBox.setAttribute('id', 'liteframe-box');
            objBody.appendChild(loginBox);                  
            var startpos = ($(window).width() / 2) - ($("#liteframe-box").width() / 2)                                
            $("#liteframe-box").css("left", startpos + "px");
            $("#liteframe-box").css("top", $(document).scrollTop() + 100 + "px");
            $("#liteframe-box").animate({
                left: startpos - ((myWidth - $("#liteframe-box").width()) / 2) + "px",
                width: myWidth + "px"
            }, function () {
                /*
                loginBox.innerHTML = "<iframe frameborder=\"0\" src=\"" + url + "\" height=\"320\" width=\"550px\"></iframe>";
                */                                      
                var objClose = document.createElement("a");          
                objClose.setAttribute('href', 'javascript: closeLoginBox()');
                var textdiv = document.createElement("div");
                textdiv.setAttribute('id', 'liteframe-content');              
                $.ajax({           
                    url: url,
                    success: function(data) {
                        //Filter data for browser compliance  
                       textdiv.innerHTML = data;
                    }
                 });              
                 loginBox.appendChild(textdiv);                  
                objClose.setAttribute('id', 'liteframe-close');
                loginBox.appendChild(objClose);                                                               
               }
            );
        }
    }


    function closeLoginBox() {
        $("#bg-overlay").css("display", "none");
        objBody.removeChild(loginBox);
        loginBox = null;
    }