var moduleid;
var iseditable;
function init_Media(_moduleid, _iseditable) {

    moduleid = _moduleid;
    iseditable = _iseditable;

    $('#mycarousel').empty();

    $('#mycarousel').jcarousel({
        initCallback: mycarousel_initCallback
        // Additional Configuration goes here
    });
}  
    
function mycarousel_initCallback(carousel, state) {
    
    var i;
    var html = "";
    var target = "";

    carousel.lock();

    $.ajax({
        type: "POST",
        url: "/desktopmodules/sitebuilder/components/WebService.asmx/FetchMedia",
        // pass parameters to webmethod
        data: "{ModuleID: " + moduleid + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            // clear all current modules
            $('#placeholder').empty();
            // if data is returned, iterate through response
            if (null != msg) {
                for (i = 0; i < msg.length; i++) {

                    html = '<li><div class="media_gallery"><span><img class="thumb" src="' + msg[i].FilePath + msg[i].ThumbnailFileName + '" /><br/>'
                    html += (iseditable == 'True') ? '<a class="lnkedit" rel=' + msg[i].MediaID + ' href="' + _privateurl + '?skin=' + _SiteSkin + '&mode=media&ItemID=' + msg[i].MediaID + '"><img src="/desktopmodules/sitebuilder/images/edit.gif" alt="edit" /></a>' : '';
                    html += msg[i].Caption + '</span>';

                    if (msg[i].MediaType == 1) {
                        html += '<div class="media"><img src="' + msg[i].FilePath + msg[i].FileName + '" alt="' + msg[i].Caption + '" /></div></div></li>'
                    }
                    else if (msg[i].MediaType == 2) {
                        html += '<div class="media"><embed src="/desktopmodules/sitebuilder/modules/media/player/player.swf" width="320" height="240" bgcolor="undefined" allowscriptaccess="always" allowfullscreen="true" flashvars="file=' + msg[i].FilePath + msg[i].FileName + '"></embed>';
                    }
                    carousel.add(i + 1, html);
                }
                carousel.size(msg.length);
            }

            $('.media_gallery').media_gallery({ thumbnail_element: 'span', target_container: '#gallery_display' });

            // Unlock and setup.
            carousel.unlock();
            carousel.setup();

            SetEditControls(iseditable, moduleid, 'media');
        }
    });
}