﻿(function($) {
  $.fn.SnYoutube = function(option) {
    var defaults = {
      youtube_ids: new Array(),
      youtube_codes: new Array(),
      user_ids: new Array(),
      user_names: new Array(),
      dels: new Array()
    };

    $(this)[0].VariabiliObject = $.extend(defaults, option);

    if ($(this)[0].VariabiliObject.youtube_codes.length < 1) return;

    $("#" + $(this)[0].id).append("<div id='" + $(this)[0].id + "_player' style=\"display: none;\"><object width=\"560\" height=\"340\"><param name=\"movie\" value=\"http://www.youtube.com/v/" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i] + "&autoplay=1&fs=1\"></param><param name=\"allowFullScreen\" value=\"true\"></param><embed src=\"http://www.youtube.com/v/" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i] + "&autoplay=1&fs=1\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" width=\"560\" height=\"340\"></embed></object></div>");

    $("#" + $(this)[0].id).append("<div id='yt_" + $(this)[0].id + "'></div>");

    for ($(this)[0].i = 0; $(this)[0].i < $(this)[0].VariabiliObject.youtube_codes.length; $(this)[0].i++) {
      $("#yt_" + $(this)[0].id).append('<div id="yt_' + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i] + '" style="float:left; padding:6px;"></div>');
      $("#yt_" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i]).append("<img id='img_" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i] + "' src='http://img.youtube.com/vi/" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i] + "/default.jpg' width='120' height='90' style='cursor:pointer' >");
      $("#yt_" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i]).append('<br>Added by: <a target="_blank" href="/forum/profile.php?id=' + $(this)[0].VariabiliObject.user_ids[$(this)[0].i] + '">' + $(this)[0].VariabiliObject.user_names[$(this)[0].i] + '</a>');
      if ($(this)[0].VariabiliObject.dels[$(this)[0].i] == '1') {
        $("#yt_" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i]).append('<br><a href="#" onClick="return deleteConfirm(\'/youtube/delete/' + $(this)[0].VariabiliObject.youtube_ids[$(this)[0].i] + '\');">delete</a>');
      }

      $.getJSON(
        "http://gdata.youtube.com/feeds/base/videos/" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i] + "?alt=json-in-script&callback=?",
        function(data) {
          code = data.entry.id.$t.match(/[^\/]*$/g);
          $("#img_" + code).tipbox(data.entry.title.$t, 1, "width");
        }
      );

      $("#img_" + $(this)[0].VariabiliObject.youtube_codes[$(this)[0].i])[0].onclick = function() {
        var code = $(this)[0].id.substring(4);
        var parentId = this.parentNode.parentNode.parentNode.id;
        $('#' + parentId + '_player').html("<object width=\"560\" height=\"340\"><param name=\"movie\" value=\"http://www.youtube.com/v/" + code + "&autoplay=1&fs=1\"></param><param name=\"allowFullScreen\" value=\"true\"></param><embed src=\"http://www.youtube.com/v/" + code + "&autoplay=1&fs=1\" type=\"application/x-shockwave-flash\" allowfullscreen=\"true\" width=\"560\" height=\"340\"></embed></object>").show();
      }

    }

    $("#yt_" + $(this)[0].id).append('<div style="clear:both;"></div>');
  }

  $('#' + $(this)[0].id + '_player').hide();
})
(jQuery);


