Разработка js элемента

Необходимо разработать дизайн, css и javascript для элемента c несколькими tabs

- примеры tabs: http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

- пример полностью на css: http://www.cssplay.co.uk/menu/one_page

Поведение tabs:

- табы могут располагаться в 2 и больше строк, изменение кол-ва должно происходить динамически, если изменяются размеры экрана

- по дизайну: между табами не надо делать пробелов, дизайн должен подходить к дизайну сайта, ближе в серую гамму, с выделениеи или зеленым или оранжевым, один из вариантов который мне нравится http://www.sky.com/

- варианты для которых будут использованы табы: список букв с контентом для каждойб список длинных названий с контентом для каждого

- HTML для табов должен легко формировать скриптами, быть семантическим и выглядеть примерно

tab 1

tab 2

tab 3

Поведение зоны контента

- должна быть сделана отдельным элементов, который может использоваться без tabs, т.е. у меня должна быть мозможность любому диву с любым дизайном задать такое поведениеб поведение от дизайна должны быть максимально обособлены

- высота изменяется в зависимости от контента, пример http://alexa.com/topsites/category/Top/Shopping, Sub-Categories, Related Categories, т.е. ширина должна быть всегда 95-100%, но высота может меняться чтобы полностью поместилось содержимое блока

- в контенте расположены ссылки в несколько столбиков, кол-во столбиков определяется автоматически исходя из размера экрана, ссылки все отображаются обычными тегами

В зависимости от разрешения экрана это будет или 1, 2, или 4 строки. При изменении разрешения экрана кол-во столбиков должно изменяться автоматически, обязательное условие - это должны быть столбики, этим поведение линков в контенте отличается от поведения табов

- линки должны переносится только в том случае, если один линк не помещается в контент зону

- соответственно должна быть возможность в одну контент зону для таба вписать несколько дивов со списком линков, линки будут расположены в столбики по разному, в зависимости от длины линков в каждом

Требования

- все должно работать с текущим css который есть на сайте etepia.com

- все исходные данные должны легко отображаться скриптом на php (его писать не надо, просто принять во внимание), с точки зрения программиста надо будет просто вывести подряд кучу данных

- весь css и html должны полностью валидироваться

- должна быть поддержка IE 6+, FF 2+, Opera 9+, Safari 2+

- минимальная ширина экрана при которой не должна появиться полоса прокрутки 1024

- структура должна нормально отображаться у пользователей с выключенным js

- никакого ajax

- должен быть использован объектный javascript

- какой таб выбран должно быть ясно видно

Перед программированием желательно предоставить эскиз как это будет выглядеть, хотелось бы увидеть оба варианта: с короткими табами-буквами и большим кол-во длинных табов в 3-4 строки. Для примера используйте плиз страницу с пустой центральной частью как www.etepia.com/hugo-boss-pure-purple-women-s-perfume.html

При срыве сроков -10% в день от суммы заказа