$(document).ready(function(){
    // активация ссылок в списках
    $("#extUrlMedia, #extUrlLeague").change(function () {
        id = this.selectedIndex;
        if (id == 0) exit();
        url_str = $(this).val();
        window.open(url_str, url_str);
   })

   // смена изображений шапки
   // Запускаем слайдшоу
	 theRotator();
});

function theRotator() {
	// Устанавливаем прозрачность всех картинок в 0
	$('div#rotator ul li').css({opacity: 0.0});

	// Берем первую картинку и показываем ее (по пути включаем полную видимость)
	$('div#rotator ul li:first').css({opacity: 1.0});

	// Вызываем функцию rotate для запуска слайдшоу, 7000 = смена картинок происходит раз в 7 секунд
	setInterval('rotate()', 7000);
}

function rotate() {
	// Берем первую картинку
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	// Берем следующую картинку, когда дойдем до последней начинаем с начала
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));

	// Расскомментируйте, чтобы показвать картинки в случайном порядке
	// var sibs = current.siblings();
	// var rndNum = Math.floor(Math.random() * sibs.length );
	// var next = $( sibs[ rndNum ] );

	// Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 3000);

	// Прячем текущую картинку
	current.animate({opacity: 0.0}, 3000)
	.removeClass('show');
};