Денис Инешин

На клиенте эта структура представляет из себя DOM-дерево, которое может быть отлично распарсено рекурсивно. Чтобы понять, что есть что, какая нода имеет вложенность, какая нет, вам поможет эта статья: www.w3schools.com/jsref/prop_node_nodetype.asp
Ну еще и это:
www.w3schools.com/jsref/prop_node_nodename.asp
www.w3schools.com/jsref/prop_node_nodevalue.asp
www.w3schools.com/jsref/prop_node_childnodes.asp

1. Вам понадобиться jQuery
2. Вместо чекбкосов вам понадобятся элементы radio
3. jsfiddle.net/IonDen/9v8bb579

var $radios = $("input[name='radios']"),
    $select = $(".select");

$radios.on("change", function () {
    var val = $(this).prop("value");
    $select.prop("value", val);
});

2 вариант + добавьте иконку о том что это видео. И да, в любом случае попапчик с видео будет лучше всего. Мелкие видео никто смотреть не любит.

У вас много всего напутано
codepen.io/anon/pen/XbjNOE

Ion.Calendar

Grunt

1. Кликаем по картинке, в новом блоке показываем её, только увеличенную например на 500%.
2. Поверх картинки отдельным слоем показываем какой-нибудь прелоадер.
3. Создаем через JS новое изображение, добавляем ему слушатель onLoad
4. Ждем полной загрузки картинки, потом вставляем её в DOM вместо слоя с прелоадером.
5. Profit!

P.S. Если нужно отслеживать время до загрузки то поможет: stackoverflow.com/questions/22502943/jquery-ajax-p...

input не предназначен для ввода текста более чем в одну строку. Используйте textarea.

Для некоторых браузеров есть position: sticky )
Ну и куча JS реализаций, например https://github.com/filamentgroup/fixed-sticky
https://github.com/matthewp/position--sticky-

phonegap.com