<head>
<body style="background:url('/LAPA.png') #191919; margin:0px; padding:0px;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Раскрутка сайтов</title>
<link rel="stylesheet" charset="utf-8" href="/_st/my.css" type="text/css" />
<style type="text/css">
button{font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, Verdana, Arial, sans; font-size: 90%; vertical-align: middle}
#group{border: 1px solid #cdf; padding: 3ex; margin: 4ex;
font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, Verdana, Arial, sans;
font-size: 85%; -moz-border-radius: 4px; text-align: center}
#group_caption{position: relative; float: left; top: -4.9ex; left: -2ex; padding: 0px 1ex; background: #fff;
font-family: 'Segoe UI', 'Trebuchet MS', Tahoma, Verdana, Arial, sans;
color: #889}
#site_address{width: 25%; color: #ccc; vertical-align: middle}
#finish{padding: 0px; margin: 0px 0px 3ex 3ex}
#finish label{color: #e00; font-size: 150%; display: block; margin-bottom: 2ex}
#sites{border-collapse: collapse; margin-left: 3.2ex; margin-top: 2ex; margin-bottom: 4ex}
#sites caption{font-size: 110%; font-weight: bold; text-align: left; white-space: nowrap; margin-bottom: 1ex}
#sites td, #sites th{border: 1px solid #cdf; text-align: left; padding: 4px 1.5ex}
#sites .ord{background: #f8fcff}
#sites th{background: #f4f8fc}
#sites .left{padding-right: 5ex}
#sites .right{text-align: right}
#links{font-size: 85%; margin: 5ex; color: #888}
#links ul{list-style-type: none; margin: 2ex 2ex; padding: 0px}
#links ul li{padding: 1ex 0px}
</style>
<script type="text/javascript">
//<![CDATA[
function $(id){
return document.getElementById(id)
}
function hide(obj){
obj.style.display = 'none'
}
function show(obj){
if(obj){
obj.style.display = ''
}
}
function Dec2Hex(DecVal){
DecVal=parseInt(DecVal);
if(DecVal > 255 || DecVal < 0){
DecVal = 255
}
var Dig1 = DecVal % 16;
var Dig2 = (DecVal - Dig1) / 16;
var HexVal = document.body.HexChars.charAt(Dig2) + document.body.HexChars.charAt(Dig1);
return HexVal
}
function rgb(r, g, b){
var result = '#';
result += Dec2Hex(r) + Dec2Hex(g) + Dec2Hex(b);
return result
}
function step(){
if(document.body.canMove){
document.body.Angle += document.body.dAngle;
if(document.body.Angle > document.body.Pi * 2){
document.body.Angle -= document.body.Pi * 2
}
document.body.dAngle += document.body.d2Angle;
if(document.body.dAngle > document.body.maxDAngle || document.body.dAngle < document.body.minDAngle){
document.body.d2Angle = -document.body.d2Angle;
var finish = $('finish');
finish.style.display = 'block'
}
// caption color
var c = Math.floor((Math.cos(document.body.Angle) + 1) / 2 * document.body.captionMaxColor);
document.body.caption.style.color = rgb(Math.floor(c / 1.1), Math.floor(c / 1.05), c);
// caption size
document.body.caption.style.fontSize =
Math.floor(
(-Math.cos(document.body.Angle) + 1) * document.body.maxSize
+ document.body.minSize
) + 'px';
// caption left / top
document.body.caption.style.left =
Math.floor(
document.body.offsetWidth / 2 - document.body.caption.offsetWidth / 2
+ Math.sin(document.body.Angle) * document.body.offsetWidth / 2
) + 'px';
document.body.caption.style.top =
Math.floor(
Math.cos(document.body.Angle) * document.body.radius
+ document.body.radius * document.body.spacerHeight / 2
- document.body.caption.offsetHeight / 2
) + 'px';
//shadow color
document.body.shadow.style.color = rgb(Math.floor(240 - c / 2), Math.floor(240 - c / 2), Math.floor(240 - c / 2));
// shadow left / top
document.body.shadow.style.left =
Math.floor(
document.body.offsetWidth / 2 - document.body.shadow.offsetWidth / 2
+ Math.sin(document.body.Angle) * document.body.offsetWidth / 2 / 1.1
) + 'px';
document.body.shadow.style.top =
Math.floor(
-Math.cos(document.body.Angle) * document.body.radius / 2
+ document.body.radius * document.body.spacerHeight / 1.51
- document.body.shadow.offsetHeight / 2
) + 'px';
setTimeout('step()', 50)
}
}
function createRequest(param){
var Request = false;
if (window.XMLHttpRequest){
Request = new XMLHttpRequest()
}
else{
if(window.ActiveXObject){
try{
Request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch(excp){
try{
Request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch(excp2){
Request = false
}
}
}
}
if(Request){
var url = './ajax.php?addr=' + param + '&rnd=' + Math.floor(Math.random() * 65535);
Request.open('GET', url, true);
if(window.XMLHttpRequest){
Request.send(null)
}
else{
if(window.ActiveXObject){
Request.send()
}
}
}
return Request
}
function btn_click(){
var sa = $('site_address').value;
if(sa != ''){
hide($('group'));
createRequest(sa);
document.body.HexChars = '0123456789ABCDEF';
document.body.minSize = 20;
document.body.maxSize = 40;
document.body.Angle = 0;
document.body.dAngle = 0.01;
document.body.d2Angle = 0.001;
document.body.maxDAngle = 0.5;
document.body.minDAngle = 0.01;
document.body.spacerHeight = 7;
document.body.radius = 50;
document.body.canMove = true;
document.body.Pi = 3.1415926;
document.body.captionMinColor = 0;
document.body.captionMaxColor = 128;
var spacer = document.createElement('div');
spacer.style.height = Math.floor(document.body.radius * document.body.spacerHeight) + 'px';
spacer.style.position = 'relative';
spacer.style.textAlign = 'left';
spacer.innerHTML = ' ';
spacer.style.overflow = 'hidden';
spacer.id = 'spacer';
document.body.spacer = spacer;
document.body.insertBefore(spacer, $('finish'));
var caption = document.createElement('label');
caption.innerHTML = sa;
caption.style.position = 'relative';
caption.style.zIndex = '3';
caption.style.fontSize = document.body.minSize + 'px';
caption.style.fontWeight = 'bold';
caption.style.fontFamily = '"Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans';
caption.style.color = '#000';
caption.style.left = Math.floor(document.body.offsetWidth / 2 - caption.offsetWidth / 2) + 'px';
caption.style.top = 2 * document.body.radius + 'px';
caption.style.whiteSpace = 'nowrap';
caption.id = 'caption';
spacer.appendChild(caption);
document.body.caption = caption;
var br = document.createElement('br');
spacer.appendChild(br);
var shadow = document.createElement('label');
shadow.innerHTML = sa;
shadow.style.position = 'relative';
shadow.style.zIndex = '2';
shadow.style.fontSize = document.body.minSize + 'px';
shadow.style.color = '#ccc';
shadow.style.fontWeight = 'bold';
shadow.style.fontFamily = '"Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans';
shadow.style.left = Math.floor(document.body.offsetWidth / 2 - shadow.offsetWidth / 2 + 2) + 'px';
shadow.style.top = 2 * document.body.radius + 2 + 'px';
shadow.style.whiteSpace = 'nowrap';
shadow.id = 'shadow';
spacer.appendChild(shadow);
document.body.shadow = shadow;
show($('sites'));
show($('links'));
setTimeout('step()', 0)
}
else{
alert('Не указан адрес сайта!')
}
}
function sa_focus(){
var sa = $('site_address');
sa.style.color = '#000';
if(sa.value == 'www.domain.ru'){
sa.value = ''
}
}
function sa_blur(){
var sa = $('site_address');
if(sa.value == ''){
sa.value = 'www.domain.ru';
sa.style.color = '#ccc'
}
}
function sa_keypress(){
var code = event.keyCode;
if(code == 13){
btn_click()
}
}
//]]>
</script>
</head>
<body>
<div id="hat" style="display: block">
</div>
<div id="group">
<label id="group_caption">Раскрутка сайтов:</label>
<label for="site_address">Адрес: </label>
<input type="text" id="site_address" value="www.domain.ru" onfocus="sa_focus()" onblur="sa_blur()" onkeypress="sa_keypress()" />
<button id="start_button" type="button" onclick="this.disabled = true; btn_click()">Раскрутить сайт</button>
</div>
<div id="finish" style="display: none">
<img src=http://graffitistudio.ru/ok.png width=40 height=40 <label>Сайт раскручен!</label>
<button type="button" onclick="document.location.href = 'http://gp-clan.ucoz.ru/103.htm'">Раскрутить еще один</button>
<button type="button" onclick="document.location.href = 'http://gp-clan.ucoz.ru'">На главную страницу</button>
</div>
<div id="links" style="display: none">
<ul style="float: right">
</ul>
</div>
<table id="sites" style="display: none">
</tr>
</tbody>
</table>
<div style="clear: both">
</div>
</body>
</html>
