<SCRIPT LANGUAGE = "JavaScript"> 
    function showObject(object) {
        object.visibility = VISIBLE;
    }
    function hideObject(object) {
        object.visibility = HIDDEN;
    }
    function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + from + ',' + to + ')', 75);//fantasyflash.ru
            }
            else initObjects();
    }
 
    function rotateObjects() {
            for (var i = 0; i < pos.length; i++) {
                pos[i] += inc; objects[i].visibility = 'visible';//osw
                objects[i].left = (r * Math.cos(pos[i])) + xoff
                objects[i].top = (r * Math.sin(pos[i])) + yoff;
            }
        rotateTimer = setTimeout("rotateObjects()", 70);
    }
 
     function initObjects() {
        objects = new Array(fly1, fly2, fly3, fly4);
        pos = new Array();
        pos[0] = 0;
            for (var i = 1; i < objects.length; i++) {
                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
            }
        rotateObjects();
    }
    var objects;
    var pos;
    var r = 160;        // радиус
    var xoff = 400;     
    var yoff = 170;     
    var pi = Math.PI;   
    var inc = pi / 180; 
    var objects;        
    var pos;           
</SCRIPT>
<DIV ID = "fly1" CLASS = "fly"> <A HREF = "http://www.viachappa.ru/" onMouseOver = "showObject(desc1)" onMouseOut = "hideObject(desc1)">Главная страница</A><BR></DIV> <DIV ID = "fly2" CLASS = "fly"> <A HREF = "http://www.viachappa.ru/mp3/" onMouseOver = "showObject(desc2)" onMouseOut = "hideObject(desc2)">Mp3 и Тексты</A><BR> </DIV> <DIV ID = "fly3" CLASS = "fly"> <A HREF = "http://www.viachappa.ru/photo/" onMouseOver = "showObject(desc3)" onMouseOut = "hideObject(desc3)">ФОТО</A><BR> </DIV> <DIV ID = "fly4" CLASS = "fly"> <A HREF = "http://www.viachappa.ru/news/" onMouseOver = "showObject(desc4)" onMouseOut = "hideObject(desc4)">Новости</A><BR> </DIV> <DIV ID = "company" CLASS = "logo">.:Меню:.</DIV> <DIV ID = "desc1" CLASS = "desc"> Главная страница сайта WWW.VIACHAPPA.RU </DIV> <DIV ID = "desc2" CLASS = "desc"> Тут можно скачать Мр3 и почитать тексты песен</DIV> <DIV ID = "desc3" CLASS = "desc"> Фотографии с концертов и жизни </DIV> <DIV ID = "desc4" CLASS = "desc">Последние новости группы</DIV> 
<SCRIPT LANGUAGE = "JavaScript"> 
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';
    var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
    var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
    var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
    var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
    var company = (isNS) ? document.company : document.all.company.style;
    var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
    var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
    var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
    var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
    slideLogo(0, 140);
</SCRIPT></CENTER>
 
 
 
 
<STYLE> 
.fly {
color:          red;
font-family:    arial;
font-size:      24px;
position:       absolute;
visibility:     hidden;
z-index:        2;
margin-top: -50px;}
 
.logo {
font-family:    arial;
font-size:      30px;
color:          red;
position:       absolute;
top:            0px;
left:           200px;
visibility:     visible;
z-index:        1;
}
.desc {
text-align:     center;
font-family:    arial;
font-size:      12px;
color:          red;
position:       absolute;
top:            220px;
left:           240px;
width:          400px;
visibility:     hidden;
z-index:        0;
}
A {
color: #9933CC;}
</STYLE>
 
<style> 
#html-header #company{margin-top: -50px;}
#pun {margin-top: 250px;}
</style>