Line # Revision Author
1 296 ahitrov <html>
2 <head>
3 <!--<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">-->
4 <title>Побег из Москвы</title>
5 <link href="/escape/css/style.css" rel="stylesheet" type="text/css">
6
7 <style>
8 div.noactive2 img {
9 filter:alpha(opacity=70);
10 opacity: 0.70;
11 }
12 div.active2 img {
13 filter:alpha(opacity=100);
14 opacity: 1;
15 }
16
17 .noactive a {color:#777; cursor:default}
18 .active a {color:red; cursor:pointer; cursor: hand}
19 .noactive img { filter:alpha(opacity=30); opacity: 0.30;}
20 .active img { filter:alpha(opacity=100); opacity: 1;}
21 .pics-pdg {padding:13px 0px;}
22 p {margin: 8px 0px;}
23 .txt-b { color:#8C8C8C;}
24 .w100 {width: 90px; font-size:12px;}
25 .user-spec {display:none;position:absolute;width:450;background-color:#ffffff;top:130;border:#00B9FF 1px solid;padding:10px;color:#000000;text-align:left;left:1}
26 </style>
27 </head>
28 <body>
29 <script>
30 var img1 = new Image();
31 img1.src = "/i/escape/body_bg.gif";
32 var img2 = new Image();
33 img2.src = "/i/escape/body_bga.gif";
34 function in_(i)
35 {
36 document.getElementById('p' + i).className = 'menu_bga';
37 }
38 function out_(i)
39 {
40 document.getElementById('p' + i).className = 'menu_bg';
41 }
42
43
44 </script>
45
46 <table cellspacing="0" border="0" cellpadding="0" width="945" align="center">
47 <tr>
48 <td class="top_td" valign="top"><div class="start">Старт Путешествия и<br>открытие сайта 25 марта!</div>
49 <a href="http://www.rambler.ru/"><img src="/i/escape/blank.gif" width="180" height="40" border="0" style="margin:20 0 20 20"></a>
50 <a href="/"><img src="/i/escape/blank.gif" width="130" height="70" border="0" style="margin:20 0 0 20"></a>
51
52 </td>
53 <td valign="top" class="top_tdr">
54 <div id="p1" class="menu_bg" onMouseOver="in_(1)" onMouseOut="out_(1)"><a href="http://vision.rambler.ru/"><img src="/i/escape/video.gif" border="0"><br>Кино</a></div>
55 <div id="p2" class="menu_bg" onMouseOver="in_(2)" onMouseOut="out_(2)"><a href="http://sport.rambler.ru/"><img src="/i/escape/sport.gif" border="0"><br>Спорт</a></div>
56 <div id="p3" class="menu_bg" onMouseOver="in_(3)" onMouseOut="out_(3)"><a href="http://audio.rambler.ru/"><img src="/i/escape/audio.gif" border="0"><br>Аудио</a></div>
57 <div id="p4" class="menu_bg" onMouseOver="in_(4)" onMouseOut="out_(4)"><a href="http://games.rambler.ru/"><img src="/i/escape/game.gif" border="0"><br>Игры</a></div>
58 <div id="p5" class="menu_bg" onMouseOver="in_(5)" onMouseOut="out_(5)"><a href="http://mail.rambler.ru/"><img src="/i/escape/mail.gif" border="0"><br>Почта</a></div>
59 <div id="p6" class="menu_bg" onMouseOver="in_(6)" onMouseOut="out_(6)"><a href="http://foto.rambler.ru/"><img src="/i/escape/foto.gif" border="0"><br>Фото</a></div><img src="http://counter.rambler.ru/top100.cnt?1334772" alt="Rambler's Top100" width="1" height="1" border="0"/>
60 </td>
61 </tr>
62 </table>
63 <table cellspacing="0" border="0" cellpadding="0" width="945" align="center">
64 <tr>
65 <td style="width:435px;" valign="top">
66 <div class="title_b">Беглецы</div>
67 <div id="block">
68 <div class="pics-pdg" style="clear: both">
69 <table border="0" cellpadding="0" cellspacing="0" width="420" align="center">
70 <tr>
71 <td id="button_lt"><a href="" onclick="if(button_lt.className == 'active'){karusel_back()}; return false;"><img src="/i/escape/laa.gif" alt="Назад" title="Назад" width="22" height="22" border="0" style="margin-right:4px;"></a></td>
72 <td align="center" class="pic" width="400">
73 <div class="user user-spec" id="user1"><b>Сергей Канунников</b><br><br>Полтора года назад редактор &#171;Побега из Москвы&#187; решил раз и навсегда распрощаться с делом предыдущей жизни &#8211; деловой журналистикой. Вместо сухих заметок, которые Сергей писал в &#171;Коммерсанте&#187; и &#171;Ведомостях&#187; последние пять лет, ему невыносимо захотелось ярких эмоций и сочных впечатлений. Недостатка ни в том, ни в другом в минувший год не было: Сергей успел поработать поваром в узбекском ресторане и преподавателем соционики, начать и забросить собственный музыкальный проект. Но ни один из новых опытов по силе ощущений так и не смог сравниться с его главной страстью &#8211; путешествиями. Приглашение возглавить &#171;Побег&#187; воспринял как самый большой подарок. Больше всего хочет рассказать о Путешествии так, чтобы по следам &#171;Беглецов&#187; ринулись десятки новых искателей реальных приключений.</div>
74 <div class="user user-spec" id="user2"><b>Маша Федоренко</b><br><br>Прежде чем ответить на вопрос: &#171;Чем вы занимаетесь?&#187; Маша обычно делает
75 долгую паузу. Ведь она в одном лице видеожурналист, певица и дизайнер
76 игрушек. Но чаще всего Маша что-то пишет: статьи, рассказы, стихи или блоги.
77 Ее жизненная концепция - меньше рассуждать и больше делать. Эффективность
78 такого подхода очевидна: недавно в одном из московских детских журналов
79 стали выходить ее сказки, а в Австрии вскоре выйдет первый альбом ее группы.<br><br>
80
81 Главное увлечение Маши - коллекционировать и описывать впечатления. Особенно
82 много их попадается в путешествиях. В прошлом году Маша прокатилась по всем
83 Северо-Американским штатам: взбиралась на горы, ночевала в голой степи среди
84 койотов. С тех пор ничего не боится и ищет новых приключений. &#171;Побег из
85 Москвы&#187;, на ее взгляд, - замечательная возможность пополнить свою коллекцию
86 впечатлений. </div>
87 <div class="user user-spec" id="user3"><b>Анатолий Лебедев</b><br><br>О себе Анатолий говорит предельно кратко: арт-директор, фотограф, дизайнер, музыкант. Друзья же отзываются о нем куда более многословно. Оптимист и весельчак. Большой и добрый. Любит хорошие компании и ненавидит одиночество. Человек, ни на секунду не расстающийся со своим фотоаппаратом.<br><br>
88
89 Обожает фантастику во всех ее проявлениях. Но при этом уверен: в жизни нет ничего невозможного, главное четко сформулировать цель. Мечтает дожить до старости так, чтобы не испытывать перед внуками и правнуками чувства стыда за бесцельно прожитые годы. Единственное средство достичь этого - постоянное движение в сторону еще неизведанного. С такими свойствами характера Анатолий - незаменимый попутчик в любом долгом путешествии.</div>
90 <div class="user user-spec" id="user4"><b>Екатерина Макарова</b><br><br>В поисках собственного призвания Катя успела невероятно много: выучить английский, хинди и урду; приняться за французский, испанский, и португальский; поработать лингвистом; бесповоротно влюбиться в босса-нову и французские песни 60-х; поработать в индийском посольстве и объездить пол-Индии; вдоль и поперек изучить творчество Борис Гребенщикова и Сержа Генсбура; слетать в другое полушарие; начать писать самоучитель французского языка... Совершив все эти не всегда понятные ей самой поступки, она пришла к выводу: лучше всего у нее получается: а) путешествовать и б) быть счастливой.<br><br>
91
92 Участвуя в "Побеге из Москвы", хочет показать людям, что любое путешествие, особенно если это путешествие на Восток, учит нас смотреть на свои проблемы под другим углом. East has done that to me, not sweeter but quieter</div>
93 <div class="user user-spec" id="user5"><b>Самсон Шоладеми</b><br><br>Много лет Самсон вел в "Экспресс газете" собственную рубрику, в которой рассказывал как другие люди путешествуют, покоряют континенты, открывают самые красивые и потаенные уголки земли. Но теперь он сам хочет быть путешественником, вырваться из офисного гетто на волю, в пампасы. Прошлым летом он объехал пол-Европы: Чехию, Бельгию, Испанию и т.д. Но этого ему показалось мало. Сейчас самая большая мечта Самсона - побывать во всех странах мира. Он уже все расчитал. Сейчас на Земле около 200 государств. Если на путешествие по каждому из них тратить примерно по неделе, то ежегодно можно открывать для себя около 40 новых стран. В общем, с изучением всей планеты можно уложиться в пять лет. Впрочем, на мечту ему не жалко потратить и полжизни.<br><br>
94
95 Самсон уверен, что "Побег из Москвы" станет первым шагом к осуществлению задуманного.</div>
96 <div class="user user-spec" id="user6"><b>Марсель Гирфанов</b><br><br>Чем я занимаюсь? Да просто живу: Как? По-разному. Когда-то я изучал немецкий, английский, португальский и даже китайский. Но в итоге понял, что могу общаться без знания языков совершенно с любым человеком в любом месте Земли. Много лет потратил на изучение научных премудростей: высшей математики, биотехнических систем, биомеханики и т.д. Но оказалось, есть вещи умнее и важнее. И главным знанием, приобретенным за годы учебы, стало понимание того, как важно для человека стремиться к счастью. Делал карьеру, как все. Но к двадцати пяти понял: мой главный капитал - это Кавказ, Сибирь, Средняя Азия, Байкал и другие места и местечки планеты, где я побывал. <br><br>
97
98 После каждой из моих поездок я возвращался домой другим: с новыми знаниями о жизни, с пониманием как и куда теперь двигаться дальше, с убеждением, что в этой жизни очень много добрых людей, замечательных идей, просто счастья.
99 В общем, меньше вопросов. Все предельно просто: движение - это моя жизнь, а моя жизнь, она как песня, и жить нужно для счастья</div>
100 <div class="user user-spec" id="user7"><b>Надежда Селиверстова</b><br><br>Главное ноу-хау Надежды - она умеет добиваться поставленной цели, умудряясь при этом оставаться в ладу с окружающим миром и собственной совестью.
101 Впрочем, немудрено. Ведь она добивается всего исключительно своей энергичностью и обаянием. В свои неполные 22 года Надежда совершеннейшая максималистка. К чему бы она ни проявляла интерес: к соревнованиям по плаванию, конкурсу чтецов, учебе в университете или экстремальному спуску на сноуборде, - во всем стремится быть лучшей. Успела попробовать силы в роли корреспондента научно-практического журнала, переводчика, секретаря и турагента. <br><br>
102
103 Из всех своих качеств больше всего ценит здоровый авантюризм и жажду приключений. Благодаря им выучила английский и французский и объехала пол-Европы.</div>
104 <div class="user user-spec" id="user8"><b>Янис Дзенис</b><br><br>Самое главное, что нужно понять про него: Янис - имя, а Дзенис - фамилия. С этим часто случается путаница. Некоторые вообще полагают, что это два разных человека. Впрочем, не без оснований: Ведь одного на всё, что успевает Янис, не хватило бы. Утром - собственная программа на радио, днем - работа в нескольких PR-проектах, в промежутках - планы по открытию в родном Новосибирске мультибрендового магазина российских дизайнеров, а по ночам вечеринки, которые он сам же и устраивает. <br><br>
105
106 Не так давно Янис нашел еще одну сферу приложения своей кипучей энергии - путешествия. И принялся осваивать ее со свойственным ему задором. Например, решил объехать всю Хорватию на велосипеде. И объехал. А впечатления от поездки в Китай конвертировал в курсы китайского и заявление о приеме в Шанхайский международный университет. Всеми историями Янис щедро делится в своем блоге. Надеется, что там же окажутся и подробности "Побега".</div>
107 <div class="user user-spec" id="user9"><b>Дмитрий Федоров</b><br><br>Для Дмитрия "Побег" - совершенно родной и понятный формат передвижения по поверхности Земли. Сколько себя помнит, его всегда одолевала тяга к перемене мест. Было совершенно неважно, откуда убегать: из дома, из школы, с работы, из Москвы, из России. Страсть к незапланированным странствиям у Дмитрия наследственная, перешла от родителей. Благодаря им, в детстве он умудрился сменить одиннадцать школ в трех странах: России, Индии и Малайзии. А уже в пятнадцать совершил первое самостоятельное путешествие - уехал автостопом в Среднюю Азию. С тех пор не останавливается: на попутках объехал более двадцати стран СНГ, Европы и Ближнего Востока.<br><br>
108
109 Не признает никаких "кинопутешествий". Убежденный сторонник самостоятельных поездок. Считает, только так можно увидеть и понять суть новых стран.</div>
110 <div id="person0" style="float:left"></div>
111 <div id="person1" style="float:left"></div>
112 <div id="person2" style="float:left"></div>
113 <div id="person3" style="float:left"></div>
114 <div id="person4" style="float:left"></div>
115 <div id="person5" style="float:left"></div>
116 <div id="person6" style="float:left"></div>
117 <div id="person7" style="float:left"></div>
118 <div id="person8" style="float:left"></div>
119 </td>
120 <td id="button_gt"><a href="" onclick="if(button_gt.className == 'active'){karusel_forward()}; return false;"><img src="/i/escape/raa.gif" alt="Вперед" title="Вперед" width="22" height="22" border="0" style="margin-left:5px;"></a></td>
121 </tr>
122 </table>
123 </div>
124 <b id="ctl"></b><b id="ctr"></b>
125 </div>
126
127
128
129 <script>
130 person = [
131 ['name','#', '/i/escape/sergey.jpg', 'Сергей Канунников', 'user1', 'Сергей Канунников']
132 ,
133 ['name','#', '/i/escape/masha.jpg', 'Маша Федоренко', 'user2', 'Маша Федоренко']
134 // ,
135 //['name','#', '/i/escape/lebedev.jpg', 'Анатолий Лебедев', 'user3', 'Анатолий Лебедев']
136 // ,
137 //['name','#', '/i/escape/makarova.jpg', 'Екатерина Макарова', 'user4', 'Екатерина Макарова']
138 ,
139 ['name','#', '/i/escape/samson.jpg', 'Самсон Шоладеми', 'user5', 'Самсон Шоладеми']
140 ,
141 ['name','#', '/i/escape/marsel.jpg', 'Марсель Гирфанов', 'user6', 'Марсель Гирфанов']
142 // ,
143 //['name','#', '/i/escape/nadia.jpg', 'Надежда Селиверстова', 'user7', 'Надежда Селиверстова']
144 ,
145 ['name','#', '/i/escape/yanis.jpg', 'Янис Дзенис', 'user8', 'Янис Дзенис']
146 // ,
147 //['name','#', '/i/escape/dm.jpg', 'Дмитрий Федоров', 'user9', 'Дмитрий Федоров']
148
149 ];
150
151
152
153 var start_person_id = 0;
154 var person_id = 0;
155 var total_show = 4;
156 var last_person_id = total_show-1;
157 var place_id = 0;
158
159 var button_lt = document.getElementById('button_lt');
160 var button_gt = document.getElementById('button_gt');
161 function karusel_show_person (place_id, person_id) {
162 var person_html = '<div class="left txt-b w100" style="text-align:center; overflow: hidden;" onMOuseOver="view_on(\''+person[person_id][4]+'\')" onMouseOut="view_of(\''+person[person_id][4]+'\')"><b style="display: block; height:105px;"><img style="visibility: hidden;border:2px solid #00B9FF;" onload="var mv = Math.round((100-this.height)/2); if (mv < 50) {this.style.margin= mv + \'px 0\'}; this.style.visibility=\'visible\'" src="'+person[person_id][2]+'" alt="'+person[person_id][3]+'" title="'+person[person_id][3]+'" border="0"></b>'+person[person_id][5]+'</div>';
163 //<a href="'+person[person_id][1]+'"><img src="'+person[person_id][2]+'">'+person[person_id][0]+'</a>';
164
165
166
167
168 document.getElementById('person'+place_id).innerHTML=person_html;
169 }
170
171 function karusel_show () {
172
173 setTimeout("show_active()", 250);
174
175 if (start_person_id < 0) {
176 start_person_id = 0;
177 return;
178 }else if (start_person_id == 0) {
179 button_lt.className = 'noactive';
180 start_person_id = 0;
181 } else {
182 button_lt.className = 'active';
183 }
184
185 if (total_show+start_person_id > person.length) { // дальше не идем
186 start_person_id=person.length-total_show;
187 return;
188 } else if (total_show+start_person_id == person.length) {
189 button_gt.className = 'noactive';
190 } else {
191 button_gt.className = 'active';
192 }
193
194 person_id = start_person_id;
195
196 show_noactive();
197 for (i=0;i<total_show; i++){
198 karusel_show_person(i, person_id);
199 person_id++;
200 }
201
202 }
203
204 function show_active() {
205 for (c=0;c<total_show; c++){
206 document.getElementById('person'+c).className = 'active2';
207 }
208 }
209 function show_noactive() {
210 for (c=0;c<total_show; c++){
211 document.getElementById('person'+c).className = 'noactive2';
212 }
213 }
214
215
216 function karusel_back() {
217 start_person_id--;
218 show_noactive();
219 setTimeout("karusel_show()", 50);
220 }
221
222 function karusel_forward() {
223 start_person_id++;
224 show_noactive();
225 setTimeout("karusel_show()", 50);
226 }
227
228 karusel_show ();
229
230
231 function view_on(user)
232 {
233 var a = document.getElementById(user).style;
234 a.display= 'block';
235 }
236
237 function view_of(user)
238 {
239 var a = document.getElementById(user).style;
240 a.display= 'none';
241 }
242
243
244
245 </script>