nikfakel

Посмотрите в эту сторону - $('td').unwrap('tr'); Я добавил это в конец jQuery-кода и стало немного похоже на то, что вам нужно. Ну и конечно, многое еще допиливать нужно.

На событие валидации поставьте проверку класса у input'a

$(validation)....... function(){
if($('input').hasClass('valid')){
 $("label[for='" + this.id + "']").addClass("label-valid");
}
if($('input').hasClass('invalid')){
 $("label[for='" + this.id + "']").addClass("label-invalid");
}
}

Продублирую тут ответ:

Якорь, например, такой: < a name="general" > < / a>

Тогда:

var a = $.getUrlVar()['place'];
$('html,body').animate({ scrollTop: $('a[name=' + a + ']').offset().top }, 5000);

ваш код не срабатывает, при клике происходит стандартное событие браузера - проверьте это, удалив весь этот код.

Вам нужно писать код для новой страницы (на которую переходите). Например, переделать ссылки в

<a href="index.php?id=2?place=general" class="button">

и уже обрабатывать их и применять анимацию. То есть код при открытии должен смотреть на URL, находить 'place' и плавно переходить на нужное место.

var arr = [{ FirstName: 'Pavel',      LastName: 'Pavlol',  Phone: '1234567',  Gender:'male' },

  { FirstName: 'Ivan',       LastName: 'Ivanov', Phone: '1234567',  Gender:'female' }];
  var count = 0;

for (i=0;i<arr.length;i++){
  if (arr[i].Gender == 'male'){
    count++;
  }
}
var percentMale = Math.round(count / arr.length * 100);
var percentFemale = 100 - percentMale;

var arr2 = [{"label":"Male", "value":percentMale}, 
 {"label":"Female", "value":percentFemale}];

Решение конкретно под поля male и female. Формат того, что вам нужно получить, намекает, что надо то же самое по всем полям, но тогда пишите конкретнее.

Для начала я бы определил границы применяемости: что, например, будет, если видео будет 1000. Значит сразу показываем только несколько, остальные доступны по ссылке. В таком случае можно вообще расположить 10 картинок, обозначающие видео, по кругу через position: absolute. Но, очевидно, для универа такое не подойдет.

Пусть тогда нам надо расположить от 6 до 20 картинок по кругу (меньше 6 - круг будет не очень-то круглый, больше 20 - картинки слишком мелкие). В таком случае просто рассчитываем через JS местоположение и указываем его через position:absolute.
Структура HTML:

<div id="wrap">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
<img src="/">
</div>

CSS просто чтобы было наглядно сразу посмотреть:

#wrap {position: absolute; }
#wrap img {width: 30px; height: 30px; background:#333; position: absolute; }

и, собственно, сам скрипт на JS и jQuery:

var num = 20; // Число картинок
var wrap = 400; // Размер "холста" для расположения картинок
var radius = 200; // Радиус нашего круга

$(document).ready(function() {
  for (i=0;i<num; i++){
    var f = 2 / num * i * Math.PI;  // Рассчитываем угол каждой картинки в радианах
    var left = wrap + radius * Math.sin(f) + 'px';
    var top = wrap + radius * Math.cos(f) + 'px';
    $('#wrap img').eq(i).css({'top':top,'left':left}); // Устанавливаем значения каждой картинке
  }
});

Ну и вам, наверно, надо будет еще добавить функцию для определения числа картинок. Ну и при клике на картинку открывается видео (это уже как вы сами решите, можно и модальное окно).