/* gui interactions here
 * set- functions only set/update the gui elements
 * do- functions interact with the server
 * show- functions do both
 */
/********************
 * Song Info Sreen
 ********************/
function resetSong() {
    pauseTimer();
    setPlayState(false);
    setPosition(0);
    var data = new Object;
    data.name = '';
    data.artists = '';
    data.length = 0;
    data.uri = '';
    setSongInfo(data);
}

function expandSonginfo() {
}

function resizeSonginfo() {
    $("#infoname").html(songname);
    if ((artiststext.length > 90) || (songname.length > 50)) {
        $("#infoartist").html(artiststext);
        //bug in truncate?
        var spanwidth = $("#infoartist").width() - 1;
        $("#infoname").truncate({
            width : spanwidth,
            token : '…',
            center : true,
            multiline : false
        });
        $("#infoartist").truncate({
            width : spanwidth,
            token : '…',
            center : true,
            multiline : false
        });
        $("#infoartist").html('<a href="#controlsmodal" data-rel="popup">' + $("#infoartist").html() + '</a>');
    } else {
        $("#infoartist").html(artistshtml);
    }
}

function setSongInfo(data) {
    artistshtml = '';
    artiststext = '';
    songname = data.name;
    if (songname == '') {
        return
    };

    for (var j = 0; j < data.artists.length; j++) {
        artistshtml += '<a href="#" onclick="return showArtist(\'' + data.artists[j].uri + '\');">' + data.artists[j].name + '</a>';
        artiststext += data.artists[j].name;
        if (j != data.artists.length - 1) {
            artistshtml += ', ';
            artiststext += ', ';
        }
    }

    if (data.album) {
        $("#modalalbum").html('Album: <a href="#" onclick="return showAlbum(\'' + data.album.uri + '\');">' + data.album.name + '</a>');
    }
    $("#modalname").html(songname);
    var arttmp = 'Artist';

    if (data.artists.length > 1) {
        arttmp += 's';
    }
    $("#modalartist").html(arttmp + ': ' + artistshtml);

    $("#trackslider").attr("min", 0);
    $("#trackslider").attr("max", data.length);
    $("#songlength").html(timeFromSeconds(data.length / 1000));

    resizeSonginfo();

    $('#currenttable li').each(
    function() {
        //console.log(this.className);
        $(this).removeClass("currenttrack");
        if (this.id == data.uri) {
            $(this).addClass('currenttrack');
        }
    });
}

/***************
 * display popup
 * @param {Object} listuri
 * @param {Object} trackuri
 */
function popupTracks (e, listuri, trackuri) {
    if (!e) var e = window.event;
    //console.log('list: ' + listuri + ', track: ' + trackuri);
    $('#popupTrackName').html(popupData[trackuri].name);
    $('#popupAlbumName').html(popupData[trackuri].album.name);
    var child = "";
    $('#popupArtistsLi').remove();
    if (popupData[trackuri].artists.length == 1) {

        //this doesnt work
//        child += '<a href="#" onclick="showArtist(\'' +popupData[trackuri].artists[0].uri + '\');">Show Artist <span class="popupArtistName">' + popupData[trackuri].artists[0].name + '</span></a>';
    $('#popupTracksLv').append($('<li/>', { 'id': "popupArtistsLi"})
        .append($('<a/>', {
            'href': '#', 
            'onclick': 'showArtist(\'' +popupData[trackuri].artists[0].uri + '\');',
            'text': 'Show Artist '  
        }).append($('<span/>', {
            'class': 'popupArtistName',
            'text': popupData[trackuri].artists[0].name
        }))));
        
        $('#popupArtistsDiv').hide();
//        console.log(child);
//        $('#popupArtistsLi').html(child).show();
    } else {
        for (var j = 0; j < popupData[trackuri].artists.length; j++) {                
                child += '<li><a href="#" onclick="showArtist(\'' + popupData[trackuri].artists[j].uri + '\');"><span class="popupArtistName">' + popupData[trackuri].artists[j].name + '</span></a></li>';
        }
        //console.log(child);
        $('#popupArtistsLi').hide();
        $('#popupArtistsLv').html(child).show();
        $('#popupArtistsDiv').show();
        $('#popupArtistsLv').listview("refresh");
     }
    $('#popupTracksLv') .listview().trigger("create");

    $('#popupTracksLv').listview('refresh');

    $('#popupTracks').data("list", listuri).data("track", trackuri).popup("open", { x: e.pageX, y: e.pageY } );
    return false;
}

function showAlbumPopup() {
    uri = $('#popupTracks').data("track");
    showAlbum(popupData[uri].album.uri);
}

/*****************
 * Modal dialogs
 *****************/
function showLoading(on) {
    if (on) {
        $.mobile.loading('show', {
            text : 'Loading data from ' + PROGRAM_NAME + '. Please wait...',
            textVisible : true,
            theme : 'a'
        });
    } else {
        $.mobile.loading('hide');
    }
}

function showOffline(on) {
    if (on) {
        $.mobile.loading('show', {
            text : 'Trying to reach ' + PROGRAM_NAME + '. Please wait...',
            textVisible : true,
            theme : 'a'
        });
    } else {
        $.mobile.loading('hide');
    }
}

/*********************
 * initialize sockets
 *********************/

function initSocketevents() {
    mopidy.on("state:online", function() {
        showOffline(false);
        showLoading(true);
        getCurrentPlaylist();
        updateStatusOfAll();
        getPlaylists();
        showLoading(true);
        $(window).hashchange();
    });

    mopidy.on("state:offline", function() {
        resetSong();
        showOffline(true);
    });

    mopidy.on("event:trackPlaybackStarted", function(data) {
        mopidy.playback.getTimePosition().then(processCurrentposition, console.error);
        setPlayState(true);
        setSongInfo(data.tl_track.track);
        initTimer();
    });

    mopidy.on("event:trackPlaybackPaused", function(data) {
        setSongInfo(data.tl_track.track);
        pauseTimer();
        setPlayState(false);
    });

    mopidy.on("event:playlistsLoaded", function(data) {
        showLoading(true);
        getPlaylists();
    });

    mopidy.on("event:volumeChanged", function(data) {
        setVolume(data["volume"]);
    });

    mopidy.on("event:playbackStateChanged", function(data) {
        switch (data["new_state"]) {
            case "stopped":
                resetSong();
                break;
            case "playing":
                mopidy.playback.getTimePosition().then(processCurrentposition, console.error);
                resumeTimer();
                setPlayState(true);
                break;
        }
    });

    mopidy.on("event:tracklistChanged", function(data) {
        getCurrentPlaylist();
    });

    mopidy.on("event:seeked", function(data) {
        setPosition(parseInt(data["time_position"]));
    });
}

/*******
 * Track timer 
 */

//timer function to update interface
function updateTimer() {
    currentposition += TRACK_TIMER;
    setPosition(currentposition);
    //    $("#songelapsed").html(timeFromSeconds(currentposition / 1000));
}

function resumeTimer() {
    pauseTimer();
    posTimer = setInterval(updateTimer, TRACK_TIMER);
}

function initTimer() {
    pauseTimer();
   // setPosition(0);
    resumeTimer();
}

function pauseTimer() {
    clearInterval(posTimer);
}



/**********************
 * initialize software
 **********************/
//$(document).ready(function() {
$(document).bind("pageinit", function() {

    $(window).hashchange();
    
    // Connect to server
    mopidy = new Mopidy();
    //initialize events
    initSocketevents();

    $('.pane').hide();
    $('.sidebar-nav a').bind('click', function(e) {
        var divid = $(e.target).attr('href').substr(1);
        var uri = $(divid + "table").attr('data');

        switchContent(divid, uri);
    });

    resetSong();

    if (location.hash.length < 2) {
        switchContent("playlists");
    }

    //only show backbutton if in UIWebview
    if (window.navigator.standalone) {
        $("#btback").show();
    } else {
        $("#btback").hide();
    }

    //  $("#songinfo").resize(resizeSonginfo());
    initgui = false;
    window.onhashchange = locationHashChanged;
    // Log all events
    mopidy.on(function() {
        //        console.log(arguments);
    });
    //update gui every x seconds from mopdidy
    setInterval(updateStatusOfAll, 5000);
});

/************************
 * diverse
 ************************/
function switchContent(divid, uri) {
    var hash = divid;
    if (uri) {
        hash += "?" + uri;
    }
//    $.mobile.changePage("#" + hash);
    location.hash = "#" + hash;
}

//update everything as if reloaded
function updateStatusOfAll() {
    mopidy.playback.getCurrentTrack().then(processCurrenttrack, console.error);
    mopidy.playback.getTimePosition().then(processCurrentposition, console.error);
    mopidy.playback.getState().then(processPlaystate, console.error);

    mopidy.playback.getRepeat().then(processRepeat, console.error);
    mopidy.playback.getRandom().then(processRandom, console.error);

    mopidy.playback.getVolume().then(processVolume, console.error);

    //TODO check offline?
}

function locationHashChanged() {
        var hash = document.location.hash.split('?');
        //remove #
        var divid = hash[0].substr(1);
        var uri = hash[1];
        $('#navcurrent a').removeClass('ui-state-active ui-state-persist ui-btn-active');
        $('#navplaylists a').removeClass('ui-state-active ui-state-persist ui-btn-active');
        $('#navsearch a').removeClass('ui-state-active ui-state-persist ui-btn-active');
//        alert(divid);
        switch(divid) {
            case 'current':
                $('#navcurrent a').addClass('ui-state-active ui-state-persist ui-btn-active');
                break;
            case 'playlists':
                $('#navplaylists a').addClass('ui-state-active ui-state-persist ui-btn-active');
                break;
            case 'search':
                $('#navsearch a').addClass( $.mobile.activeBtnClass );
                $("#searchinput").focus();
                if (customTracklists['allresultscache'] == '') {
                    initSearch($('#searchinput').val());
                }
                break;
            case 'artists':
                if (uri != '') {
                    showArtist(uri);
                }
                break;
            case 'albums':
                if (uri != '') {
                    showAlbum(uri);
                }
                break;
        }
        showLoading(false);
        // Set the page title based on the hash.
        //document.title = PROGRAM_NAME;
        $('.pane').hide();
        $('#' + divid + 'pane').show();
        return false;
    }