var playlistUi  = {

    isOnMove:  false,
    loaded:    false,
    handle:    false,
    init: function () {   
        this.constructHtml();
    },
    initBinds: function () {
        me = this;
        _html = me.htmlElement; 
    },
    htmlElement : {
        container:   		'.playlistContainer',
        playlistUl:		'#playlist2teuf',
        playlistElement:   	'#playlist2teuf li', 
        title:         		'#player_track',
        playlistGlob    : '#playlistTxt'
    },
    constructHtml: function() {
        var HTML = '<div id="playlistTxt" class="playlistTxt">'
                        + '<ul id="playlist2teuf"><li class="nosound">Playlist2teuf Vide !</li></ul>'
                        + '</div>' + '<div class="playlistContainer">'
                            +'<div class="playlist-ui">'
                             + '</div>'
                           + '<div>';
            if($j('#playlistTxt').length==0) { 
            if($j('body').prepend(HTML)) { 
                return true;            
            } else { return false; } }
    },
    resetInterface: function () {
        $j(".playlistTxt").html('<ul><li class="nosound">Playlist2teuf Vide !</li></ul>');
        $j(".jp-play-time").html('');
        $j(".jp-total-time").html('');
    },
    refresh : function () {
        
	    me = this;
        var el = $j(me.htmlElement.playlistGlob);
        el.empty();
        s2tLog('-- refresh playlist --');
	    if(s2tool.isUser()) {
                    var ul = $j('<ul id="playlist2teuf"></ul>');
                    for(i=0; i < popupPlayer.s2tSound.length ; i++) {
                        var sound = popupPlayer.s2tSound[i]
                        var _class='';
                        /** reset position **/
                        sound.idPosition = i; 
                        if(sound.isPlaying==1) { _class="active" }
                        var content = '<li id="pl_'+i+'" class="'+_class+'">' 
                                          + '<a title="'+sound.autorUsername+ ' - ' +sound.title+'" href="javascript:s2tWarePlayer.loadSound('+i+');">'+sound.autorUsername+ ' - ' +sound.title+'</a>'; 
                        if(sound.isPlaying!=1) {
                            content +=  '<a class="delete" title="Supprimer '+sound.autorUsername+ ' - ' +sound.title+' de la playlist" href="javascript:s2tWarePlayer.deleteSound('+i+');">x</a></li>';
                        }
                        ul.append(content);
                    }
                    el.html(ul);
        
                    s2tWarePlayer.scrollize(el);
        me.loaded = true
        } else {  
            var el = $j(this.htmlElement.playlistGlob);
            el.empty();
                
            var ul = $j('<ul id="playlist2teuf"></ul>');
            ul.append("<li><a href='/creer_un_compte'>La playlist2teuf est une des nombreuses fonctionnalités <u>offertes</u> aux membres de S2T. Pour profiter pleinement de l'experience son2teuf et acceder au contenus tels que les playlist2teufs; <br />Passes le cap, et rejoins le premier réseau associal. À très bientôt!</a></li>");
            el.html(ul);

        }
        
   },
}