Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Basic Chat</title>
    <script src="scripts/Chat.Config.js"></script>
    <style>
        #mycontent, #mychat {
            width: 400px;
            height: 400px;
            float: left;
            border: 5px solid #000;
            margin-left: 10px;
        }
    </style>
</head>
<body>
    <div id="mycontent">&nbsp;This is my website content.</div>
    <div id="mychat" style="position:relative;" />
    <script src="scripts/jquery-2.0.3.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#mychat").hide();
            var page = 'http://micc.xxx.xxxxx/ccmwa/chat/AAAAAAAA-BBBB-CCCC-DDDD-EEEEEEEEEEEE';
            // var page = document.location.protocol + '\/\/' + document.location.host + '/ccmwa/chat/AAAAAAAA-BBBB-CCCC-DDDD-EEEEEEEEEEEE';
            $("#mychat").load(page, { queueId: "AAAAAAAA-BBBB-CCCC-DDDD-EEEEEEEEEEEE", hdr: "move", targetContainer: "#mychat" }, function (data) {
                $("#mychat").show();
            });
        });
    </script>
</body>
</html>