Создание красивой шапки для сайта

filter:alpha(opacity=50);

opacity:0.5;

.logo//Собственно название класса
    {
    width:700px;//Ширина изображения
    height:250px;//Высота изображения
    position:absolute;//Абсолютная позиция на экране
    left:50%;//Отступаем слева на 50%, этим мы добьемся позиционирование верхнего...
    //...правого края изображения непосредственно в центре экрана
    top:25px;//Отступаем от верха на 25px
    margin-left:-350px;//Двигаем изображения влево на минус... 
    //..350px (Ширина изображения поделена на 2)...
    //...Так мы разместим изображение ровно по центру экрана
    background-repeat:no-repeat;//Не даем изображению размножаться ни по
        // X оси, ни по Y
    background-position:left top;//Располагаем изображение в левом верхнем углу 
    //контейнера, который создадим позже
    }

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td colspan="2" width="700px" height="250px">
             <div id="imgtwo" class='logo' style='//1-ый div с 1-ым 
             //видимым изображением
             background-image:url(img/1.jpg);'>//вставляю через css изображение
             </div>
             <div id="imgone" class='logo' style='//2-ой div c 2-ым, но уже не 
             //видимым, изображением
                        background-image:url(img/2.jpg);//ссылка на изображение
                        filter:alpha(opacity=0);//Определяю его как не видимый для IE
                        opacity:0.0;'>//так же для остальных браузеров изображение 
                        //прозрачно
             </div>
        </td>
    </tr>
</table>

var start = 5000;//первое обновление картинки произойдет через 5 сек
var speed = 25;//скорость смены картинок составляет 25 мсек кадр
var img = 4;//показываются 4 картинки
var while_img = 1;//Переменная отслеживает сколько циклов прошло, ведь для 
//того чтобы отследить когда запустить весь скрипт 
//с самого начало (т.е. когда заместо последнего изображения показать первое) 
//нужно считать циклы 
//(Есть и др способы, но я склонился к этому)
var glob_timer = 0;//Переменная варьируется в значениях от 0 до 1. Воткнул ее для 
//отслеживания самого первого цикла, а именно пауза в 5 сек
var opacity = 0;//Эту переменную будем менять от 0 до 100 тем самым отследим когда 
//изображение полностью прозрачно, и когда полностью видимо, 
//эдакое отслеживание кадров...
//Т.к мы будем менять прозрачность на 1 единицу каждый 25 мсек, то всего кадров 
//у нас будет 100
var txt_IE_u = 0;//Значение которое будем записывать в filter:alpha(opacity=...);
var txt_OR_u = 0;//Значение которое будем записывать в opacity:..;

function logo(t,u)//Название функции(название 1-ого изображение, 
//название 2-ого изображения)
//Я для название изображений использовал нумерацию, это облегчило мне 
//задачу подмены изображений
   {
      var imgone = document.getElementById("imgone");//Для небольшого...
      var imgtwo = document.getElementById("imgtwo");//...упрощения записи
      if(glob_timer == 1)//Отслеживаем первый ли запуск скрипта, или второй и 
      //последующий...
       {
            if(opacity == 0)//Если изображение еще не меняло свою прозрачность 
           //то устанавливаем невидимое изображение и рассчитываем ее прозрачность
           imgone.style.backgroundImage = "url(img/"+u+".jpg)";//Установили изображение 
           // в прозрачный div
           txt_IE_u++;//Увеличили его прозрачность на 1 в IE
           txt_OR_u = txt_IE_u/100;//Увеличили прозрачность для остальных браузеров
       }
     imgone.style.filter = "alpha(opacity="+txt_IE_u+")";//Записали в div новую 
     //прозрачность для IE
     imgone.style.opacity = txt_OR_u;//Записали в div новую прозрачность для 
     //остальных браузеров
     if(glob_timer == 0)//Отслеживаем первый запуск скрипта
      {
          glob_timer++;//Меняем переменную на 1, для того чтобы этот кусок кода б
          //ольше не всплывал
          setTimeout("logo("+t+","+u+")", start);//Вторичный запуск скрипта через 
          //5 сек (переменная start = 5000 мсек)
      }
     else//Если скрипт уже запускался, и это его 2-ой цикли или более чем второй =)
      {
          if(opacity != 100)//Если изображение еще не прозрачное (т.е. < 100)
            {
                 setTimeout("logo("+t+","+u+")", speed);//Запускаем скрипт по новой,
                 // но уже со скоростью в 25 мсек
                 opacity++;//изменяем переменную на единицу
            }
          else//Если изображение полностью видимо
            {
                 while_img++;//Увеличиваем переменную на 1 т.к. мы полностью изменили 
                 //видимость изображения
                 if(while_img < img){t++;u++;}//Если кол-во пройденных циклов 
                 //меньше кол-ва изображений 
                 //для показа то меняем оба названия изображения на единицу 
                 //(если при старте скрипта у нас 1-ое 
                 //изображение имело имя "1" а второе "2", то сейчас 
                 //изображения будут иметь названия "2" и "3")
                 if(while_img == img){t++;u = 1;}//Если кол-во пройденных циклов равно
                 // кол-ву изображений 
                 //для показа, то скрипт понимает, что это последний цикл и 
                 //устанавливает в качестве невидемого изображения первое
                 // изображение
                 if(while_img > img){t = 1;u++; while_img = 1}//Если последний цикл 
                 //пройден то устанавливаем значения на стартовые
                 glob_timer = 0;//Сбрасывает отслеживание на 1-ый запуск скрипта
                 opacity = 0;//Сбрасываем отслеживание на прозрачность 
                 //изображения
                 txt_IE_u = 0; //Сбрасываем значение для filter:alpha(opacity=...);
                 txt_OR_u = 0;//Сбрасываем значение для opacity:..;
                 imgtwo.style.backgroundImage = "url(img/"+t+".jpg)";//Заменяем 
                 //изображение из 2-ого div'а в 1-ый
                 setTimeout("logo("+t+","+u+")", 1);//Запускаем цикл заново
            }
      }
   }