//
//<!--
	
	var objCount=0;//Количество ссылок на странице;
    
    //Каждой ссылке соответствует массив pics, в коорый;
    //помещаются файлы картинок для данной ссылки, а так же;
    //имя данной ссылки на странице;
    pics=new Array();
        
    var countStar=0; //Количество картинок-звезд ;
    StarProp=new Array();//Свойства картинки-звезды;
    

    var countDrop=0; //Количество капель воды;
    
    DropProp=new Array();//Свойства капель воды;
    
    var minSpeed=4;//Минимальная скорость движения капли;
    
    var maxSpeed=6;//масксимальная скорость движения капли;
    var StartBulk;//самое нижнее положение капель в пикселах;
    
    var step=10; //количество шагов сжатия - распрямления для капли;
    var ministep=2;//единичный шаг сжатия для капли;


function UL1_onmouseover(NumberMenu) {////Срабатывает, когда наводим мышь на пункт главного меню и раскрытые его подменю;


    //Подгоняем бокс конкретного субиеню под нижнюю границу ячейки пункта главного меню;
    //и устанавливаем ширину бокса равной ячейке таблицы;

    //Получаем реальные размеры и позицию на экране шрифта элемента меню
    //под которым располагается субменю;
    PosMenu=getElementPosition("font"+NumberMenu);
    //Получаем реальные размеры и позицию на экране первой ячейки таблицы
    //под котрой располагается субменю;
    PosTableFirst=getElementPosition("TableCellFirst"+NumberMenu);
    //Получаем реальные размеры и позицию на экране второй ячейки таблицы
    //под котрой располагается субменю;
    PosTableSecond=getElementPosition("TableCellSecond"+NumberMenu);
    //Устанавливаем верхнее положение бокса субменю как раз выше на 2 пиксела выше нижней позиции шрифта пункта главного меню;
    document.getElementById("BoxSubMenu"+NumberMenu).style.top=(PosMenu.top+PosMenu.height-2)+"px";
    //Устанавливаем левой положение бокса субменю на 4 пиксела правее левой границы ячейки таблицы;
    document.getElementById("BoxSubMenu"+NumberMenu).style.left=(PosTableFirst.left+4)+"px";
    //Устанавливаем ширину бокса субменю равной сумме ширин ячеек таблицы;
    document.getElementById("BoxSubMenu"+NumberMenu).style.width=(PosTableFirst.width+PosTableSecond.width)+"px";
        
        
        if (navigator.appName=="Microsoft Internet Explorer"||navigator.appName=="Opera"){
            //Ничего не делаем
            //window.status="Номер версии браузера "+parseFloat(navigator.appVersion);
            }
            else {
                //Если это другой навигатор, то гасим звезды
                document.getElementById("layer1").style.visibility="hidden";
                document.getElementById("layer2").style.visibility="hidden";
                document.getElementById("layer3").style.visibility="hidden";

            }
            

}


function UL1_onmouseout() {//Срабатывает, когда уводим мышь с главного меню;

    //Опять делаем видимыми звезды;
    document.getElementById("layer1").style.visibility="visible";
    document.getElementById("layer2").style.visibility="visible";
    document.getElementById("layer3").style.visibility="visible";

}


//Эта функция высчитывает положение,ширину и высоту любого элемента по его id
//и возвращает в свойствах left,top,width,height
//я ее использую для подгонки слоя с бульками под ячейку таблицы;
function getElementPosition(elemId){
    var elem = document.getElementById(elemId);
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
    var l = 0;
    var t = 0;
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }
    return {"left":l, "top":t, "width": w, "height":h};
}


    //Ввиду того, что в свойствах слоя (тег <div)размеры указываются
//в виде строковых параметров, например "410px" или "200px"
//то необходимо отбросить символы справа "px" 
//и оставшуюся строку (например "410" или "200")преобразовать в число
//для чего и служит пользовательская функция convInt(Strings)
//в котрой параметр Strings и есть размер слоя в виде строки ("410px" или "200px");
function convInt(Strings) {
    //отбрасываем символы справа "px"
    //т.е. фактически выделяем из строки символы начиная с 0 и длиной меньше на 2
    //чем длина параметра Strings;
    conv=Strings.substr(0,Strings.length-2);
    
    //Конвертируем строку в число;
    intc=conv*1;
    return intc;    
}

 
    function preload(name,first,second) {
        //Предварительно загружаем все рисунки, используемые на страничке,
        //сохраняя их в виде массива;
        pics[objCount]=new Array(3);
        pics[objCount][0]=new Image;
        pics[objCount][0].src=first;
        pics[objCount][1]=new Image;
        pics[objCount][1].src=second;
        pics[objCount][2]=name;
        
        //Увеличиваем на 1 индекс массива
        //т.к. в дальнейшем в этот элемент pics[objCount] могут быть
        //загружены элементы следующей ссылки;  
        objCount++;
    }

    //Эта функция вызывается, когда курсор мыши наводится на ссылку-кнопку или левый рисунок;
    function on(name) {
        //Перебираем все ссылки, используя массив pics[objCount] ;
        for (i=0; i<objCount; i++) {
            //Если в данной ссылке присутствует любая картинка
            //(Значек   !=    обозначает "не равно");
            if (document.images[pics[i][2]] !=null)//document.images[pics[i][2]-это внутреннее имя данной картинки на странице
            
            //и курсор мыши находится не над этой ссылкой
            //т.е. параметр  name ,переданный в функцию, не соответствует
            //данной ссылке;
            if (name !=pics[i][2]) {
                //то вместо заменяющей картинки ставим основную;
                document.images[pics[i][2]].src=pics[i][0].src;
            } else {
                //если курсор мыши находится над этой ссылкой;
                //то устанавливаем заменяющую картинку;
                document.images[pics[i][2]].src=pics[i][1].src;                    
                
            }
            
        }
    }
    
    function off() {
        for (i=0; i<objCount; i++) {
            //Со всех ссылок убираем заменяющие картинки;
            if (document.images[pics[i][2]] !=null)
            document.images[pics[i][2]].src=pics[i][0].src;
        }
    }
    
    //Эта фуекция обеспечивает мигание звездочек;
    function flash1() {
        //Высчитываем позицию и размеры ячейки таблицы
        //внутри которой мигают звездочки
        //чтобы в дальнейшем не допустить мигания звездочек вне пределов ячейки;
        PosTableStar=getElementPosition("TableStar");
        
        for(i=0;i<countStar;i++){
            //Уменьшаем на 2 пиксела переменную текущей ширины картинки;
            StarProp[i][2]+=-2;
            //Уменьшаем на 2 пиксела переменную текущей высоты картинки;
            StarProp[i][3]+=-2;

            //Чтобы центр картинки оставался на месте
            //увеличиваем на 1 пиксел переменную текущего левого положения слоя;
            StarProp[i][6]+=1;
            //Чтобы центр картинки оставался на месте
            //увеличиваем на 1 пиксел переменную текущего верхнего положения слоя;
            StarProp[i][7]+=1;

            //Если уменьшаь картинку дальше некуда
            //т.е текущая ширина<=0 или текущая высота<=0;
            if (StarProp[i][2]<=0 || StarProp[i][3]<=0){
                //то возвращаем переменные текущих ширины и высоты рисунка 
                //к исходным размерам;
                StarProp[i][2]=StarProp[i][0];
                StarProp[i][3]=StarProp[i][1];
                
                //Выбираем новую левую позицию для картинки-звезды случайным образом
                //Для генерации целого псевдо-случайного числа в диапазоне от m до n включительно, используется следующая формула:
                //Math.floor(Math.random() * (n - m + 1)) + m;
                StarProp[i][6] = Math.floor(Math.random() * (StarProp[i][9] - StarProp[i][8] + 1)) + StarProp[i][8]
            
                //Выбираем новую верхнюю позицию для звезды 
                //как случайное число между верхней и нижней границей ячейки таблицы 
                //Для генерации целого псевдо-случайного числа в диапазоне от m до n включительно, используется следующая формула:
                //Math.floor(Math.random() * (n - m + 1)) + m;
                StarProp[i][7]=Math.floor(Math.random() * ((PosTableStar.top+PosTableStar.height-StarProp[i][1]) - PosTableStar.top + 1)) + PosTableStar.top;
                //StarProp[i][7]=StarProp[i][5];
            }
            
            //Реально устанавливаем ширину и высоту рисунка;
            document.getElementById(StarProp[i][10]).style.width=StarProp[i][2]+"px";
            document.getElementById(StarProp[i][10]).style.height=StarProp[i][3]+"px";
        
            //реально устанавливаем новые левое и верхнее положение слоя;
            document.getElementById(StarProp[i][11]).style.left=StarProp[i][6]+"px";
            document.getElementById(StarProp[i][11]).style.top=StarProp[i][7]+"px";
        }
    }
    
    function InitializeProp(IMG1,layer1,m,n) {
        StarProp[countStar]=new Array(11);//Свойства картинки-звезды;
        
        //исходня ширина картинки;
        StarProp[countStar][0]=convInt(document.getElementById(IMG1).style.width);
        //исходная высота картинки;
        StarProp[countStar][1]=convInt(document.getElementById(IMG1).style.height);
        //Текщая ширина картинки;
        StarProp[countStar][2]=StarProp[countStar][0];
        //текущая высота картинки;
        StarProp[countStar][3]=StarProp[countStar][1];

        //Исходное левое положение слоя;
        StarProp[countStar][4]=convInt(document.getElementById(layer1).style.left);
        //Исходное верхнее положение слоя;
        StarProp[countStar][5]=convInt(document.getElementById(layer1).style.top);
        //Текущее левое положение слоя;
        StarProp[countStar][6]=StarProp[countStar][4];
        //Текущее верхнее положение слоя;
        StarProp[countStar][7]=StarProp[countStar][5];
        
        //Интервал в пикселах по ширине, 
        //в котором будет случайным образом возникать катинка-звезда;
        StarProp[countStar][8]=m;
        StarProp[countStar][9]=n;
        
        //и наконец запишем ID рисунка и слоя;
        StarProp[countStar][10]=IMG1;
        StarProp[countStar][11]=layer1;
        
        countStar+=1;
    
    }
    
    //Иннициализируем свойства капель;
    function InDropProp(layer,image) {
        DropProp[countDrop] = new Array();
        //имя слоя;
        DropProp[countDrop][0]=layer;
        //имя рисунка;
        DropProp[countDrop][1]=image;
        //текущее верхнее положение слоя;
        DropProp[countDrop][2]=convInt(document.getElementById(layer).style.top);
        //текущий шаг скорости как случайное число между максимумом и минимумом;
        DropProp[countDrop][3]=Math.floor(Math.random() * (maxSpeed - minSpeed + 1)) + minSpeed;                  
        //текущее положение сжатия;
        DropProp[countDrop][4]=0;
        //текущая высота капли;
        DropProp[countDrop][5]=convInt(document.getElementById(image).style.height);
        countDrop+=1;
    }
    
    //Двигаем капли по экрану;
    function Bul_bul() {
        //На случай, если пользователь по ходу дела
        //изменил масштаб или размер шрифта страницы
        //лишний раз подгоним размер слоя с бульками
        //под ячейку таблицы;
        if (!countDrop==0)
        {
            PositionSizeLayerParent();
        }
        for (i=0;i<countDrop;i++){
            Top= DropProp[i][2]-DropProp[i][3];
            if (Top<0) {
                Top= StartBulk;
                DropProp[i][3]=Math.floor(Math.random() * (maxSpeed - minSpeed + 1)) + minSpeed;        
            }
            document.getElementById(DropProp[i][0]).style.top=Top+"px"; 
            DropProp[i][2]=Top;
            DropProp[i][4]+=1;
            if (DropProp[i][4]>step) {DropProp[i][4]=1};
            if (DropProp[i][4]<=(step/2)){
                DropProp[i][5]+=ministep;
            }
            else{
                DropProp[i][5]-=ministep;
            }
            document.getElementById(DropProp[i][1]).style.height=DropProp[i][5]+"px";                                      
        }
    }

    //Подгоняем размер слоя с бульками под размер ячейки таблицы;
    function PositionSizeLayerParent(){
        
        var topdown=100; //Родительский слой всех булек будем ставить на topdown пунктов выше нижнего положения левой надписи

        //Получаем параметры ячейки "BG", под которую будем подгонять слой с бульками
        //и слой с баннерами
        var LeftBG = getElementPosition("BG").left + "px";
        var TopBG = (getElementPosition("imgLeft2").top + getElementPosition("imgLeft2").height - topdown) + "px";
        var WidthBG = getElementPosition("BG").width + "px";
        var HeightBG = (getElementPosition("BG").height - (getElementPosition("imgLeft2").top - getElementPosition("BG").top + getElementPosition("imgLeft2").height) + topdown) + "px";


        //Устанавливаем размеры и положение родительского слоя всех булек;
        document.getElementById("layerDropParent").style.left = LeftBG;
        document.getElementById("layerDropParent").style.top = TopBG;
        document.getElementById("layerDropParent").style.width = WidthBG;
        document.getElementById("layerDropParent").style.height = HeightBG;

        //Устанавливаем размеры и положение слоя баннеров;
        //document.getElementById("layerBannres").style.left = LeftBG;
/////        document.getElementById("layerBannres").style.top = (convInt(TopBG) + topdown) + "px";
        //document.getElementById("layerBannres").style.width = WidthBG;
        //document.getElementById("layerBannres").style.height = (convInt(HeightBG) - topdown) + "px";
        
        
        var hd2=convInt(document.getElementById("layerDropParent").style.height);
        var wd2=convInt(document.getElementById("layerDropParent").style.width);

        //var hd3 = convInt(document.getElementById("layerDropParent").style.height) - topdown;
        
        //устанавливаем видимую часть родительского слоя булек;
        document.getElementById("layerDropParent").style.clip="rect("+topdown+" "+wd2+" "+hd2+" 0)";
        //устанавливаем видимую часть слоя баннеров;
        //document.getElementById("layerBannres").style.clip = "rect(0 "+wd2+" "+hd3+" 0)";
        
        //Если переменная нижнего старта движения булек меньше высоты;
        //родительского слоя булек, то приравниваем ее к высоте слоя;
        StartBulk=hd2;
    }
    
    

    function window_onload() {
        
        //делаем видимыми звезды;
        document.getElementById("layer1").style.visibility="visible";
        document.getElementById("layer2").style.visibility="visible";
        document.getElementById("layer3").style.visibility="visible";

        InitializeProp("IMG1","layer1",48,620);
        InitializeProp("IMG2","layer2",48,620);
        InitializeProp("IMG3","layer3",48,620);
        setInterval("flash1()",40);

        //Подгоняем размер слоя с бульками под размер ячейки таблицы
        //PositionSizeLayerParent();
        
        //var hd2=convInt(document.getElementById("layerDropParent").style.height);
        //var wd2=convInt(document.getElementById("layerDropParent").style.width);
        
        //Эта функция подготавливает меню для работы
        //jshover()
        //Параметр j - количество пунктов меню;
        var jshover = function() {
	        for (j=1; j<5; j++) {
	            var sfEls = document.getElementById("menu"+j).getElementsByTagName("li");
	            for (var i=0; i<sfEls.length; i++)  
	            {
		            sfEls[i].onmouseover=function()
		            {
			            this.className+=" jshover";
		            }
		            sfEls[i].onmouseout=function() 
		            {
			            this.className=this.className.replace(new RegExp(" jshover\\b"), "");
		            }
	            }
	        }
        }
        if (window.attachEvent) 
	    window.attachEvent("onload", jshover);
	
	    PageIn()
	
    }
    //Предварительная загрузка картинок, необходимо указать,
    //какие картинки должны быть загружены
    //а так же какому объекту Image на страничке
    //они ссответствуют;
    
    preload("Link1","images/next1.gif","images/next2.gif");
    preload("Link2","images/prev1.gif","images/prev2.gif");
    preload("Link3","images/inmain1.gif","images/inmain2.gif");
    preload("Link4","images/next1.gif","images/next2.gif");
    preload("Link5","images/prev1.gif","images/prev2.gif");
    preload("Link6","images/inmain1.gif","images/inmain2.gif");
    preload("LinkLeft1","images/left11.gif","images/left12.gif");
    preload("LinkLeft2","images/left21.gif","images/left22.gif");

    var prevWidth;
    var prevHeight;
    var wd;
    var hd;

    var prevLeftLay;
    var prevTopLay;
    var LLay;
    var TdLay;

 //-->
//</script>