(function(){

//	Массив имён картинок филиалов
	var IMAGES = [ 'branch_1.jpg', 'branch_2.jpg', 'branch_3.jpg', 'branch_4.jpg' ];
	var IMAGES_DIR = '/img/index/';
	
//	Простая предзагрузка изображений филиалов
	var imgPreload = [];
	for( var i = 0; i < IMAGES.length; i++ ){
		imgPreload[i] = new Image(165, 125);
		imgPreload[i].src = IMAGES_DIR + IMAGES[i];
	}
	
	$(function(){
		// Смена картинки филиала при наведении
		$('.promo .branches a').hover(function(){
			var index = $('.promo .branches a').index(this);
			$('.promo .branches img').attr('src', IMAGES_DIR + IMAGES[index])
			$(this).parent().siblings().removeClass('active');
			$(this).parent().addClass('active');
		},function(){});
		
		// Минигалерея
		var galleryLoader = $('<img src="/img/loader.gif" class="loader" alt=""/>');
		$('.gallery .image').append(galleryLoader);
		
		$('.gallery ul a').click(function(){
			// Большая картинка, которая меняется по клику на превьюшки
			var galleryView = $('.gallery .image .view');
			
			// Добавляем индикатор загрузки и прозрачность большой картинки
			galleryView.addClass('loading');
			galleryLoader.show();
			
			// Ждем загрузки следующего изображения
			var anchorHref = $(this).attr('href');
			var preloadImage = new Image();
			
			// Убираем индикатор загрузки и прозрачность большой картинки
			$(preloadImage).load(function(){
				galleryLoader.hide();
				galleryView.removeClass('loading');
			});
			
			preloadImage.src = anchorHref;
			
			// Выполняем основные действия — меняем большую картинку, альт и подпись к ней
			var anchorTitle = $(this).attr('title');
			
			galleryView.attr('src', anchorHref);
			galleryView.attr('alt', anchorTitle);
			$('.gallery .image em').text(anchorTitle);
			
			// Выделяем текущую превьюшку
			$('.gallery li').removeClass('active');
			$(this).parent().addClass('active');
			
			return false;
		});
	});
})();