var wrap = '<div id="ck_container-player" class="subcolumns">';
        wrap += '<div id="player-wrapper" style="float: left; width: 600px;">';
          wrap += '<div id="companion"></div>';
          wrap += '<div id="player"></div>';
        wrap += '</div>';
        wrap += '<div id="pcontainer" style="display:none; float: left; width: 390px">';
          wrap += '<div class="playlist">';
            wrap += '<div id="cliplist" class="clips"></div>';
          wrap += '</div>';
          wrap += '<br class="clear" />';
        wrap += '</div>';
      wrap += '<br class="clear" /></div>';
  
  document.write(wrap);


lazy_load_jQuery = function() {
    lazy_load_jQuery.getScript("http://cdn.clipkit.de/lib/js/jquery.js");
    lazy_load_jQuery.tryReady(0);
}

lazy_load_jQuery.getScript = function(filename) {
    var fileref = document.createElement('script');
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", filename);
    if (typeof fileref!="undefined"){
        document.getElementsByTagName("head")[0].appendChild(fileref);
    }
}

lazy_load_jQuery.tryReady = function(time_elapsed) {
    if (typeof jQuery == "undefined") {
        if (time_elapsed <= 5000) {
            setTimeout("lazy_load_jQuery.tryReady(" + (time_elapsed + 200) + ")", 200);
        }
    } else {
        jQuery.noConflict();
        lazy_load_flowplayer();
    }
}

/*
 * Start Loading...
 */
if (typeof jQuery == "undefined") {

    lazy_load_jQuery();

} else {
    jQuery(function(){
        lazy_load_flowplayer();
    });
}
function lazy_load_flowplayer(){
    if (typeof flowplayer == "undefined") {
        jQuery.ajax({
            url: 'http://cdn.clipkit.de/lib/js/flowplayer.js',
            type: 'GET',
            dataType: 'script',
            cache: true,
            success: function(response) {
                lazy_load_flowplayer_playlist();
            }
        })
    } else {
        lazy_load_flowplayer_playlist();
    }
}

function lazy_load_flowplayer_playlist(){
    jQuery.ajax({
        url: 'http://cdn.clipkit.de/lib/js/flowplayer.playlist.js',
        type: 'GET',
        dataType: 'script',
        cache: true,
        success: function(response) {
        load_player_config();

        }
    });
}

  function lazy_load_flowplayer_nuggad(){

    var config = playlistConfig;
    if(typeof config.user.plugins.nuggad.nuggrid == 'undefined'){
        var nuggrid = encodeURIComponent(top.location.href);
    }else{
    var nuggrid = config.user.plugins.nuggad.nuggrid;
    }

    var nuggn = config.user.plugins.nuggad.nuggn;
    var nuggsid = config.user.plugins.nuggad.nuggsid;

    jQuery.ajax({
        url: "http://clipkit.nuggad.net/rc?nuggn="+nuggn+"&nuggsid="+nuggsid+"&nuggrid=" + nuggrid,
        type: 'GET',
        dataType: 'script',
        cache: false,
        success: function(response) {
          if(typeof n_pbt != 'undefined'){
            playlistConfig.user.plugins.liverail.LR_TAGS  += ',' + (n_pbt.replace(';',',').replace(';',''));
          }
          init_player();
        },
        error: function(){
          init_player();
        }
      });

  }

  var playlistConfig;

function load_player_config() {
    jQuery.ajax({
        type: 'GET',
        url: 'http://signin.clipkit.de/9/player/5/playlist/54/config.json',
        dataType: 'jsonp',
        success: function(response) {
            playlistConfig = response;
            if(typeof response.user.plugins.nuggad != 'undefined' && response.user.plugins.liverail != 'undefined'){
              lazy_load_flowplayer_nuggad();
            }else{
              init_player();
            }

            init_css();
        }
    });
}

function init_css(){
    jQuery("head").append('<link rel="stylesheet" href="http://cdn.clipkit.de/9/playlist/template/playlist.css" type="text/css" />');
}


function init_player() {
    var config = playlistConfig;

    jQuery('#player').css({
        'width': config.player.css.width + 'px',
        'height': config.player.css.height + 'px'
    });

    var actualTime = new Date();

    var playerParams = {
        width: config.player.css.width + 'px',
        height: config.player.css.height + 'px',
        logo: config.player.logo,
        clip: config.clip,
        canvas: config.player.canvas,
        playlist: config.playlist+'?'+actualTime.getTime(),
        plugins: {
            controls: config.player.plugins.controls
        },
        onLoad: function() {
            jQuery("#pcontainer").css({
                visibility:'visible'
            });
            jQuery('#pcontainer').show();

            var playlistObj = this.getPlaylist();

            var splashScreen = "http://cdn.clipkit.de/7/video/88707/thumbnails/previous.png?phash=f26c29f413d85664218df7bde03b00c6";

            if(splashScreen != playlistObj[0].url){
                var newClip = {
                    scaling: 'fit',
                    url: splashScreen,
                    title: 'Preview'
                };

                this.addClip(newClip,0);

                this.play(0);
            }

            if(this.getCommonClip().autoMute == true){
              this.mute();
            }else{
              this.unmute();
            }

            clipkitPlayerLoaded(this);
        }
    };
    if(config.player.autoMute != 'undefined'){
        if(playerParams.clip.autoMute == 'undefined'){
            playerParams.clip.autoMute = config.player.autoMute;
        }
        playerParams.clip.autoMute = playerParams.clip.autoMute || config.player.autoMute;
    }
    if(typeof config.user.plugins.liverail != "undefined" && typeof config.user.plugins.liverail.LR_PUBLISHER_ID != "undefined"){
        playerParams.plugins.liverail = config.user.plugins.liverail;
      if(typeof config.clip.clipkitPlaylistId != 'undefined'){
        playerParams.plugins.liverail.LR_VIDEO_AMID = config.clip.clipkitPlaylistId;
      }
      if(config.user.plugins.liverail.LR_URL == 'undefined' || config.user.plugins.liverail.LR_URL == ''){
        playerParams.plugins.liverail.LR_URL = top.location.href;
      }
    }

    if(typeof config.user.plugins.secure_stream != 'undefined'){
        playerParams.plugins.secure_stream = config.user.plugins.secure_stream;
    }

    if(typeof clipkitPlayerLoaded == 'undefined'){
        clipkitPlayerLoaded = function(player){}
    }

    flowplayer('player', {src: 'http://cdn.clipkit.de/lib/swf/v-3.2.5/clipkitplayer.swf', wmode: 'opaque' }, playerParams);

    if(390 > 0 || 337 > 0){

        if(parseInt(config.player.css.height) > parseInt(337))
        {
            var playlistheight = parseInt(config.player.css.height);
        }
        else
        {
            var playlistheight = parseInt(337);
        }

        if('right' == 'left'){
            jQuery('#container_player').css({
                'width': config.player.css.width + 'px',
                'height': playlistheight + 'px'
            });
            jQuery('#pcontainer').css({
                'width': 390 + 'px',
                'height':337 - 2 + 'px',
                'left': 0,
                'top': 0
            });
            jQuery('#player-wrapper').css({
                'width': config.player.css.width + 'px',
                'height': config.player.css.height + 'px',
                'left': 390 + 'px',
                'top': 0
            });
        }else if('right' == 'right'){
            jQuery('#container_player').css({
                'height': playlistheight + 'px'
            });
            jQuery('#pcontainer').css({
                'width': 390 + 'px',
                'height':337 - 2 + 'px',
                'left': config.player.css.width + 'px',
                'top': 0
            });
            jQuery('#player-wrapper').css({
                'width': config.player.css.width + 'px',
                'height': config.player.css.height + 'px',
                'left': 0,
                'top': 0
            });
        }else if('right' == 'top'){
            jQuery('#container_player').css({
                'height': (parseInt(config.player.css.height) + parseInt(337)) + 'px'
            });
            jQuery('#pcontainer').css({
                'width': 390 + 'px',
                'height':337 - 2 + 'px',
                'left': 0,
                'top': 0
            });
            jQuery('#player-wrapper').css({
                'width': config.player.css.width + 'px',
                'height': config.player.css.height + 'px',
                'left': 0,
                'top': 337 + 'px'
            });
        }else{// if('right' == 'bottom'){
            jQuery('#container_player').css({
                'height': (parseInt(config.player.css.height) + parseInt(337)) + 'px'
            });
            jQuery('#pcontainer').css({
                'width': 390 + 'px',
                'height':337 - 2 + 'px',
                'left': 0,
                'top': config.player.css.height + 'px'
            });
            jQuery('#player-wrapper').css({
                'width': config.player.css.width + 'px',
                'height': config.player.css.height + 'px',
                'left': 0,
                'top': 0
            });
        }

        jQuery('div.playlist').css({
            'height': 337 - 32 + 'px',
            'width': 390  + 'px',
            'overflow': 'hidden'
        });

        flowplayer('player').playlist("div.clips", {preview: 1,loop: true, template: '<a style="height: 337px;" href="${url}" class="first ${clipkit:className}"><span><img style="float:right;" alt="${title}" width="195" height="110" src="${clipkit:imagePath}"><strong>${title}</strong>${media:description}</span></a>'});

	    if(typeof config.user.clickThruTracker != "undefined"){

	    	var trackerCode = '<object width="1" height="1">';
	    	trackerCode += '<param name="movie" value="http://cdn.clipkit.de/lib/swf/clipkit.third-party-ad-tracker.swf"></param>';
	    	trackerCode += '<param name="allowFullScreen" value="true"></param>';
	    	trackerCode += '<param name="allowscriptaccess" value="always"></param>';
	    	trackerCode += '<param name="flashvars" value="pc=' + config.user.clickThruTracker + '&publisher=' + config.user.website + '&lr_publisher=' + config.user.plugins.liverail.LR_PUBLISHER_ID + '"></param>';
	    	trackerCode += '<embed src="http://cdn.clipkit.de/lib/swf/clipkit.third-party-ad-tracker.swf" flashvars="pc=' + config.user.clickThruTracker + '&publisher=' + config.user.website + '&lr_publisher=' + config.user.plugins.liverail.LR_PUBLISHER_ID + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1" height="1"></embed>';
                trackerCode += '</object>';


	    	jQuery('#container_player').append( trackerCode );
	     }
    }
}