/**
 * tmesschat.js — web chat widget for Taleoi.
 * Calls /tmesschat (same API as the Android app).
 * Integrates with the socket signaling server for real-time delivery.
 */
(function ($) {
  'use strict';

  // ── Config ──────────────────────────────────────────────────────────────────
  var API_URL    = '/tmesschat';
  // No explicit :3001 — the Node signaling server only speaks plain (non-TLS) HTTP on that raw
  // port; the default HTTPS port goes through the nginx reverse proxy that actually terminates
  // TLS and forwards to it, same as the Android app's AppConstants.SOCKET_URL. Hitting :3001
  // directly with https/wss fails the TLS handshake every time (confirmed via curl — plain TCP
  // connects fine, but "SSL routines::wrong version number" since the server there isn't TLS).
  var SOCKET_URL = 'https://www.taleoi.com';
  var FILES_BASE = 'https://www.taleoi.com/sites/default/files/';
  var POLL_MS    = 5000;
  var LOC_LABEL  = 'Shared location';

  // Client-side pre-upload compression — keeps chat images snappy on slow connections
  // and under the server's 8MB ceiling (see tmesschat_handler() opc 11I).
  var COMPRESS_THRESHOLD = 1024 * 1024; // only compress files bigger than this (1MB)
  var COMPRESS_MAX_DIM   = 1600;        // longest side, in px, after resize
  var COMPRESS_QUALITY   = 0.8;

  // Inline reply/forward markers — identical to the Android app constants.
  // Written as Unicode escape sequences to avoid raw control character bytes.
  var REPLY_MARKER = '\u0002R\u001F';
  var FWD_MARKER   = '\u0002F\u001F';
  var LOC_MARKER   = '\u0002L\u001F';
  var META_SEP     = '\u001F';
  var META_ETX     = '\u0003';

  // ── State ───────────────────────────────────────────────────────────────────
  var userId     = '0';
  var myName     = '';
  var activeCid  = null;
  var activeUid  = null;
  var activeName = null;
  var activeGid  = null;  // set instead of activeCid when a GROUP conversation is open
  var allRooms   = {};   // cid → room object from API
  var allMsgs    = {};   // cid → messages array (newest-first, as returned by API)
  var unreadCids = {};   // cid → true when a new message arrived while chat was not open
  var socket     = null;
  var pollTimer  = null;
  var isOpen     = false;
  var isTyping   = false;
  var typingTimer = null;
  var loaded     = false;

  // Groups (tc_group / tc_group_member / tc_group_message) — fully parallel to the 1:1 state
  // above, exactly like the Android app: never touches tc_chatroom/tc_chatmsm, comes entirely
  // from the signaling server's group-* socket events (there is no Drupal/HTTP path for groups
  // at all, unlike 1:1 chat's /tmesschat polling).
  var allGroups    = {}; // gid → group object (name, pictureUrl, updated, unreadCount, lastMessage, ...)
  var allGroupMsgs = {}; // gid → messages array (newest-first)
  var pendingGroupImage = null; // { gid, localId } for the in-flight group image send, if any

  // ── Bootstrap (Drupal.behaviors + legacy ready fallback) ────────────────────
  function init() {
    if ($('#tc-bar').data('tc-init')) return;
    userId = $('#tc-userid').val() || '0';
    myName = $('#tc-username').val() || '';
    if (!userId || userId === '0') return;
    $('#tc-bar').data('tc-init', true);

    bindUI();
    initSocket();
    firstLoad();

    window._tcOpenRoom = function (cid, uid, name) {
      if (!isOpen) { togglePanel(); }
      openChat(String(cid), String(uid), String(name));
    };
  }

  if (typeof Drupal !== 'undefined' && Drupal.behaviors) {
    Drupal.behaviors.tmesschat = { attach: function () { init(); } };
  } else {
    $(document).ready(init);
  }

  // ── Socket ──────────────────────────────────────────────────────────────────
  function initSocket() {
    if (typeof io === 'undefined') return;
    try {
      socket = io(SOCKET_URL, { transports: ['websocket', 'polling'] });
      window._tcSocket = socket; // debug hook — inspect from the browser console as needed
      socket.on('connect', function () {
        socket.emit('join', userId, myName);
        // One-shot bulk sync on every (re)connect — mirrors MyServiceZ's EVENT_CONNECT hook in
        // the Android app, since there's no HTTP polling fallback for groups to lean on.
        socket.emit('group-list', { uid: userId });
      });
      socket.on('receive-message', function (data) {
        onSocketMessage(data);
      });

      socket.on('group-list', function (data) {
        processGroups(data && data.groups);
        if (isOpen) renderRooms();
      });
      socket.on('group-created', function (snapshot) { onGroupSnapshot(snapshot); });
      socket.on('group-updated', function (snapshot) { onGroupSnapshot(snapshot); });
      socket.on('group-member-added', function (snapshot) { onGroupSnapshot(snapshot); });
      socket.on('group-member-removed', function (snapshot) { onGroupSnapshot(snapshot); });
      socket.on('group-removed-you', function (data) { onGroupGone(data); });
      socket.on('group-deleted', function (data) { onGroupGone(data); });
      socket.on('group-message', function (data) { onGroupSocketMessage(data); });
      socket.on('group-history', function (data) { onGroupHistory(data); });
      socket.on('group-message-error', function (data) { onGroupMessageError(data); });
    } catch (e) {
      socket = null;
    }
  }

  // Every group-create/update/member-added/member-removed broadcast carries the same full
  // snapshot shape ({gid, name, description, pictureUrl, creatorUid, updated, members:[...]})
  // — mirrors MyServiceZ.upsertGroupFromSnapshot(). lastMessage/unreadCount aren't part of a
  // snapshot (those only ever come from group-list/group-message), so they're preserved from
  // whatever's already cached.
  function onGroupSnapshot(snapshot) {
    if (!snapshot || !snapshot.gid) return;
    var gid = String(snapshot.gid);
    var existing = allGroups[gid] || {};
    var myRole = 'member';
    (snapshot.members || []).forEach(function (m) {
      if (String(m.uid) === String(userId)) myRole = m.role;
    });
    allGroups[gid] = {
      gid: gid,
      name: snapshot.name || '',
      description: snapshot.description || '',
      pictureUrl: snapshot.pictureUrl || '',
      creatorUid: snapshot.creatorUid || '',
      role: myRole,
      updated: snapshot.updated || existing.updated || 0,
      memberCount: (snapshot.members || []).length,
      unreadCount: existing.unreadCount || 0,
      lastMessage: existing.lastMessage || null
    };
    if (isOpen) renderRooms();
  }

  function onGroupGone(data) {
    if (!data || !data.gid) return;
    var gid = String(data.gid);
    delete allGroups[gid];
    delete allGroupMsgs[gid];
    if (activeGid === gid) {
      activeGid = null;
      $('#tc-chat-view').addClass('tc-hidden');
      $('#tc-rooms-view').removeClass('tc-hidden');
    }
    if (isOpen) renderRooms();
  }

  function processGroups(groups) {
    if (!groups) return;
    groups.forEach(function (g) {
      var gid = String(g.gid);
      allGroups[gid] = {
        gid: gid,
        name: g.name || '',
        description: g.description || '',
        pictureUrl: g.pictureUrl || '',
        creatorUid: g.creatorUid || '',
        role: g.role || 'member',
        updated: g.updated || 0,
        memberCount: g.memberCount || 0,
        unreadCount: g.unreadCount || 0,
        lastMessage: g.lastMessage || null
      };
    });
  }

  function onGroupHistory(data) {
    if (!data || !data.gid) return;
    var gid = String(data.gid);
    if (activeGid !== gid) return;
    var msgs = data.messages || [];
    if (!allGroupMsgs[gid]) allGroupMsgs[gid] = [];
    var known = {};
    allGroupMsgs[gid].forEach(function (m) { known[String(m.id)] = true; });
    msgs.forEach(function (m) {
      if (!known[String(m.id)]) { allGroupMsgs[gid].push(m); known[String(m.id)] = true; }
    });
    allGroupMsgs[gid].sort(function (a, b) { return parseInt(b.id, 10) - parseInt(a.id, 10); });
    renderGroupMessages(gid);
  }

  function onGroupSocketMessage(data) {
    var gid = String(data.gid);
    var msg = {
      id: data.id,
      whosend: String(data.whosend),
      senderName: data.senderName || '',
      msm: data.msm || '',
      urlima: data.urlima || '',
      urlaudi: data.urlaudi || '',
      created: data.created || Math.floor(Date.now() / 1000)
    };

    if (!allGroupMsgs[gid]) allGroupMsgs[gid] = [];

    // Drop the optimistic "Sending…" placeholder this message confirms (image sends
    // only — see sendGroupImage()); text messages never add one in the first place.
    if (data.localId) {
      allGroupMsgs[gid] = allGroupMsgs[gid].filter(function (m) { return m.localId !== data.localId; });
      if (pendingGroupImage && pendingGroupImage.localId === data.localId) {
        pendingGroupImage = null;
        $('#tc-img-btn').removeAttr('disabled');
      }
    }

    var exists = false;
    for (var i = 0; i < allGroupMsgs[gid].length; i++) {
      if (String(allGroupMsgs[gid][i].id) === String(msg.id)) { exists = true; break; }
    }
    if (!exists) allGroupMsgs[gid].unshift(msg);

    var isMine = String(msg.whosend) === String(userId);
    if (allGroups[gid]) {
      allGroups[gid].lastMessage = { id: msg.id, whosend: msg.whosend, msm: msg.msm, urlima: msg.urlima, urlaudi: msg.urlaudi, created: msg.created };
      allGroups[gid].updated = msg.created;
      if (!isMine && !(activeGid === gid && isOpen)) {
        allGroups[gid].unreadCount = (allGroups[gid].unreadCount || 0) + 1;
      }
    }

    if (activeGid === gid && isOpen) {
      renderGroupMessages(gid);
    } else {
      updateBadge();
    }
    if (isOpen) renderRooms();

    if (document.hidden && !isMine) {
      var groupName = allGroups[gid] ? allGroups[gid].name : '';
      showNotif(groupName || 'New group message', parseDisplayText(msg.msm));
    }
  }

  function onSocketMessage(data) {
    var cid = String(data.chatId);
    var msg = {
      id:        data.id,
      whosend:   String(data.from),
      msm:       data.message || '',
      urlima:    data.urlima  || '',
      urlaudi:   data.urlaudi || '',
      timestamp: new Date().toISOString().replace('T', ' ').substr(0, 19)
    };

    if (!allMsgs[cid]) allMsgs[cid] = [];
    var exists = false;
    for (var i = 0; i < allMsgs[cid].length; i++) {
      if (String(allMsgs[cid][i].id) === String(msg.id)) { exists = true; break; }
    }
    if (!exists) allMsgs[cid].unshift(msg);

    if (activeCid === cid && isOpen) {
      renderMessages(cid);
    } else {
      unreadCids[cid] = true;
      updateBadge();
    }

    if (allRooms[cid]) {
      allRooms[cid]._lastMsg = msg;
    }
    if (isOpen) renderRooms();

    if (document.hidden) {
      var roomName = allRooms[cid] ? allRooms[cid]._dispName || '' : '';
      showNotif(roomName || 'New message', parseDisplayText(msg.msm));
    }
  }

  // ── UI bindings ─────────────────────────────────────────────────────────────
  function bindUI() {
    $('#tc-bar').click(togglePanel);

    $('#tc-back').click(function () {
      if (activeGid && socket && socket.connected) {
        socket.emit('group-close', { gid: parseInt(activeGid, 10) });
      }
      activeCid  = null;
      activeGid  = null;
      activeUid  = null;
      activeName = null;
      $('#tc-chat-view').addClass('tc-hidden');
      $('#tc-rooms-view').removeClass('tc-hidden');
      renderRooms();
    });

    $('#tc-input').keypress(function (e) {
      if (e.which === 13) { e.preventDefault(); activeGid ? sendGroupMessage() : sendMessage(); }
    });

    $('#tc-input').bind('input', function () {
      isTyping = true;
      clearTimeout(typingTimer);
      typingTimer = setTimeout(function () { isTyping = false; }, 3000);
    });

    $('#tc-send').click(function () { activeGid ? sendGroupMessage() : sendMessage(); });

    $('#tc-img-btn').click(function () { $('#tc-img-input').click(); });

    $('#tc-img-input').bind('change', function () {
      var file = this.files && this.files[0];
      this.value = '';
      if (!file) return;
      if (activeGid) { sendGroupImage(file); } else { sendImage(file); }
    });
  }

  function togglePanel() {
    isOpen = !isOpen;
    if (isOpen) {
      $('#tc-panel').removeClass('tc-hidden');
      $('#tc-bar-toggle').text('▼');
      if (loaded) renderRooms();
      startPolling();
    } else {
      $('#tc-panel').addClass('tc-hidden');
      $('#tc-bar-toggle').text('▲');
      stopPolling();
    }
  }

  // ── First load (888X) ───────────────────────────────────────────────────────
  function firstLoad() {
    post({ opc: '888X', userid: userId }).then(function (resp) {
      loaded = true;
      if (resp && resp.resultx) {
        var rex = resp.resultx.rex;
        if (rex && rex !== '' && typeof rex === 'object') {
          processRooms(rex);
        }
      }
      if (isOpen) renderRooms();
    });
  }

  // ── Polling ─────────────────────────────────────────────────────────────────
  function startPolling() {
    if (pollTimer) return;
    pollTimer = setInterval(function () {
      var opc = '8XZ';
      if (activeCid) opc = isTyping ? '8XWZ' : '8XRZ';
      post({ opc: opc, userid: userId, cid: activeCid || '0', last_seen: '0' })
        .then(function (resp) {
          if (!resp || !resp.resultx) return;
          var rex = resp.resultx.rex;
          if (rex && rex !== '' && typeof rex === 'object') {
            processRooms(rex);
            if (isOpen) {
              renderRooms();
              if (activeCid) renderMessages(activeCid);
            }
          }
        });
    }, POLL_MS);
  }

  function stopPolling() {
    clearInterval(pollTimer);
    pollTimer = null;
  }

  // ── Process API room data ────────────────────────────────────────────────────
  function processRooms(rooms) {
    if (!rooms) return;
    Object.keys(rooms).forEach(function (k) {
      var room = rooms[k];
      var cid  = String(room.id);
      var uids   = (room.uids      || '').split('-');
      var names  = (room.usernames || '').split('-');
      var isFirst = (uids[0] === String(userId));
      room._dispName  = isFirst ? (names[1] || '') : (names[0] || '');
      room._recipUid  = isFirst ? (uids[1]  || '') : (uids[0]  || '');
      allRooms[cid] = room;

      if (room.messages && room.messages.length) {
        if (!allMsgs[cid]) allMsgs[cid] = [];
        var known = {};
        allMsgs[cid].forEach(function (m) { known[String(m.id)] = true; });
        room.messages.forEach(function (m) {
          if (!known[String(m.id)]) {
            allMsgs[cid].push(m);
            known[String(m.id)] = true;
          }
        });
        allMsgs[cid].sort(function (a, b) {
          return parseInt(b.id, 10) - parseInt(a.id, 10);
        });
        room._lastMsg = allMsgs[cid][0] || null;
      }
    });
  }

  // ── Render room list (1:1 rooms + groups, merged and sorted by recency together) ──────────
  // Mirrors FragmentChatRoom's merged list in the Android app — groups aren't a second-class
  // list bolted on separately, they're interleaved with 1:1 conversations by last-activity time.
  function renderRooms() {
    var $list = $('#tc-rooms-list');

    var items = [];
    Object.keys(allRooms).forEach(function (k) {
      var room = allRooms[k];
      var msgs = allMsgs[String(room.id)];
      var ts = (msgs && msgs[0]) ? msgs[0].timestamp : '0';
      items.push({ type: 'room', sortKey: ts, data: room });
    });
    Object.keys(allGroups).forEach(function (k) {
      var group = allGroups[k];
      items.push({ type: 'group', sortKey: unixToDbTimestamp(group.updated || 0), data: group });
    });

    items.sort(function (a, b) {
      return b.sortKey > a.sortKey ? 1 : (b.sortKey < a.sortKey ? -1 : 0);
    });

    if (!items.length) {
      $list.html('<div class="tc-empty">No conversations yet</div>');
      return;
    }

    var html = '';
    items.forEach(function (item) {
      html += (item.type === 'group') ? renderGroupRow(item.data) : renderRoomRow(item.data);
    });

    $list.html(html);

    $list.find('.tc-room[data-type="room"]').click(function () {
      openChat(
        String($(this).data('cid')),
        String($(this).data('uid')),
        String($(this).data('name'))
      );
    });
    $list.find('.tc-room[data-type="group"]').click(function () {
      openGroupChat(String($(this).data('gid')), String($(this).data('name')));
    });
  }

  function renderRoomRow(room) {
    var cid    = String(room.id);
    var disp   = room._dispName  || '';
    var recip  = room._recipUid  || '';
    var online = (room.online    || '0-0').split('-');
    var uids   = (room.uids      || '').split('-');
    var msgs   = allMsgs[cid]   || [];
    var lastMsg = msgs[0]        || null;

    var theirIdx = (uids[0] === String(userId)) ? 1 : 0;
    var theirOnl = online[theirIdx] || '0';
    var onlClass = theirOnl === '2' ? 'tc-typing' : (theirOnl === '1' ? 'tc-online' : '');
    var onlLabel = theirOnl === '2' ? 'typing…'   : (theirOnl === '1' ? 'online'    : '');

    var preview = '';
    if (lastMsg) {
      preview = parseDisplayText(lastMsg.msm);
      if (!preview) {
        if (lastMsg.urlima  && lastMsg.urlima.indexOf('public://') >= 0)  preview = '📷';
        else if (lastMsg.urlaudi && lastMsg.urlaudi.indexOf('public://') >= 0) preview = '🎵';
      }
      if (String(lastMsg.whosend) === String(userId)) preview = 'You: ' + preview;
    }

    var timeStr = lastMsg ? fmtTime(lastMsg.timestamp) : '';
    var unread  = unreadCids[cid] ||
                  (String(room.ulast) !== String(userId) && room.status === '0');
    var active  = (activeCid === cid && !activeGid);

    return '<div class="tc-room' + (active ? ' tc-active' : '') + '"'
         + ' data-type="room"'
         + ' data-cid="'  + escAttr(cid)   + '"'
         + ' data-uid="'  + escAttr(recip) + '"'
         + ' data-name="' + escAttr(disp)  + '">'
         + '<div class="tc-room-avatar">' + escHtml((disp || '?').charAt(0).toUpperCase()) + '</div>'
         + '<div class="tc-room-info">'
         +   '<div class="tc-room-top">'
         +     '<span class="tc-room-name">'  + escHtml(disp)    + '</span>'
         +     (onlLabel ? '<span class="tc-room-online ' + onlClass + '">' + escHtml(onlLabel) + '</span>' : '')
         +     '<span class="tc-room-time">'  + escHtml(timeStr) + '</span>'
         +   '</div>'
         +   '<div class="tc-room-bottom">'
         +     '<span class="tc-room-preview">' + escHtml(preview) + '</span>'
         +     (unread ? '<span class="tc-unread-dot"></span>' : '')
         +   '</div>'
         + '</div>'
         + '</div>';
  }

  // Same .tc-room skeleton as renderRoomRow (avatar/info/top/bottom) so a group row matches the
  // 1:1 rows visually — data-type="group" + data-gid instead of data-cid/data-uid is what the
  // click-delegation in renderRooms() switches on. No online/typing indicator (doesn't apply to
  // a group), and the avatar is a rounded square instead of a circle as the only visual cue
  // distinguishing a group from a person, mirroring common chat-app convention.
  function renderGroupRow(group) {
    var gid = group.gid;
    var name = group.name || '';
    var lastMsg = group.lastMessage;

    var preview = '';
    if (lastMsg) {
      preview = parseDisplayText(lastMsg.msm);
      if (!preview) {
        if (lastMsg.urlima  && lastMsg.urlima.indexOf('public://') >= 0)  preview = '📷';
        else if (lastMsg.urlaudi && lastMsg.urlaudi.indexOf('public://') >= 0) preview = '🎵';
      }
      if (String(lastMsg.whosend) === String(userId)) preview = 'You: ' + preview;
    } else {
      preview = 'No messages yet';
    }

    var timeStr = group.updated ? fmtTime(unixToDbTimestamp(group.updated)) : '';
    var unread  = group.unreadCount > 0;
    var active  = activeGid === gid;

    return '<div class="tc-room' + (active ? ' tc-active' : '') + '"'
         + ' data-type="group"'
         + ' data-gid="'  + escAttr(gid)  + '"'
         + ' data-name="' + escAttr(name) + '">'
         + '<div class="tc-room-avatar tc-group-avatar">' + escHtml((name || '?').charAt(0).toUpperCase()) + '</div>'
         + '<div class="tc-room-info">'
         +   '<div class="tc-room-top">'
         +     '<span class="tc-room-name">'  + escHtml(name)    + '</span>'
         +     '<span class="tc-room-time">'  + escHtml(timeStr) + '</span>'
         +   '</div>'
         +   '<div class="tc-room-bottom">'
         +     '<span class="tc-room-preview">' + escHtml(preview) + '</span>'
         +     (unread ? '<span class="tc-unread-dot"></span>' : '')
         +   '</div>'
         + '</div>'
         + '</div>';
  }

  // ── Open a chat ──────────────────────────────────────────────────────────────
  function openChat(cid, uid, name) {
    activeCid  = cid;
    activeGid  = null;
    activeUid  = uid;
    activeName = name;
    delete unreadCids[cid];
    updateBadge();

    $('#tc-chat-name').text(name);
    $('#tc-chat-online').text('');
    $('#tc-img-btn').show();
    $('#tc-rooms-view').addClass('tc-hidden');
    $('#tc-chat-view').removeClass('tc-hidden');
    renderMessages(cid);
    $('#tc-input').focus();
  }

  // ── Open a group chat ────────────────────────────────────────────────────────
  // Parallel to openChat() — group image sending goes through sendGroupImage() (socket-based,
  // no HTTP upload endpoint); audio still has no send control in this web widget.
  function openGroupChat(gid, name) {
    activeGid  = gid;
    activeCid  = null;
    activeUid  = null;
    activeName = name;
    if (allGroups[gid]) allGroups[gid].unreadCount = 0;
    updateBadge();

    $('#tc-chat-name').text(name);
    $('#tc-chat-online').text('');
    $('#tc-img-btn').show();
    $('#tc-rooms-view').addClass('tc-hidden');
    $('#tc-chat-view').removeClass('tc-hidden');
    renderGroupMessages(gid);
    $('#tc-input').focus();

    if (socket && socket.connected) {
      var gidNum = parseInt(gid, 10);
      socket.emit('group-open', { gid: gidNum, uid: userId });
      socket.emit('group-history', { gid: gidNum, uid: userId });
    }
  }

  // ── Render messages ──────────────────────────────────────────────────────────
  function renderMessages(cid) {
    var msgs  = allMsgs[cid] || [];
    var $el   = $('#tc-msgs');
    var order = msgs.slice().reverse();
    $el.html(order.map(renderMsg).join(''));
    $el.scrollTop($el[0].scrollHeight);
  }

  function renderMsg(msg) {
    var isMe   = String(msg.whosend) === String(userId);
    var side   = isMe ? 'tc-out' : 'tc-in';
    var parsed = parseInlineMeta(msg.msm || '');
    var text   = parsed.text;
    var meta   = parsed.meta;
    var isSalt = (text.length === 18 && text.indexOf(' ') < 0);

    var metaHtml = '';
    if (meta && meta.type === 'fwd') {
      metaHtml = '<div class="tc-meta tc-fwd">&#x21AA; Forwarded from ' + escHtml(meta.sender) + '</div>';
    } else if (meta && meta.type === 'reply') {
      metaHtml = '<div class="tc-meta tc-reply">'
               + '<span class="tc-reply-user">' + escHtml(meta.sender) + '</span>'
               + '<span class="tc-reply-text">'  + escHtml(meta.orig)  + '</span>'
               + '</div>';
    }

    var body = '';
    if (msg.urlima === '_loading_') {
      body += '<div class="tc-text tc-img-uploading">&#128247; Sending…</div>';
    } else if (msg.urlima && msg.urlima.indexOf('public://') >= 0) {
      var src = msg.urlima.replace('public://', FILES_BASE);
      body += '<img class="tc-img" src="' + escAttr(src) + '" loading="lazy">';
    }
    if (msg.urlaudi && msg.urlaudi.indexOf('public://') >= 0) {
      var asrc = msg.urlaudi.replace('public://', FILES_BASE);
      body += '<audio class="tc-audio" controls><source src="' + escAttr(asrc) + '" type="audio/mp4"></audio>';
    }
    if (meta && meta.type === 'loc') {
      body += locationLinkHtml(meta.lat, meta.lng);
    } else if (!isSalt && text) {
      body += '<div class="tc-text">' + linkifyText(escHtml(text)) + '</div>';
    }

    var time = fmtTime(msg.timestamp || '');

    return '<div class="tc-msg ' + side + '">'
         + metaHtml + body
         + '<span class="tc-time">' + escHtml(time) + '</span>'
         + '</div>';
  }

  // ── Render group messages ────────────────────────────────────────────────────
  function renderGroupMessages(gid) {
    var msgs  = allGroupMsgs[gid] || [];
    var $el   = $('#tc-msgs');
    var order = msgs.slice().reverse();
    $el.html(order.map(renderGroupMsg).join(''));
    $el.scrollTop($el[0].scrollHeight);
  }

  // Same shape as renderMsg(), plus a sender-name label on incoming bubbles — unlike a 1:1
  // conversation, "not me" doesn't tell you who actually sent it. Reuses the identical
  // urlima/urlaudi rendering, so images/audio sent from the Android app (or sendGroupImage()
  // here) display correctly. Audio still has no send control in this web widget.
  function renderGroupMsg(msg) {
    var isMe   = String(msg.whosend) === String(userId);
    var side   = isMe ? 'tc-out' : 'tc-in';
    var parsed = parseInlineMeta(msg.msm || '');
    var text   = parsed.text;
    var meta   = parsed.meta;
    var isSalt = (text.length === 18 && text.indexOf(' ') < 0);

    var senderHtml = '';
    if (!isMe) {
      senderHtml = '<div class="tc-group-sender">' + escHtml(msg.senderName || msg.whosend) + '</div>';
    }

    var metaHtml = '';
    if (meta && meta.type === 'fwd') {
      metaHtml = '<div class="tc-meta tc-fwd">&#x21AA; Forwarded from ' + escHtml(meta.sender) + '</div>';
    } else if (meta && meta.type === 'reply') {
      metaHtml = '<div class="tc-meta tc-reply">'
               + '<span class="tc-reply-user">' + escHtml(meta.sender) + '</span>'
               + '<span class="tc-reply-text">'  + escHtml(meta.orig)  + '</span>'
               + '</div>';
    }

    var body = '';
    if (msg.urlima === '_loading_') {
      body += '<div class="tc-text tc-img-uploading">&#128247; Sending…</div>';
    } else if (msg.urlima && msg.urlima.indexOf('public://') >= 0) {
      var src = msg.urlima.replace('public://', FILES_BASE);
      body += '<img class="tc-img" src="' + escAttr(src) + '" loading="lazy">';
    }
    if (msg.urlaudi && msg.urlaudi.indexOf('public://') >= 0) {
      var asrc = msg.urlaudi.replace('public://', FILES_BASE);
      body += '<audio class="tc-audio" controls><source src="' + escAttr(asrc) + '" type="audio/mp4"></audio>';
    }
    if (meta && meta.type === 'loc') {
      body += locationLinkHtml(meta.lat, meta.lng);
    } else if (!isSalt && text) {
      body += '<div class="tc-text">' + linkifyText(escHtml(text)) + '</div>';
    }

    var time = fmtTime(unixToDbTimestamp(msg.created || 0));

    return '<div class="tc-msg ' + side + '">'
         + senderHtml + metaHtml + body
         + '<span class="tc-time">' + escHtml(time) + '</span>'
         + '</div>';
  }

  // ── Send (opc 11) ────────────────────────────────────────────────────────────
  function sendMessage() {
    var text = $.trim($('#tc-input').val());
    if (!text || !activeCid) return;
    $('#tc-input').val('').focus();
    isTyping = false;

    post({ opc: '11', userid: userId, cid: activeCid, msm: text, fid: '0' })
      .then(function (resp) {
        if (!resp) return;
        var ok = (resp.resp === 3 || resp.resp === '3' ||
                  resp.resp === 11 || resp.resp === '11');
        if (!ok) return;

        var msg = {
          id:        resp.lastmid || String(Date.now()),
          whosend:   String(userId),
          msm:       text,
          urlima:    '',
          urlaudi:   '',
          timestamp: new Date().toISOString().replace('T', ' ').substr(0, 19)
        };
        if (!allMsgs[activeCid]) allMsgs[activeCid] = [];
        allMsgs[activeCid].unshift(msg);
        renderMessages(activeCid);

        if (socket && socket.connected) {
          socket.emit('send-message', {
            id:      resp.lastmid,
            chatId:  activeCid,
            from:    String(userId),
            to:      String(activeUid),
            message: text,
            type:    'text'
          });
        }
      });
  }

  // ── Send group message ───────────────────────────────────────────────────────
  // Purely socket-based — group-message-send both persists (tc_group_message, via the
  // signaling server) and delivers, unlike 1:1's HTTP-then-socket-notify split. The server
  // echoes the message back to the sender too (see group-message-send in signaling-server-2.js),
  // so onGroupSocketMessage() is what actually appends it here — no optimistic local insert.
  function sendGroupMessage() {
    var text = $.trim($('#tc-input').val());
    if (!text || !activeGid) return;
    if (!socket || !socket.connected) return;
    $('#tc-input').val('').focus();
    isTyping = false;

    socket.emit('group-message-send', {
      gid:     parseInt(activeGid, 10),
      from:    userId,
      message: text,
      type:    'text',
      localId: 'web-' + Date.now() + '-' + Math.random().toString(36).substr(2, 8)
    });
  }

  // ── Send group image (group-message-send, type:"image") ─────────────────────
  // Unlike 1:1 (HTTP upload then socket notify), groups have no HTTP upload endpoint —
  // the server expects the raw file as a base64 string on the same socket event used for
  // text (see group-message-send in signaling-server-2.js), and does its own resize/compress
  // (sharp, 1024x1024 max, jpeg75) server-side before writing it and echoing "group-message"
  // back to every member including the sender. That echo is what onGroupSocketMessage() uses
  // to both confirm this optimistic placeholder (matched by localId) and actually display it.
  function sendGroupImage(file) {
    if (!activeGid) return;
    if (!socket || !socket.connected) return;
    if (pendingGroupImage) return; // one at a time — button is disabled meanwhile anyway

    var gid     = activeGid;
    var localId = 'web-img-' + Date.now() + '-' + Math.random().toString(36).substr(2, 8);
    pendingGroupImage = { gid: gid, localId: localId };

    if (!allGroupMsgs[gid]) allGroupMsgs[gid] = [];
    allGroupMsgs[gid].unshift({
      id: localId, localId: localId, whosend: String(userId), senderName: myName,
      msm: '', urlima: '_loading_', urlaudi: '', created: Math.floor(Date.now() / 1000)
    });
    renderGroupMessages(gid);
    $('#tc-img-btn').attr('disabled', 'disabled');

    // Safety net — if the server/socket never answers at all (disconnect mid-flight etc.),
    // don't leave "Sending…" stuck forever (see the 1:1 image-send bug this mirrors).
    var timeoutId = setTimeout(function () { onGroupMessageError({}); }, 20000);

    compressImageIfNeeded(file, function (uploadFile) {
      var reader = new FileReader();
      reader.onload = function () {
        clearTimeout(timeoutId);
        if (!pendingGroupImage || pendingGroupImage.localId !== localId) return; // already cleared
        var base64 = (reader.result || '').split(',')[1] || '';
        if (!base64 || !socket || !socket.connected) { onGroupMessageError({}); return; }
        socket.emit('group-message-send', {
          gid:      parseInt(gid, 10),
          from:     userId,
          message:  '',
          type:     'image',
          filedata: base64,
          localId:  localId
        });
      };
      reader.onerror = function () {
        clearTimeout(timeoutId);
        onGroupMessageError({});
      };
      reader.readAsDataURL(uploadFile);
    });
  }

  // Clears whatever group image send is currently in flight — used both for explicit
  // "group-message-error" replies (bad file, not a member, rate-limited) and the
  // client-side timeout above. Doesn't distinguish by localId: only one send is ever
  // in flight at a time (the button is disabled meanwhile), so there's nothing to match.
  function onGroupMessageError(data) {
    if (!pendingGroupImage) return;
    var gid     = pendingGroupImage.gid;
    var localId = pendingGroupImage.localId;
    pendingGroupImage = null;
    $('#tc-img-btn').removeAttr('disabled');
    if (allGroupMsgs[gid]) {
      allGroupMsgs[gid] = allGroupMsgs[gid].filter(function (m) { return m.localId !== localId; });
    }
    if (activeGid === gid && isOpen) renderGroupMessages(gid);
    if (data && data.error) { console.warn('group image send failed:', data.error); }
  }

  // Resizes/re-encodes as JPEG when a file exceeds COMPRESS_THRESHOLD. Skips GIFs —
  // redrawing to canvas would flatten an animated GIF to a single static frame.
  // Falls back to the original file untouched if decoding/encoding fails for any reason.
  function compressImageIfNeeded(file, callback) {
    if (file.size <= COMPRESS_THRESHOLD || file.type === 'image/gif') {
      callback(file);
      return;
    }

    var img = new Image();
    var url = URL.createObjectURL(file);

    img.onload = function () {
      URL.revokeObjectURL(url);

      var scale  = Math.min(1, COMPRESS_MAX_DIM / Math.max(img.width, img.height));
      var canvas = document.createElement('canvas');
      canvas.width  = Math.round(img.width  * scale);
      canvas.height = Math.round(img.height * scale);
      canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height);

      canvas.toBlob(function (blob) {
        callback(blob || file, !!blob);
      }, 'image/jpeg', COMPRESS_QUALITY);
    };
    img.onerror = function () {
      URL.revokeObjectURL(url);
      callback(file);
    };
    img.src = url;
  }

  // ── Send image (opc 11I) ─────────────────────────────────────────────────────
  function sendImage(file) {
    if (!activeCid) return;

    var tempId = '_img_' + Date.now();
    if (!allMsgs[activeCid]) allMsgs[activeCid] = [];
    allMsgs[activeCid].unshift({
      id: tempId, whosend: String(userId), msm: '', urlima: '_loading_',
      urlaudi: '', timestamp: new Date().toISOString().replace('T', ' ').substr(0, 19)
    });
    renderMessages(activeCid);
    // .attr()/.removeAttr(), not .prop() — this site's jQuery predates 1.6 (which is
    // when .prop() was introduced), and every other call in this file sticks to
    // pre-1.6-safe APIs already.
    $('#tc-img-btn').attr('disabled', 'disabled');

    compressImageIfNeeded(file, function (uploadFile, wasCompressed) {
      var form = new FormData();
      form.append('opc',    '11I');
      form.append('userid', String(userId));
      form.append('cid',    activeCid);
      form.append('image',  uploadFile, wasCompressed ? 'upload.jpg' : file.name);

      fetch(API_URL, { method: 'POST', body: form })
        .then(function (r) { return r.ok ? r.json() : null; })
        .then(function (resp) {
          allMsgs[activeCid] = allMsgs[activeCid].filter(function (m) { return m.id !== tempId; });
          if (resp && (resp.resp === 3 || resp.resp === '3') && resp.urlima) {
            var msg = {
              id:        resp.lastmid || String(Date.now()),
              whosend:   String(userId),
              msm:       '',
              urlima:    resp.urlima,
              urlaudi:   '',
              timestamp: new Date().toISOString().replace('T', ' ').substr(0, 19)
            };
            allMsgs[activeCid].unshift(msg);
            if (socket && socket.connected) {
              socket.emit('send-message', {
                id:      resp.lastmid,
                chatId:  activeCid,
                from:    String(userId),
                to:      String(activeUid),
                message: '',
                urlima:  resp.urlima,
                type:    'image'
              });
            }
          }
          renderMessages(activeCid);
        })
        .catch(function () {
          allMsgs[activeCid] = allMsgs[activeCid].filter(function (m) { return m.id !== tempId; });
          renderMessages(activeCid);
        })
        .then(function () { $('#tc-img-btn').removeAttr('disabled'); });
    });
  }

  // ── Inline meta parser ────────────────────────────────────────────────────────
  function parseInlineMeta(raw) {
    if (!raw) return { text: '', meta: null };

    if (raw.substr(0, FWD_MARKER.length) === FWD_MARKER) {
      var end = raw.indexOf(META_ETX);
      if (end < 0) return { text: raw, meta: null };
      var sender = raw.substring(FWD_MARKER.length, end);
      return { text: raw.substring(end + 1), meta: { type: 'fwd', sender: sender } };
    }

    if (raw.substr(0, REPLY_MARKER.length) === REPLY_MARKER) {
      var rend   = raw.indexOf(META_ETX);
      if (rend < 0) return { text: raw, meta: null };
      var parts  = raw.substring(REPLY_MARKER.length, rend);
      var sep    = parts.indexOf(META_SEP);
      var rsender = sep >= 0 ? parts.substring(0, sep)  : parts;
      var orig    = sep >= 0 ? parts.substring(sep + 1) : '';
      return { text: raw.substring(rend + 1), meta: { type: 'reply', sender: rsender, orig: orig } };
    }

    // Shared location — same "lat" + META_SEP + "lng" encoding the Android app writes
    // (see LOC_MARKER / sendLocationMessage() in ActivityChat.java). No trailing text.
    if (raw.substr(0, LOC_MARKER.length) === LOC_MARKER) {
      var lend = raw.indexOf(META_ETX);
      if (lend < 0) return { text: raw, meta: null };
      var coords = raw.substring(LOC_MARKER.length, lend);
      var lsep   = coords.indexOf(META_SEP);
      var lat    = lsep >= 0 ? coords.substring(0, lsep)  : coords;
      var lng    = lsep >= 0 ? coords.substring(lsep + 1) : '';
      return { text: raw.substring(lend + 1), meta: { type: 'loc', lat: lat, lng: lng } };
    }

    return { text: raw, meta: null };
  }

  function parseDisplayText(msm) {
    var p = parseInlineMeta(msm || '');
    var t = p.text;
    if (p.meta && p.meta.type === 'loc') return '📍 ' + LOC_LABEL;
    if (t.length === 18 && t.indexOf(' ') < 0) return '';
    return (p.meta ? (p.meta.type === 'fwd' ? '↪ ' : '↩ ') : '') + t;
  }

  // ── Badge & notifications ─────────────────────────────────────────────────────
  function updateBadge() {
    var n = Object.keys(unreadCids).length;
    Object.keys(allGroups).forEach(function (k) {
      if (allGroups[k].unreadCount > 0) n++;
    });
    var $b = $('#tc-badge');
    if (n > 0) { $b.text(n).removeClass('tc-hidden'); }
    else        { $b.addClass('tc-hidden'); }
  }

  function showNotif(title, body) {
    if (!('Notification' in window)) return;
    if (Notification.permission === 'granted') {
      new Notification(title, {
        body: body || '',
        icon: 'https://www.taleoi.com/sites/default/files/taleoi.ico'
      });
    } else if (Notification.permission === 'default') {
      Notification.requestPermission();
    }
  }

  // ── HTTP ──────────────────────────────────────────────────────────────────────
  function post(params) {
    var form = new FormData();
    Object.keys(params).forEach(function (k) { form.append(k, String(params[k])); });
    return fetch(API_URL, { method: 'POST', body: form })
      .then(function (r) { return r.ok ? r.json() : null; })
      .catch(function () { return null; });
  }

  // ── Helpers ───────────────────────────────────────────────────────────────────
  // Group timestamps (tc_group.updated, tc_group_message.created) are unix seconds, unlike
  // 1:1's "YYYY-MM-DD HH:MM:SS" strings — converts to that same shape (local time) so both can
  // share fmtTime() and the plain string comparison renderRooms() sorts by.
  // Formatted with UTC getters, not local — fmtTime() (below) always treats this
  // "YYYY-MM-DD HH:MM:SS" shape as UTC (appending 'Z' before parsing), matching the raw
  // DB timestamp strings 1:1 chat passes it directly. Using local getters here would hand
  // fmtTime() an already-local time it then re-shifts by the viewer's UTC offset again.
  function unixToDbTimestamp(unixSec) {
    if (!unixSec) return '0';
    var d = new Date(unixSec * 1000);
    function pad(n) { return (n < 10 ? '0' : '') + n; }
    return d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1) + '-' + pad(d.getUTCDate()) + ' '
         + pad(d.getUTCHours()) + ':' + pad(d.getUTCMinutes()) + ':' + pad(d.getUTCSeconds());
  }

  function fmtTime(ts) {
    if (!ts) return '';
    // DB timestamps are plain "YYYY-MM-DD HH:MM:SS" in UTC (MySQL TIMESTAMP column).
    // Without a trailing 'Z', the JS Date parser treats a date-TIME string (unlike a
    // date-only string) as local time, not UTC — silently shifting displayed times by
    // the viewer's UTC offset. The 'Z' forces correct UTC interpretation.
    var d = new Date(ts.replace(' ', 'T') + 'Z');
    if (isNaN(d.getTime())) return '';
    var now = new Date();
    if (d.toDateString() === now.toDateString()) {
      return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
    }
    return (d.getMonth() + 1) + '/' + d.getDate();
  }

  function escHtml(s) {
    return String(s == null ? '' : s)
      .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
      .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
  }

  function escAttr(s) { return escHtml(s); }

  // Wraps http(s) URLs in a message's already-escaped text with clickable links. Must run
  // AFTER escHtml() — matching against the escaped string is safe since escaping never
  // introduces whitespace inside a URL run, and the entities it does introduce (e.g. "&amp;"
  // for a literal "&" in a query string) are exactly what a browser expects inside an href
  // attribute anyway. target="_blank" + rel="noopener noreferrer" so following a link never
  // navigates away from (or exposes window.opener to) the page the chat widget is floating on.
  function linkifyText(escapedText) {
    return escapedText.replace(/https?:\/\/[^\s<]+/g, function (url) {
      var trail = '';
      var m = url.match(/[.,!?:;)\]}'"]+$/);
      if (m) { trail = m[0]; url = url.slice(0, -trail.length); }
      if (!url) return trail;
      return '<a href="' + url + '" target="_blank" rel="noopener noreferrer" class="tc-link">' + url + '</a>' + trail;
    });
  }

  // A shared location (LOC_MARKER — see parseInlineMeta()) renders as a tappable card
  // linking to Google Maps, matching how the Android app opens a geo: intent for the
  // same coordinates. Uses an https:// maps URL instead since geo: isn't reliably
  // clickable in desktop browsers.
  function locationLinkHtml(lat, lng) {
    var mapUrl = 'https://www.google.com/maps?q=' + encodeURIComponent(lat) + ',' + encodeURIComponent(lng);
    return '<a class="tc-location" href="' + escAttr(mapUrl) + '" target="_blank" rel="noopener noreferrer">'
         + '&#128205; ' + escHtml(LOC_LABEL) + '</a>';
  }

})(jQuery);


<!DOCTYPE html>
<!--[if IEMobile 7]><html class="iem7"  lang="en" dir="ltr"><![endif]-->
<!--[if lte IE 6]><html class="lt-ie9 lt-ie8 lt-ie7"  lang="en" dir="ltr"><![endif]-->
<!--[if (IE 7)&(!IEMobile)]><html class="lt-ie9 lt-ie8"  lang="en" dir="ltr"><![endif]-->
<!--[if IE 9]><html class="lt-ie9"  lang="en" dir="ltr"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)]><!--><html  lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema#"><!--<![endif]-->

<head>
  <meta charset="utf-8" />
<link rel="shortcut icon" href="https://www.taleoi.com/sites/default/files/taleoi.ico" type="image/vnd.microsoft.icon" />
<link rel="apple-touch-icon" href="https://www.taleoi.com/sites/default/files/tlog.png" type="image/png" />
<link rel="apple-touch-icon-precomposed" href="https://www.taleoi.com/sites/default/files/tlog.png" type="image/png" />
<meta name="generator" content="Drupal 7 (https://www.drupal.org)" />
<link rel="canonical" href="https://www.taleoi.com/videos" />
<link rel="shortlink" href="https://www.taleoi.com/videos" />
<meta property="og:site_name" content="taleoi.com" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.taleoi.com/videos" />
<meta property="og:title" content="Videos TZone" />
  <title>Videos TZone | Page 39 | taleoi.com</title>

<!-- <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> -->
<!-- <meta charset="utf-8"> -->

<!-- <meta name="google-site-verification" content="HqY8cMYKFJy2llff1rJ5_3g-mh6tN-HDChFKTy_I-98"> -->
<!-- <meta name="alexaVerifyID" content="nOY6rS4KWqy18QAIh6gSQ_mW_YY" /> -->
<!-- <meta name="keywords"content="nOY6rS4KWqy18QAIh6gSQ_mW_YY" /> --> 
      <meta name="MobileOptimized" content="width">
    <meta name="HandheldFriendly" content="true">
 <!--   <meta name="viewport" content="width=device-width"> -->
 <meta name="viewport" content="width=device-width,user-scalable=no" /> 

    <meta http-equiv="content-type"  content="text/html;charset=UTF-8">
  <link rel="stylesheet" href="https://www.taleoi.com/sites/default/files/css/css_lQaZfjVpwP_oGNqdtWCSpJT1EMqXdMiU84ekLLxQnc4.css" media="all" />
<link rel="stylesheet" href="https://www.taleoi.com/sites/default/files/css/css_TUm03aP9NnVEBU0oQx-pvxhMT-EkILEkVN1W5pI9D_U.css" media="all" />
<link rel="stylesheet" href="https://www.taleoi.com/sites/default/files/css/css_1jbPV5fd9fatwIsrjeaxN9nn_BYysUknj51eu1BdszQ.css" media="all" />
<link rel="stylesheet" href="https://www.taleoi.com/sites/default/files/css/css_hmoz5OohgW1eP68ll4FGdFcfOkWMiTjFWZ0rYi2EOz0.css" media="all" />
<link rel="stylesheet" href="https://www.taleoi.com/sites/default/files/css/css_47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU.css" media="print" />
  <script src="https://www.taleoi.com/sites/default/files/js/js_YD9ro0PAqY25gGWrTki6TjRUG8TdokmmxjfqpNNfzVU.js"></script>
<script src="https://www.taleoi.com/sites/default/files/js/js_9oEkv7URa8rnaiZHTYYMqVLUZ1E7Qfl_WgkWT_8Tj3Y.js"></script>
<script>jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","setHasJsCookie":0,"ajaxPageState":{"theme":"leticiahoy","theme_token":"faL9k8IcHEJ7_XrR8CME0TV8QAW1IHlOT-1orYRWiso","jquery_version":"default","jquery_version_token":"FOWeT1HRclFd51Uuc1T0blZzRcPYflXgSb-Io7upGzg","css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"sites\/all\/modules\/calendar\/css\/calendar_multiday.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"sites\/all\/modules\/format_currency\/format_currency.css":1,"modules\/node\/node.css":1,"sites\/all\/modules\/bk19-office_hours\/office_hours.css":1,"modules\/poll\/poll.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/youtube\/css\/youtube.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/panels\/css\/panels.css":1,"sites\/all\/modules\/rate\/rate.css":1,"sites\/all\/modules\/video\/css\/video.css":1,"sites\/all\/modules\/rate\/templates\/thumbs-up-down\/thumbs-up-down.css":1,"sites\/all\/themes\/leticiahoy\/system.menus.css":1,"sites\/all\/themes\/leticiahoy\/system.messages.css":1,"sites\/all\/themes\/leticiahoy\/system.theme.css":1,"sites\/all\/themes\/leticiahoy\/css\/styles.css":1,"sites\/all\/themes\/leticiahoy\/print.css":1},"js":{"sites\/all\/libraries\/jquery\/jquery-1.10.2.min.js":1,"sites\/all\/libraries\/masonry\/jquery.masonry.min.js":1,"sites\/all\/modules\/jqmulti\/js\/switch.js":1,"sites\/all\/modules\/entityreference\/js\/entityreference.js":1,"sites\/all\/modules\/tmessx\/js\/tmessx.js":1,"sites\/all\/modules\/ttransport\/js\/ttransport.js":1,"sites\/all\/modules\/auto_upload\/auto_upload.js":1,"sites\/all\/modules\/video\/js\/video.js":1,"sites\/all\/modules\/readmore\/js\/readmore.js":1,"sites\/all\/modules\/rate\/rate.js":1,"sites\/all\/modules\/views_infinite_scroll\/views-infinite-scroll.js":1,"sites\/all\/modules\/views\/js\/base.js":1,"misc\/progress.js":1,"sites\/all\/modules\/views\/js\/ajax_view.js":1,"sites\/all\/themes\/leticiahoy\/js\/script.js":1,"sites\/all\/themes\/leticiahoy\/js\/tiktok-videos.js":1,"misc\/jquery.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/jquery.cookie.js":1,"misc\/jquery.form.js":1,"misc\/ajax.js":1,"sites\/all\/modules\/jquery_update\/js\/jquery_update.js":1}},"jcarousel":{"ajaxPath":"\/jcarousel\/ajax\/views"},"rate":{"basePath":"\/rate\/vote\/js","destination":"videos?page=38\u0026rate=_ypm94l2sTQNeR2XTsmNi2w5XIfdEjBm4ju8MFkw1q8"},"views_infinite_scroll":{"img_path":"https:\/\/www.taleoi.com\/sites\/all\/modules\/views_infinite_scroll\/images\/ajax-loader.gif","scroll_threshold":200},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:072e218997d3c5e074357bd22675c9ce":{"view_name":"muro","view_display_id":"page_3","view_args":"","view_path":"videos","view_base_path":"videos","view_dom_id":"072e218997d3c5e074357bd22675c9ce","pager_element":0}}},"urlIsAjaxTrusted":{"\/views\/ajax":true}});</script>


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133836742-1"></script> 
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-133836742-1');
</script>
<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6453347546716692"
     crossorigin="anonymous"></script>

      <!-- [if lt IE 9] -->
    <script src="/sites/all/themes/zen/js/html5-respond.js"></script>
    <!-- [endif]-->
     <link rel="stylesheet" href="/sites/all/modules/tmessx/css/tmessx.css">
</head>
<body class="html not-front not-logged-in no-sidebars page-videos section-videos page-views" >
<amp-auto-ads type="adsense"
        data-ad-client="ca-pub-6453347546716692">
</amp-auto-ads>
      
<input type='hidden' id='userid' value='0'/>
<div id="page">
     <div class="header-top"> <div class="logoinv" >
         </div></div>

  <header class="header" id="header" >

<h1 class="logo-leticiahoy" id="leticiahoy2012">
       <span style="display: none !important">Social Tabatinga Leticia Iquitos - TALEOI.COM</span>
    </h1>

  
    
    
    
  </header>

  <div id="main">

    <div id="content" class="column" role="main">
                  <a id="main-content"></a>
                    <h1 class="page__title title" id="page-title">Videos TZone</h1>
                                          
<div id="block-block-82" class="block block-block first odd">

      
  <style type="text/css">
.menuappcont{
    position: fixed;
    top: 0;
    left: 0;
    width: 220px;
    height: 100vh;
    margin: 0;
}

.menuapp{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    background: #000;
    border-right: 1px solid #000;
}

.itemx{
    width: 100%;
    height: auto;
    border-radius: 0;
}

.menu-link{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    text-decoration: none;
    color: #FFF;
    transition: 0.3s;
}

.menu-link img{
    width: 24px;
    height: 24px;
}

.menu-link span{
    font-size: 14px;
}

.menu-link:hover{
    background: linear-gradient(to right,#000000,#333333);
    transform: translateX(5px);
}
</style>

<div class="menuapp">
    <div class="itemx item-menu1">
        <a href="/" class="menu-link">
            <img src="/sites/all/themes/leticiahoy/images/worldx.png" />
            <span>World</span>
        </a>
    </div>

    <div class="itemx item-menu2">
        <a href="/videos" class="menu-link">
            <img src="/sites/all/themes/leticiahoy/images/play.png" />
            <span>Videos</span>
        </a>
    </div>

    <div class="itemx item-menu3">
        <a href="/user" class="menu-link">
            <img src="/sites/all/themes/leticiahoy/images/home.png" />
            <span>Home</span>
        </a>
    </div>

    <div class="itemx item-menu4">
        <a href="/world/locals" class="menu-link">
            <img src="/sites/all/themes/leticiahoy/images/marketx.png" />
            <span>Market</span>
        </a>
    </div>

    <div class="itemx item-menu5">
        <a href="/periodico" class="menu-link">
            <img src="/sites/all/themes/leticiahoy/images/news.png" />
            <span>News</span>
        </a>
    </div>
</div>

</div>


<div class="view view-muro view-id-muro view-display-id-page_3 view-dom-id-072e218997d3c5e074357bd22675c9ce">
        
  
  
      <div class="view-content">
                <li class="views-row views-row-1 views-row-odd views-row-first">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/7329"><span class="user-picture">
    <img typeof="foaf:Image" src="/sites/all/themes/leticiahoy/images/tlog.png" alt="newera&#039;s picture" title="newera&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">newera</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Thursday, January 23, 2025 - 10:46</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Varios cambios argumentales en un corto video.</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/7329/media/b22c2c5a033825b527fe98dd0ecdecd0.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-5aadf52368dc6aefa7d773611954ee45 rate-node-39188-1-1" id="rate-node-39188-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-1" rel="nofollow" href="/videos?page=38&amp;rate=5-Nv-Cj8nXcgl1Tj6iTnFFVdoM8JMS7GzBZCr_AKH6w" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-2" rel="nofollow" href="/videos?page=38&amp;rate=pRe1VUKI8dThVXTA6vZDMAtemW-ifF_kfeNKXOMvtjk" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
          <li class="views-row views-row-8 views-row-even">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/2415"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-2415-1552405739.png?itok=WBUUtCnl" width="100" height="75" alt="tahoje&#039;s picture" title="tahoje&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">tahoje</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Thursday, August 27, 2026 - 19:49</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Festisol 2026</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/1350/media/aqo1q9zr5aegas8bx5jbmff0owzqbp33cqahqwpyeczbltisukbalqs3lvufhds0yyqwu57nfkhyxe092_owmkfqhon0xvpvvtybr4rlxg.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-be297244b33716e028d0068d9d4d8430 rate-node-43388-1-1" id="rate-node-43388-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-15" rel="nofollow" href="/videos?page=38&amp;rate=VZxSozZe-w0i_8_REcIZkz93OCnI3D0U1kDpUbevLrQ" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-16" rel="nofollow" href="/videos?page=38&amp;rate=2IaR9v4I1Eya4tMd0iKKGORJpW3jr1X8rdOT5AZHYMw" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
          <li class="views-row views-row-5 views-row-odd">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/7"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-7-1779164338.png?itok=Tl-KvCld" width="100" height="75" alt="leticiahoy&#039;s picture" title="leticiahoy&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">leticiahoy</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Tuesday, September 9, 2025 - 12:32</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">video-1757439135</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/6104/media/video-1992f88da49-compressed_1757439106987.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-71db554af490b9c18f22c6f56c32ad6f rate-node-40646-1-1" id="rate-node-40646-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-9" rel="nofollow" href="/videos?page=38&amp;rate=nuZlZ15UvMYM00ewUuK_6pDo5BI8mXCFFCMvwRPHlek" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-10" rel="nofollow" href="/videos?page=38&amp;rate=zz2qf18O4cMRy63-qOxgPSYSVJjO6dzHSXTsMupOCZg" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
          <li class="views-row views-row-3 views-row-odd">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/7660"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-7660-1757222092.jpg?itok=yoFm9Smp" width="100" height="75" alt="yamila&#039;s picture" title="yamila&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">yamila</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Saturday, October 11, 2025 - 11:03</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">video-1760198616</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/6104/media/video-199d4035580-compressed_1760198607053.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-07446513ff90b02fc41e9e0480f9b07b rate-node-41136-1-1" id="rate-node-41136-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-5" rel="nofollow" href="/videos?page=38&amp;rate=Ujew6CL3bvyt4WfINJNCXYtocHJs8cBndJBJZX3X2_Q" title="up">up</a>    <div class="percent">100%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-6" rel="nofollow" href="/videos?page=38&amp;rate=Wvt0JsRw3pC3xj_2CAGFFvIeudsXNJJXOvM9IlUxbSM" title="down">down</a>    <div class="percent">0%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">4</span>  </div></li>
          <li class="views-row views-row-7 views-row-odd">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/4895"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-4895-1584975637.png?itok=35eI1SS6" width="100" height="75" alt="taleoiperu&#039;s picture" title="taleoiperu&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">taleoiperu</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Saturday, October 11, 2025 - 09:29</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Arquero huyó de partido de fútbol para evitar ser capturado</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content">En Mollendo, el arquero Lucio Contreras, de 18 años, huyó durante un partido al pedir su cambio para evadir una orden de captura por un delito contra una menor. Fue detenido por la Policía a tres cuadras del estadio.</div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/6104/media/video-199d3ad51dd-compressed_1760192965842.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-fcadfdf7970d62d1c9e948f98b6a2818 rate-node-41128-1-1" id="rate-node-41128-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-13" rel="nofollow" href="/videos?page=38&amp;rate=Do_yAsd95IL6Q7SHCfXu3IRJvG2FqgDQfODZWdOZKsI" title="up">up</a>    <div class="percent">100%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-14" rel="nofollow" href="/videos?page=38&amp;rate=YXMjw9sn0LnZje1VwFnFa9CcaaJCkh_AlY8213iHpMY" title="down">down</a>    <div class="percent">0%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">2</span>  </div></li>
          <li class="views-row views-row-2 views-row-even">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/3891"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-3891-1549744133.png?itok=jBPeJ221" width="100" height="75" alt="iquitoshoy&#039;s picture" title="iquitoshoy&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">iquitoshoy</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Friday, July 17, 2026 - 13:52</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Señorita Perú</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/1350/media/aqnsg_gwntvkdu2xygqdccg4r2n_ds0ogqczhjnsohzgd02buull0mynb4em5dtda4aliyualdvs3vh9m2_a6shalcullcqa8ldyfk85hw.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-b8ec13d0703bf0a8810f001175163e25 rate-node-43158-1-1" id="rate-node-43158-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-3" rel="nofollow" href="/videos?page=38&amp;rate=lzF_5kwPju01OrHVpQDnp8SUIDfJk8XgnZr1LBhM4m0" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-4" rel="nofollow" href="/videos?page=38&amp;rate=yDyUt5cqgvj9hI9CpNPCf6G07CSZsSD3QVymvi4XsK0" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
          <li class="views-row views-row-4 views-row-even">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/3891"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-3891-1549744133.png?itok=jBPeJ221" width="100" height="75" alt="iquitoshoy&#039;s picture" title="iquitoshoy&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">iquitoshoy</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Monday, March 21, 2022 - 02:56</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Feria artesanal Iquitos</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/webmaster/media/276034778_451613066755448_2841218256438233462_n.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-0f6637ae680d15d9c76dd1597e6988c1 rate-node-31326-1-1" id="rate-node-31326-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-7" rel="nofollow" href="/videos?page=38&amp;rate=KLuR5Vh4uiHDd97wHQNaGePmyIE5q-y37RM9GoCdK_g" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-8" rel="nofollow" href="/videos?page=38&amp;rate=wjVd4c4NuQUWP5uKggU8AGbAD_2_oBOy2XxRLXBHTrY" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
          <li class="views-row views-row-9 views-row-odd">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/5639"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-5639-1607265453.jpg?itok=9U8VQdqc" width="100" height="75" alt="camilofilm&#039;s picture" title="camilofilm&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">camilofilm</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Wednesday, May 25, 2022 - 15:21</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Fauna Amazonense</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/limahoy/media/bf9de55fb63248c0b28d973ba763f417.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-e5d0c2d0f3ccc3b4775fd4524a8cf695 rate-node-32012-1-1" id="rate-node-32012-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-17" rel="nofollow" href="/videos?page=38&amp;rate=AlUia17nipIiNXedmAvTgg_m2z_ln5EntFINk-Y_9ks" title="up">up</a>    <div class="percent">100%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-18" rel="nofollow" href="/videos?page=38&amp;rate=sUPmHUy8Zt0PrTa38hcs9VRxsbfJRWGsW7iSWcufQNw" title="down">down</a>    <div class="percent">0%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">2</span>  </div></li>
          <li class="views-row views-row-6 views-row-even">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/5639"><span class="user-picture">
    <img typeof="foaf:Image" src="https://www.taleoi.com/sites/default/files/styles/thumbnail/public/pictures/picture-5639-1607265453.jpg?itok=9U8VQdqc" width="100" height="75" alt="camilofilm&#039;s picture" title="camilofilm&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">camilofilm</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Wednesday, May 12, 2021 - 00:12</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Paisajes</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/camilofilm/media/vid-20210511-wa0070.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-750a7d65ac392d61c2cfd405052e6a91 rate-node-28231-1-1" id="rate-node-28231-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-11" rel="nofollow" href="/videos?page=38&amp;rate=B28HDUOGsEnrdcxKu0MQT0Cp5g7td7_PYXn11QgVuPU" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-12" rel="nofollow" href="/videos?page=38&amp;rate=t3vxelA281mm2vjAP_1PzwoZNk5xncrA70c-5RmqLGM" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
          <li class="views-row views-row-10 views-row-even views-row-last">  
  <div class="views-field views-field-picture">        <div class="field-content"><a href="https://www.taleoi.com/user/5606"><span class="user-picture">
    <img typeof="foaf:Image" src="/sites/all/themes/leticiahoy/images/tlog.png" alt="tabatingareal&#039;s picture" title="tabatingareal&#039;s picture" />  </span></a></div>  </div>  
  <div class="views-field views-field-name">        <span class="field-content">tabatingareal</span>  </div>  
  <div class="views-field views-field-created">        <span class="field-content">Tuesday, November 10, 2020 - 01:07</span>  </div>  
  <div class="views-field views-field-edit-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-delete-node">        <span class="field-content"></span>  </div>  
  <div class="views-field views-field-type">        <span class="field-content">Video</span>  </div>  
  <div class="views-field views-field-title">        <span class="field-content">Bailo</span>  </div>  
  <div class="views-field views-field-body">        <div class="field-content"></div>  </div>  
  <div class="views-field views-field-field-video-file">        <div class="field-content"><video width="640" height="360" preload="metadata" controls="controls" poster="">
  <source src="https://www.taleoi.com/sites/default/files/user-files/leticiano2016/media/vid-20201110-wa0003.mp4" type="video/mp4" />
No flash player has been set up. <a href="/admin/config/media/video/players">Please select a player to play Flash videos.</a></video>
</div>  </div>  
  <div class="views-field views-field-value">        <span class="field-content"><div class="rate-widget-1 rate-widget clear-block rate-average rate-widget-thumbs_up_down rate-f5810d58ea9808ac731849daf41eb1fc rate-node-25833-1-1" id="rate-node-25833-1-1">

<ul>
  <li class="thumb-up">
    <a class="rate-button rate-thumbs-up-down-btn-up" id="rate-button-19" rel="nofollow" href="/videos?page=38&amp;rate=xucabVkcE4xVM7wuewbOga0RfS5tMG5k3KSkhDZ8Mw4" title="up">up</a>    <div class="percent">50%</div>
  </li>
  <li class="thumb-down">
    <a class="rate-button rate-thumbs-up-down-btn-down" id="rate-button-20" rel="nofollow" href="/videos?page=38&amp;rate=4egiD22KFXiPbNw-5ajfDy-fe9SSBjrHA5f9wprwJeY" title="down">down</a>    <div class="percent">50%</div>
  </li>
</ul>
</div></span>  </div>  
  <div class="views-field views-field-value-1">    <span class="views-label views-label-value-1">Votes</span>    <span class="field-content">0</span>  </div></li>
      





    </div>
  
      <ul class="pager pager--infinite-scroll pager--infinite-scroll-auto">
  <li class="pager__item">
    <a href="/videos?page=39&amp;rate=_ypm94l2sTQNeR2XTsmNi2w5XIfdEjBm4ju8MFkw1q8">Show More</a>  </li>
</ul>
  
  
  
  
  
</div>          </div>

    <div id="navigation">

      
      
    </div>

    
    
  </div>

  
</div>

  <script src="https://www.taleoi.com/sites/default/files/js/js__qYzmo6NMc-CoseU2xajiE4eLa1R4-aoDFn7DUvIMog.js"></script>
<script src="https://www.taleoi.com/sites/default/files/js/js_AImMx76lVl57bN0XunuBZT0318MPWRss7BGmpSMvb94.js"></script>
<script src="https://www.taleoi.com/sites/default/files/js/js_mw06s-gYd-ANxp8zZ_N-xVkvD8F3Tf5OMGUGwU-H6zY.js"></script>
<script src="https://www.taleoi.com/sites/default/files/js/js_ZOQQMZqGzb8CdZhCNgmh45JP9ZfOvhCjprRQZPzYcog.js"></script>
<script src="https://www.taleoi.com/sites/default/files/js/js_IqYIC_yawUyKIN0637cqCoh4ITF-iaMed0QPf_s068A.js"></script>
<script src="https://www.taleoi.com/sites/default/files/js/js_vi-XAPyK8h5Q_R8qCWqSb6GHanY2UE16KcfWswb2-jg.js"></script>
</body>
</html>