jsHover = function() {
		var topmenu = document.getElementById('topmenu');
		if (topmenu)	{
				var hEls = topmenu.getElementsByTagName('li');

				for (var i = 0, len = hEls.length; i < len; i++) {
						hEls[i].onmouseover = function() {
								this.className += ' jshover';
						}

						hEls[i].onmouseout = function() {
								this.className = this.className.replace(' jshover', '');
						}
				}
		}
		
		var flags = document.getElementById('flags');
		if (flags)	{
				var hEls = flags.getElementsByTagName('li'),
						hEls2 = flags.getElementsByTagName('span');

				for (var i = 0, len = hEls.length; i < len; i++) {
						hEls[i].onmouseover = function() {
								this.className += ' jshover';
						}

						hEls[i].onmouseout = function() {
								this.className = this.className.replace(' jshover', '');
						}
				}
		}
}
if (window.attachEvent && navigator.userAgent.indexOf('Opera')==-1) window.attachEvent('onload', jsHover);


function initPodpis() {
		var podpis_link = document.getElementById('podpis'),
				podpis_block = document.getElementById('podpis_block');
		if (podpis_link) {
				podpis_link.onclick = function() {
						if (podpis_block.style.display == 'none')
								podpis_block.style.display = 'block';
						else
								podpis_block.style.display = 'none';
				}
		}
}


function collapsibleBlocks(head, block) {
		if (head.className == 'head') {
				head.className += ' hover';
				block.style.display = 'block';
		}
		else {
				head.className = 'head';
				block.style.display = 'none';
		}
}

function initAddInput() {		
		if (document.getElementById('add_more_field') && document.getElementById('more_fields')) {
				var file_field = document.getElementById('more_fields').innerHTML;
				document.getElementById('add_more_field').onclick = function() {
						document.getElementById('more_fields').innerHTML += file_field;
				}
		}		
		if (document.getElementById('add_more_field_2') && document.getElementById('more_fields_2')) {
				var file_field = document.getElementById('more_fields_2').innerHTML;
				document.getElementById('add_more_field_2').onclick = function() {
						document.getElementById('more_fields_2').innerHTML += file_field;
				}
		}
}

window.onload = function() {
		initPodpis();
		initAddInput();		
}

function theRotator() {
	//Устанавливаем прозрачность всех картинок в 0
	$('div#banner ul li').css({opacity: 0.0});
 
	//Берем первую картинку и показываем ее (попути включаем полную видимость)
	$('div#banner ul li:first').css({opacity: 1.0});
 
	//Вызываем функцию rotator для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
	setInterval('rotate()',5000);
}
 
function rotate() {	
	//Берем первую картинку
	var current = ($('div#banner ul li.show')?  $('div#banner ul li.show') : $('div#banner ul li:first'));
 
	//Берем следующую картинку, когда дойдем до последней начинаем с начала
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#banner ul li:first') :current.next()) : $('div#banner ul li:first'));	
 
	//Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
 
	//Прячем текущую картинку
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};

function theRotator2() {
	//Устанавливаем прозрачность всех картинок в 0
	$('div#banner2 ul li').css({opacity: 0.0});
 
	//Берем первую картинку и показываем ее (попути включаем полную видимость)
	$('div#banner2 ul li:first').css({opacity: 1.0});
 
	//Вызываем функцию rotator для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
	setInterval('rotate2()',5000);
}
 
function rotate2() {	
	//Берем первую картинку
	var current = ($('div#banner2 ul li.show')?  $('div#banner2 ul li.show') : $('div#banner2 ul li:first'));
 
	//Берем следующую картинку, когда дойдем до последней начинаем с начала
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#banner2 ul li:first') :current.next()) : $('div#banner2 ul li:first'));	
 
	//Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
 
	//Прячем текущую картинку
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};

function theRotatorLast() {
	//Устанавливаем прозрачность всех картинок в 0
	$('div#banner_last ul li').css({opacity: 0.0});
 
	//Берем первую картинку и показываем ее (попути включаем полную видимость)
	$('div#banner_last ul li:first').css({opacity: 1.0});
 
	//Вызываем функцию rotator для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
	setInterval('rotateLast()',5000);
}
 
function rotateLast() {	
	//Берем первую картинку
	var current = ($('div#banner_last ul li.show')?  $('div#banner_last ul li.show') : $('div#banner_last ul li:first'));
 
	//Берем следующую картинку, когда дойдем до последней начинаем с начала
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#banner_last ul li:first') :current.next()) : $('div#banner_last ul li:first'));	
 
	//Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);
 
	//Прячем текущую картинку
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};

var image1 = new Image(); image1.src = "/openworld.ru/images/podpis_form_bg.png";

$(document).ready(function() {
	$('.mainprogram a').hover(function (){    
		$(this).parent().find('.replaceimg').fadeOut('slow');
		$(this).parent().find('span').css('text-decoration', 'underline');
	},
	function (){
		$(this).parent().find('.replaceimg').stop(true,true).fadeIn('slow');
		$(this).parent().find('span').css('text-decoration', 'none');
	});

	theRotator();
	theRotator2();
	theRotatorLast();
});
