// Инициализируем DIV
var HelperEngd=0,XhelperD=0, YhelperD=0;
d=document;

function InitHelperDiv()
{
var scX=0, scY=0;

if (d.body && typeof(d.body.scrollTop) != "undefined")
{
scX += d.body.scrollLeft;
scY += d.body.scrollTop;
}
else if (typeof window.pageXOffset != "undefined")
{
scX += window.pageXOffset;
scY += window.pageYOffset;
}

var WinW=window.innerWidth ? window.innerWidth : d.body.clientWidth;
var WinH = window.innerHeight ? window.innerHeight : d.body.clientHeight;

var x = Math.round(((WinW-396))/2)+scX;
var y = Math.round(((WinH-270))/2)+scY;

d.write ("<DIV ID=SiteHelper STYLE=\"position:absolute; top:"+y+"px;left:"+x+"px; z-index:100; width:396px; height:361px; visibility:hidden; filter:revealTrans(duration=1);\"><TABLE WIDTH=396 HEIGHT=361 CELLPADDING=0 CELLSPACING=0 BORDER=0><TR><TD ROWSPAN=3><IMG SRC=/i/helper/left.gif WIDTH=27 HEIGHT=361 ID=HelpGrip1></TD><TD><IMG SRC=/i/helper/top.gif WIDTH=328 HEIGHT=39 ID=HelpGrip2></TD><TD ROWSPAN=3><IMG SRC=/i/helper/right.gif WIDTH=41 HEIGHT=361 ID=HelpGrip3></TD></TR><TR><TD BGCOLOR=#FCFCE1 HEIGHT=250 WIDTH=328><DIV ID=HelperText STYLE=\"width:321px; height:243px; color: #064B39; padding: 7px 7px 0px 0px; overflow:scroll; overflow-x:hidden; font-weight: bold; font-size: 12px; line-height: 20px;\"><IMG SRC=/i/helper/ayt.jpg WIDTH=95 HEIGHT=119 ALT=\"Привет!\" ALIGN=right>Приветствую тебя с прибытием в мир Мейби!<BR>Это сайт необъятных возможностей, где воистину \"<I>Все Может Быть</I>\"!<BR><BR>Хочешь, расскажу вкратце, как пользоваться сайтом?<UL>"
+LiHref("yesplstell","да, расскажи, плиз, я тут новичок!")
+LiHref("close","Нет, я уже все знаю, дай рассмотреть эту страницу.")
+"</UL></DIV></TD></TR><TR><TD><IMG SRC=/i/helper/bottom.gif WIDTH=328 HEIGHT=72 ID=HelpGrip4></TD></TR></TABLE></DIV>");


var isF=0; if (SiteHelper.filters) isF=1;

if (isF)
{
SiteHelper.filters.revealTrans.Apply();
SiteHelper.filters.revealTrans.transition=12;
}

SiteHelper.style.visibility="visible";

if (isF) SiteHelper.filters.revealTrans.Play();

}
// Конец инициализации Дива


function EngageGuide(e)
{

if (!e) var e=window.event;
var target = (e.target) ? e.target : e.srcElement;
var evx=0, evy=0;

if (!target.id.indexOf('HelpGrip')) HelperEngd=1;
else { HelperEngd=0; return true; }

if (d.body && d.body.setCapture) d.body.setCapture();

if (e.pageX || e.pageY) { evx=e.pageX; evy=e.pageY; }
else { evx=e.clientX+d.body.scrollLeft; evy=e.clientY+d.body.scrollTop; }

var w=d.getElementById("SiteHelper");

var u = (typeof(w.style.left)=="string") ? "px" : 0;
var wsl=parseInt(w.style.left), wst=parseInt(w.style.top);

XhelperD=evx-wsl; YhelperD=evy-wst;
var SHS=d.getElementById("SiteHelper").style;
SHS.opacity=.6; if (SHS.filter) SHS.filter="alpha(opacity=60)";
e.cancelBubble=true;
return false;
}


function MvGuide(e)
{
if (HelperEngd)
 {
 if (!e) var e=window.event;
 var evx=0, evy=0;
 
 if (e.pageX || e.pageY) { evx=e.pageX; evy=e.pageY; }
 else { evx=e.clientX+d.body.scrollLeft; evy=e.clientY+d.body.scrollTop; }

 var w=d.getElementById("SiteHelper");

 var u = (typeof(w.style.left)=="string") ? "px" : 0;
 w.style.left=evx-XhelperD+u; w.style.top=evy-YhelperD+u;
 
 e.cancelBubble=true;
 return false;
 }
else return true;
}




function RelGuide(e)
{
if (!HelperEngd) return true;
if (!e) var e=window.event;
var SHS=d.getElementById("SiteHelper").style;
SHS.opacity=1; if (SHS.filter) SHS.filter="alpha(opacity=100)";
HelperEngd=0;
if (d.body && d.body.releaseCapture) d.body.releaseCapture();
}


function CloseHelper()
{
var w=document.getElementById("SiteHelper").style;
var u = (typeof(w.left)=="string") ? "px" : 0;
w.visibility="hidden";
w.top="-500"+u; w.left="-600"+u;
}

function LiHref(url,title)
{
return "<LI><A HREF=\"javascript:helpernav('"+url+"')\">"+title+"</A></LI>";
}

function helpernav(msg)
{
var H=d.getElementById("HelperText");
switch (msg)
{
case "yesplstell":
 H.innerHTML="<P>Итак, видишь левую колонку со ссылками, которая присутствует на <I>каждой странице</I>?</P><P ALIGN=center><IMG SRC=/i/helper/menublink.gif WIDTH=261 HEIGHT=163 ALT=\"навигация по сайту\"></P><P>То, что сейчас \"мигает\", назывется <I>навигацией по сайту</I>. С ее помощью можно попасть на любой общедоступный раздел мира Мейби. Ссылки в навигации делятся на <I>три секции:</I></P><UL CLASS=HELPER>"
+LiHref("dating","Расскажи, пжлст, о самом важном - секции \"Знакомства\"!")
+LiHref("services","для продвинутых - секция \"Сервисы\"")
+LiHref("extra","самая нижняя секция - \"Дополнительно\"")
+LiHref("rightcolumn","а что в правой колонке?")
+"</UL>"; break;

case "dating":
 H.innerHTML="<P><IMG SRC=/i/helper/datingsect.gif WIDTH=120 HEIGHT=101 ALT=\"Раздел Знакомства\" ALIGN=right VSPACE=5>Видишь, в самом верху ссылка на страницу \"<I>Поиск анкет</I>\", где можно искать анкеты людей по куче параметров.</P><P>Далее - разделы \"<I>Заявка на вечер</I>\" (для тех, кто хочет скоротать с кем-то вечерок) и \"<I>В путешествие</I>\" (список объявлений от тех, кто собрался в отпуск).</P><P>Ну и напоследок - раздел \"<I>Мейби-встречи</I>\", где публикуются анонсы разнообразнейших встреч в реале, от катания на роликах до автобусных экскурсий по городам!</P><UL CLASS=HELPER>"
+LiHref("yesplstell","вернуться назад")
+LiHref("advanced","продвинутые возможности")
+"</UL>"; break;

case "services":
 H.innerHTML="<P>В секции \"<I>Сервисы</I>\" находится бездонный колодец общения тебя и твоих новых друзей! Самые обширные разделы - \"<I>Домики</I>\", \"<I>МейБлоги</I>\" и \"<I>Игротека</I>\"</P><UL>"
+LiHref("domiki","первый раз слышу... что такое \"Домики\"?")
+LiHref("blogs","МейБлоги - это дневники, да?")
+LiHref("igroteka","Что находится в Игротеке?")
+LiHref("otherservices","Еще сервисы...")
+LiHref("yesplstell","вернуться назад")
+"</UL>"; break;

case "domiki":
 H.innerHTML="<P><IMG SRC=/i/helper/domik.jpg WIDTH=123 HEIGHT=84 ALT=\"Всем в ДоМиКи!\" ALIGN=right><I>Домики - уникальная разработка Мейби.ру!</I> Выбери и присоединись к любой группе по интересам! Пользуйся своим форумом, библиотекой домика (книги и mp3шки), голосованием!</P><P>Освоишься на сайте - сможешь создать свой \"<I>Домик</I>\" со своими правилами, и будешь его полноправным правителем! Запомни - \"Домики\" надежно защищены от случайных хамов и хулиганов!</P><UL>"
+LiHref("services","вернуться к \"Сервисам\"")
+LiHref("advanced","продвинутые возможности")
+LiHref("toregistration","зарегистрироваться на сайте!")
+LiHref("otherservices","Еще сервисы...")
+LiHref("yesplstell","к началу")
+"</UL>"; break;

case "blogs":
 H.innerHTML="<P>Да, на Мейби теперь тоже можно вести <I>свой дневник</I> (блог). Можно указывать, кому можно читать ту или иную запись, и кому можно комментировать.</P><P ALIGN=center><IMG SRC=/i/helper/blog.jpg WIDTH=224 HEIGHT=220 ALT=\"Хорошо иметь свой дневник!\"></P><P>У нас здорово! Даже если у тебя уже есть дневник, можешь перенести его на Мейби, чтобы все было в одном месте!</P><UL>"
+LiHref("services","Какие еще есть \"Сервисы\"?")
+LiHref("advanced","продвинутые возможности")
+LiHref("toregistration","уже хочется зарегистрироваться!")
+LiHref("yesplstell","в начало")
+"</UL>"; break;

case "igroteka":
 H.innerHTML="<P><IMG SRC=/i/helper/igroteka.jpg WIDTH=116 HEIGHT=114 ALT=\"Игры для разума!\" ALIGN=right>Специально для Мейби были разработаны игры, которые не только развлекают, но и дают пищу для размышлений :)</P><P>В \"<I>Эрудиторе</I>\" можно проверить свои знания, отвечая на умные вопросы, а самое главное - создать свой вопрос. Почувствовать себя экстрасенсом и угадать знаки Зодиака можно в \"<I>Астроголике</I>\". В \"<I>Петрарке</I>\" уже опубликованы тысячи стихов, и каждый день можно почитать и проголосовать за новые.</P><P>Для господ эротоманов есть \"<I>Вуайерист</I>\" и \"<I>Эробуриме</I>\".</P><P ALIGN=center><IMG SRC=/i/helper/erotic.jpg WIDTH=178 HEIGHT=165 ALT=\"Красивая эротика?\"></P><P>А для предпочитающих \"активный отдых\" суровым трудовым будням - множество лучших, отобранных <I>флеш-игр</I>!</P><UL>"
+LiHref("services","Что еще осталось в \"Сервисах\"?")
+LiHref("advanced","продвинутые возможности")
+LiHref("toregistration","ну а где у вас тут регистрируются?")
+LiHref("yesplstell","в начало")
+"</UL>"; break;


case "otherservices":
 H.innerHTML="<P>Эх... обо всем рассказывать не хватит места. К \"Сервисам\" относится, например, и <I>ЕЖЕ-дневник</I>, где люди рассказывают о важных событиях сегодняшнего дня.</P>Еще есть \"<I>Житейские истории</I>\", где еженедельно отбирается самая интересная из присланных реальных историй...</P><P ALIGN=center><IMG SRC=/i/helper/story.gif WIDTH=200 HEIGHT=161 ALT=\"Житейская История\"></P><P>Потом - \"<I>Секс-символы</I>\", там собраны биографии и фото самых привлекательных знаменитостей известных людей. Почти каждую минуту обновляются <I>загружаемые приколы</I> - наблюдаемые и читаемыею...</P><UL>"
+LiHref("toregistration","хватит болтать, дай уже зарегистрироваться!")
+LiHref("advanced","продвинутые возможности")
+LiHref("yesplstell","в начало")
+"</UL>"; break;


case "extra":
 H.innerHTML="<P>В секции \"<I>Дополнительно</I>\" есть ссылка на \"<I>Вопросы и Ответы</I>\" где можно найти дополнительную информацию о сайте, решении возможных проблем, о правилах разделов.</P><P><IMG SRC=/i/helper/extra.gif WIDTH=118 HEIGHT=99 ALT=\"Раздел [Дополнительно]\" ALIGN=right VSPACE=4 HSPACE=5>А с помощью страницы \"<I>Оставить отзыв</I>\" можно напрямую связаться с администрацией Мейби по любым вопросам!</P><UL>"
+LiHref("advanced","продвинутые возможности")
+LiHref("rightcolumn","а что в правой колонке?")
+LiHref("yesplstell","в начало")
+"</UL>"; break;


case "rightcolumn":
 H.innerHTML="<P><IMG SRC=/i/helper/auth.gif WIDTH=152 HEIGHT=120 ALT=\"Поля для авторизации\" ALIGN=right>Вверху правой колонки каждой страницы сайта находится желтый квадратик <I>авторизации</I>:</P><P>Когда ты <B>зарегистрируешься</B>, для входа на сайт ты должен будешь ввести в эти поля свой логин и пароль.</P><P>Если ты верно набрал и то, и другое, <U><I>\"авторизация\" превращается в \"рабочее меню\"</I></U>, где собрано все управление, связанное именно с твоей персоной.</P><P ALIGN=center><IMG SRC=/i/helper/workmenu.gif WIDTH=141 HEIGHT=174 ALT=\"Рабочее меню\"></P><P>Например, сразу после регистрации тебе надо заполнить свою анкету - нажми на ссылку \"<I>изменить данные</I>\". Для того, чтобы добавить фотки или файлы, нужно выбрать \"<I>мой прицеп</I>\".  Посмотреть список Домиков, в которых ты прописан - зайди в \"<I>мои домики</I>\".</P><P>В общем, можешь просмотреть по порядку все ссылки, чтоб иметь представление о своих возможностях.</P><UL>"
+LiHref("toregistration","ДА, я ХОЧУ зарегистрироваться!")
+LiHref("advanced","Узнать про продвинутые возможности")
+LiHref("yesplstell","в начало")
+"</UL>"; break;


case "advanced":
 H.innerHTML="<P>На Мейби реализован продвинутый механизм личного общения. Он называется <I>ССС</I> - Система Срочных Сообщений. На любой странице сайта, в \"<A HREF=\"javascript:helpernav('domiki')\">Домиках</A>\", на форумах, в МейБлогах, рядом с никами пользователей ты увидишь <I>квадратик-рожицу</I>, индикатор online-статуса:</P><P ALIGN=center><IMG SRC=/i/helper/sss.gif WIDTH=204 HEIGHT=84 ALT=\"Послать ССС-сообщение\"></P><P>Но независимо от того, находится ли пользователь на сайте online или нет, можно <I>нажать на эту рожицу</I> и <I>послать ему СССку</I>. Когда сообщение приходит, оно всплывает в виде окна, в котором можно сразу же написать ответ.</P><P ALIGN=center><IMG SRC=/i/helper/incoming.gif WIDTH=244 HEIGHT=153 ALT=\"Вам пришло ССС!\"></P><P>ССС-сообщения имеют \"время жизни\" <I>пять дней</I>, однако, если адресат указал и подтвердил свой e-mail (перешел по ссылке из <I>письма о регистрации</I>), то все непрочитанные сообщения будут доставляться на указанный адрес.</P><P>Также, пятидневный архив ССС-сообщений и всех, с кем вы общались за этот период, можно найти по ссылке \"<I>history сообщений</I>\" в \"<I>Рабочем меню</I>\".</P><P ALIGN=center><IMG SRC=/i/helper/history.gif WIDTH=140 HEIGHT=175 ALT=\"История сообщений\"></P><P>Подробнее про тонкости работы ССС можешь потом прочитать в разделе \"<I>Вопросы и Ответы</I>\".</P><UL>"
+LiHref("pdawap","А можно ли получать ССС-ки с WAP-телефона или КПК?")
+LiHref("toregistration","Пустите уже меня, хочу зарегистрироваться!")
+LiHref("yesplstell","в начало")
+"</UL>"; break;


case "pdawap":
 H.innerHTML="<P><IMG SRC=/i/helper/nokiawap.jpg WIDTH=106 HEIGHT=145 ALT=\"WAP.maybe.ru\" ALIGN=right>Ну разумеется, Мейби можно пользоваться как с&nbsp;простого WAP-телефона (<I>wap.maybe.ru</I>), так и с коммуникатора или карманного компьютера (для КПК адрес будет <I>pda.maybe.ru</I>)</P><P>Причем, мы рекомендуем именно КПК-версию: во-первых, WAP-трафик, спасибо \"благородным\" операторам, намного дороже, а во-вторых, PDA-версия красивее и гораздо удобнее в использовании!</P><P ALIGN=center><IMG SRC=/i/helper/pocketpc.jpg WIDTH=164 HEIGHT=220 ALT=\"PDA.maybe.ru\"></P><P>Кроме того, в WAP-версии функциональность сайта сильно урезана и развиваться боле не будет; в версии же для КПК есть все самые важные и интересные разделы и будут появляться новые!</P><UL>"
+LiHref("toregistration","Все, решено! Сейчас же регистрируюсь!")
+"</UL>"; break;


case "close": CloseHelper(); break;
case "toregistration": location.href="/registration.php"; return;
}

d.getElementById("HelperText").scrollTop=0;
}


InitHelperDiv();
d.getElementById("HelperText").setAttribute("STYLE", (d.getElementById("HelperText").getAttribute("STYLE",0)+"; scrollbar-arrow-color: #D00EB3; scrollbar-3dlight-color: #C2C2C2; scrollbar-darkshadow-color: #FCFCE1; scrollbar-face-color: #F3EDD1; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #97831B; scrollbar-track-color: #F8F8F7;"), 0); 


if (d.onmousedown)
{
d.onmousedown = EngageGuide;
d.onmousemove = MvGuide;
d.onmouseup = RelGuide;
}
else
{
d.removeEventListener("mousedown", EngageMsg, true);
d.removeEventListener("mousemove", MvMsg, true);
d.removeEventListener("mouseup", RelMsg, true);
d.addEventListener("mousedown", EngageGuide, true);
d.addEventListener("mousemove", MvGuide, true);
d.addEventListener("mouseup", RelGuide, true);
}