var movielist;
var srcFile;
var prevFile;
var defaultMovieId = 1;

$(document).ready(function () {
    movielist = eval('(' + document.getElementById("movieJson").value + ')');
    movielist = movielist.movies;
    loadPlaylist();
    loadMovie(defaultMovieId);
});

var moviesHtml = "";
function appendHtml(html) {
    moviesHtml += html;
}

function loadPlaylist() {
    $.each(movielist.category, function (i, item) {
        appendHtml("<h3>" + item["name"] + "</h3>");
        appendHtml("<ul>");

        if (item.movie.title) {
            appendMovie(item.movie);
        }
        else
        { 
            $.each(item.movie, function (i, mov) {
                appendMovie(mov);
            });
        }
        appendHtml("</ul>");

    });

    $("#playlist").append(moviesHtml);
}

function appendMovie(movie) {
    appendHtml("<li><a href='#' onclick='loadMovie(" + movie.movieid + ")'>" + movie.title + "</a></li>");
}

function loadMovie(id)
{
    var movie=null;
    $.each(movielist.category, function (i, item) {
    
        if (item.movie.movieid && item.movie.movieid == id)
        {
            movie = item.movie;
        }
        else
        {
            $.each(item.movie, function (i, mov) {
                if(mov.movieid==id)
                    movie = mov;
            });
        }
    });

    if(movie!=null)
    {
        $("#movietitle").html(movie.title);
        $("#moviedesc").html(movie.description);
        $("#movietags").html(movie.tags);
        
        srcFile= movie.contentUrl;
        prevFile = movie.thumbnail;
    }
    setPlayer();
}

function setPlayer()
{   
    var playerscript = "<script type=\"text/javascript\">";

    playerscript += "jwplayer(\"player\").setup({flashplayer: \"script/player.swf\",file: \""+srcFile+"\",image: \""+prevFile+"\",controlbar: \"bottom\",skin: \"script/fs29.zip\",autostart: \"false\", wmode: \"transparent\",height: 384, width: 640});";

    playerscript += "</script>";

    $("#player").html(playerscript);
}