/**
* EPiServer.LiveService 
*
* (C)opyright EPiServer AB 2009 - All Rights Reserved
*/
$(document).ready(function() {

    $("img.episerver-liveservice-client").each(function(i, img) {

        var imgObject = $(this);

        var serviceUrl = imgObject.attr("serviceUrl");
        var originator = imgObject.attr("originator");
        var buddies = imgObject.attr("buddies");
        var s_clientWidth = imgObject.attr("chatClientWidth");
        var s_clientHeight = imgObject.attr("chatClientHeight");

        var clientWidth = s_clientWidth ? parseInt(s_clientWidth, 10) : 250;
        var clientHeight = s_clientHeight ? parseInt(s_clientHeight, 10) : 400;

        var frameHeight = clientHeight - 30;

        imgObject.attr("src", serviceUrl + "chatimage.gif?buddies=" + buddies);

        $(imgObject).error(function() {
            $(this).replaceWith("");
        });

        $(imgObject).click(function() {

            var clientHtml = "<div class=\"episerver-liveclient-core\" style=\"background-color:#f0f0f0; margin:2px 2px 2px 4px; padding:2px 2px 2px 4px; width:" + clientWidth + "px; height:" + clientHeight + "px;border-color: Black; border-style: solid; border-width: 1px;\"> " +
                             "<div>" +
                             "<img class=\"episerver-liveclient-clientclose\" src=\"" + serviceUrl + "webclient/close.gif\" alt=\"Close conversation\" vspace=\"3\" hspace=\"1\" />" +
                             "</div>" +
                             "<div>" +
                             "<iframe class=\"episerver-liveclient-frame\" width=\"100%\" height=\"" + frameHeight + "\" frameborder=\"0\" src=\"" + serviceUrl + "/webclient/core.html?originator=" + originator + "&buddies=" + buddies + "\"></iframe>" +
                             "</div>" +
                             "</div>";

            var _imgObject = $(this);

            $(this).after(clientHtml).ready(function() {
                var closeObject = $(this).find("img.episerver-liveclient-clientclose");
                var coreObject = $(this).find("div.episerver-liveclient-core");
                var frameObject = $(this).find("iframe.episerver-liveclient-frame");

                //coreObject.slideDown("slow");
                _imgObject.hide();

                closeObject.click(function() {
                    coreObject.slideUp("slow", function() {
                        frameObject.attr("src", "about:blank");
                        _imgObject.show();
                        $(this).replaceWith("");
                    });
                });
            });
        });
    });
});