$(document).ready(function() {

    //youtube

    $("#videos").text("Loading...");
    $.ajax({
        dataType: "jsonp",
        data: {
            "alt": "json-in-script"
            //"vq": keyword,
            //"max-results":"10",
        },
        cache: true,
        //url: "http://gdata.youtube.com/feeds/api/videos",
        url: "http://gdata.youtube.com/feeds/api/users/maruhamotors2009/favorites",
        success: function(data) {
            $("#videos").empty();
            $("<div/>").append($("<h3/>").html("Maruha videos")).append($("<img/>").attr({ "src": "http://www.maruhamotors.co.jp/miata/starnew.png", "style": "float:right;margin-right:5px;" })).appendTo("#videos");
            $.each(data.feed.entry, function(i, item) {
                var group = item.media$group;
                var lenurl = group.media$thumbnail[0].url.length
                var snurl = group.media$thumbnail[0].url.substr(0, lenurl - 5) + "1.jpg"
                var second1, hour1, sa
                var myNow = new Date()
                var myupdate = item.published.$t
                sa = myNow - myupdate


                if (Math.floor(item.media$group.yt$duration.seconds % 60 < 10)) {
                    second1 = "0" + String(Math.floor(item.media$group.yt$duration.seconds % 60))
                } else {
                    second1 = String(Math.floor(item.media$group.yt$duration.seconds % 60))
                }

                if (item.media$group.yt$duration.seconds / 60 < 0) {
                    hour1 = "0" + String(Math.floor(item.media$group.yt$duration.seconds / 60))
                } else {
                    hour1 = String(Math.floor(item.media$group.yt$duration.seconds / 60))
                }




                $("<div/>").addClass("thumbnail")
                    .append($("<h4/>").html(item.title.$t)).attr("style", "margin-top:5px;")
                    //.append(item.published.$t)
                    .append($("<img/>").attr({ "src": snurl , "style": "float:left;margin-right:5px;"}))
                    .append(item.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2}).*/, "$2/$3,$1")).append('<br/> ')
                    .append(hour1).append(":")
                    .append(second1).append("<br/>")
                    .append($("<span/>").addClass("info").text(((item.yt$statistics == null) ? "0" : item.yt$statistics.viewCount))).append('Views')
                    .append("<br style='clear:both'/>")
                    .click(function() { window.open(group.media$player[0].url, null) })
                    .appendTo("#videos");


            });
        }
    });

});