<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ateve Commercial</title>
</head>
<style>
body, html
{ margin: 0px;
padding: 0px;
height: 100%; }
.container
{ position: absolute;
left: 3000px;
top: -1000px;
width: 300px;
background-color: #ffffff;
font-family: Tahoma;
text-align: center;
padding-bottom: 10px;
font-size: 0.8em; }
.container a
{ font-weight: bold;
color: #000000; }
.switcher a
{ text-decoration: none;
font-family: Tahoma;
color: #e0e0e0;
}
a img { border: 0px; }
a { color: #303030; }
</style>
<script src="prototype.js" language="JavaScript"></script>
<script>
var logos = new Array;
var now = 0;
var the_width = 1200;
var the_height = 1200;
var cur_container = false;
function Startup()
{
var k = 0;
while (true)
{
k++;
if (wtf = $('l' + k))
logos.push('l' + k);
else
break;
}
for (k = 0; k < logos.length; k++)
{
// IE sucks
var i = $(logos[k]);
i._deltax = 0;
i._deltay = 0;
i._targetx = k == 0 ? 5000 : -5000;
i._targety = 0;
i._nowx = i._targetx;
i._nowy = i._targety;
i.style.left = parseInt(i._targetx) + 'px';
i._worker = setTimeout('ImageWorker("' + i.id + '");', 20);
}
var i = $('about');
i._deltax = 0;
i._deltay = 0;
i._targetx = -500;
i._targety = 0;
i._nowx = i._targetx;
i._nowy = i._targety;
i.style.left = parseInt(i._targetx) + 'px';
i._worker = setTimeout('ImageWorker("' + i.id + '");', 20);
var i = $('contact');
i._deltax = 0;
i._deltay = 0;
i._targetx = the_width + 500;
i._targety = 0;
i._nowx = i._targetx;
i._nowy = i._targety;
i.style.left = parseInt(i._targetx) + 'px';
i._worker = setTimeout('ImageWorker("' + i.id + '");', 20);
Resize();
}
function Resize()
{
the_width = document.body.clientWidth;
the_height = document.body.clientHeight;
$('sw1').style.top = ((the_height / 2) - 100) + 'px';
$('sw2').style.top = ((the_height / 2) - 100) + 'px';
$('sw1').style.display = 'block';
$('sw2').style.display = 'block';
Switch(0);
}
function ImageWorker(i)
{
i = $(i);
i._nowx += i._deltax;
i._nowy += i._deltay;
var newleft = Math.floor(i._nowx) + 'px';
var newtop = Math.floor(i._nowy) + 'px';
if (i.style.left != newleft) i.style.left = newleft;
if (i.style.top != newtop) i.style.top = newtop;
i._deltax = (i._targetx - i._nowx) / 5;
i._deltay = (i._targety - i._nowy) / 5;
i._worker = setTimeout('ImageWorker("' + i.id + '");', 20);
}
function Switch(dir)
{
if ((now <= 0) && (dir == -1))
{
now = logos.length - 1;
dir = 0;
}
else if ((now >= (logos.length - 1)) && (dir == 1))
{
now = 0;
dir = 0;
}
now = now + dir;
var cur = $(logos[now]);
var prev = (now > 0) ? $(logos[now - 1]) : $(logos[logos.length - 1]);
var next = (now < (logos.length - 1)) ? $(logos[now + 1]) : $(logos[0]);
cur_container = cur;
if (prev)
{
prev._targetx = -1000;
prev._targety = 1000;
}
cur._targetx = the_width / 2 - 300 / 2;
cur._targety = the_height / 2 - 300 / 2;
if (next)
{
next._targetx = the_width + 1000;
next._targety = 1000;
}
$('about')._targetx = -300;
$('about')._targety = 0;
$('contact')._targetx = the_width;
$('contact')._targety = 0;
return false;
}
function ShowAbout()
{
cur_container._targety = the_height + 500;
$('about')._targetx = the_width / 2 - 300 / 2;
$('about')._targety = the_height / 2 - 300 / 2;
$('contact')._targetx = the_width;
$('contact')._targety = 0;
return false;
}
function ShowContact()
{
cur_container._targety = the_height + 500;
$('contact')._targetx = the_width / 2 - 300 / 2;
$('contact')._targety = the_height / 2 - 300 / 2;
$('about')._targetx = -300;
$('about')._targety = 0;
return false;
}
</script>
<body onLoad="Startup();" onResize="Resize();" id="body" style="height: 100%;">
<div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden;">
<div class="container" id="l1"><img src="/logos/logo_promodj.gif" title="Терабайты миксов и треков Российских DJ и музыкантов." width="190" height="150"><br>Терабайты миксов и треков Российских DJ и музыкантов.<br><br><a href="http://www.promodj.ru">http://www.promodj.ru</a></div><div class="container" id="l2"><img src="/logos/logo_printura.gif" title="Типографии, рекламные агентства, тендеры. Принтура знает, где визитки дешевле." width="207" height="150"><br>Типографии, рекламные агентства, тендеры. Принтура знает, где визитки дешевле.<br><br><a href="http://www.printura.ru">http://www.printura.ru</a></div><div class="container" id="l3"><img src="/logos/logo_teamer.gif" title="Удобная штука для управления проектами." width="200" height="150"><br>Удобная штука для управления проектами.<br><br><a href="http://www.teamer.ru">http://www.teamer.ru</a></div><div class="container" id="l4"><img src="/logos/logo_youmama.gif" title="Сообщество мам и пап, а также тех, кто очень хочет ими стать." width="166" height="150"><br>Сообщество мам и пап, а также тех, кто очень хочет ими стать.<br><br><a href="http://www.youmama.ru">http://www.youmama.ru</a></div><div class="container" id="l5"><img src="/logos/logo_shey.gif" title="Первый интернет-портал для швейного бизнеса." width="300" height="150"><br>Первый интернет-портал для швейного бизнеса.<br><br><a href="http://www.shey.ru">http://www.shey.ru</a></div><div class="container" id="l6"><img src="/logos/logo_rpod.gif" title="Первый Российский подкаст-терминал. Работает под управлением Василия Стрельникова и FreeBSD :-)" width="227" height="150"><br>Первый Российский подкаст-терминал. Работает под управлением Василия Стрельникова и FreeBSD :-)<br><br><a href="http://www.rpod.ru">http://www.rpod.ru</a></div><div class="container" id="l7"><img src="/logos/logo_fishnet.gif" title="Рыбный портал №1 в России." width="156" height="150"><br>Рыбный портал №1 в России.<br><br><a href="http://www.fishnet.ru">http://www.fishnet.ru</a></div>
<div id="sw1" style="display: none; position: absolute; left: 0px; top: 200px; padding: 40px; font-size: 6em;" class="switcher">
<a href="#" onClick="return Switch(-1);">←</a>
</div>
<div id="sw2" style="display: none; position: absolute; right: 0px; top: 200px; padding: 40px; font-size: 6em;" class="switcher">
<a href="#" onClick="return Switch(1);">→</a>
</div>
<div id="about" class="container" style="text-align: left;">
<br>
<br>
Наша реклама в наших работах.<br>
<br>
Нас рекламируют наши клиенты, а мы стараемся делать все, чтобы улучшить наши услуги.<br>
<br>
Сейчас мы занимаемся преимущественно <nobr>веб-сервисами:</nobr>
разрабатываем сложные портальные системы, тематические сообщества и корпоративные сайты.<br>
<br>
Наши цены выше средних, но полностью оправдывают себя.<br>
<br>
Безусловно, у нас большой творческий потенциал и всегда много креативных идей.
</div>
<div id="contact" class="container">
<br>
<br>
<br>
<br>
<br>
<br>
Пишите или звоните нам.<br>
<br>
<a href="mailto:info@ateve.com">info@ateve.com</a><br>
<br>
+7 (916) 675 16 95 — Сергей Кеплин<br>
+7 (911) 368 61 93 — Сергей Коровкин<br>
</div>
<div style="position: absolute; left: 0px; top: 0px; width: 100%; text-align: center; font-family: Verdana; font-size: 0.7em;">
<img src="logos/logo_ateve.gif" width="220" height="70" title="Ateve Commercial" alt="Ateve Commercial"><br>
</div>
<div style="position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; font-family: Verdana; padding: 10px; font-size: 0.7em;">
<a onClick="return ShowAbout();" href="#">о компании</a>
|
<a onClick="return ShowContact();" href="#">контакты</a><br>
</div>
</div>
<noscript>
<a href="http://www.printura.ru/">типографии в Москве</a> - удобный каталог<br>
<a href="http://rpod.ru/">подкасты и подкастинг в России</a><br>
<a href="http://www.fishnet.ru/">рынок рыбы и оптовая торговля рыбой</a><br>
<a href="http://www.promodj.ru/">DJ России</a> - контактная информация и mp3<br>
<a href="http://www.shey.ru/">нитки, ткани и мех</a> - всё на портале «Шей.ру»<br>
</noscript>
</body>
</html>