// Предзагружаем служебные изображения для запуска функции плавного показа SOFT()
global_images_to_preload.push("/im/nav-band-mask_trans.png");
global_images_to_preload.push("/im/home-href-in-row.gif");
global_images_to_preload.push("/im/pager-right.gif");


function toggleband(num) {
	if (start_num != num) {
		$(".soft").stop().queue([]).css("opacity","1");
		$(".page-1, .page-2, .page-3, .page-4").removeClass("soft").css("display", "none");
		$(".page-" + num).addClass("soft");
		soft();
		transhref(num);
		start_num = num;
		setpager();
	}
}

function transhref(page_num) {
	var i = 1;
	$(".page-" + page_num).each(function(){
		$("#hir-" + i).attr("href", $(this).children(".band-img").children("a").attr("href"));
		$("#hir-" + i + " img").attr("alt", $(this).children(".band-title").html());
		i++;
	});	
}

$(function(){
	$(".page-" + start_num).addClass("soft");
	
	$("#site-nav-band-mask").after('<div id="site-nav-band-href"></div>');
	for (var i=1; i<=7; i++) {
		$("#site-nav-band-href").append('<div class="href-in-row"><a id="hir-' + i + '" href="#"><img src="/im/home-href-in-row.gif" width=130 height=100 border=0 alt=""></a></div>');
	}
	
	$(".href-in-row a").hover(
		function () {
			if ($("#site-nav-title").css("display") == "none") {
				$("#site-nav-title").css("opacity", 0).show();
			}
			$("#site-nav-title").html($("#hir-" + $(this).attr("id").replace(/hir-/ig,"") + " img").attr("alt"));
			$("#site-nav-title").stop().fadeTo(50,1.0);
		}, 
		function () {
			$("#site-nav-title").stop().fadeTo(100,0.0);
		}
	);

	transhref(start_num);
	
	setpager();
	
	soft();
});

// Функция постранички
function setpager() {
	if (start_num > 1)           { prev_page = start_num - 1 } else { prev_page = total_pages };
	if (start_num < total_pages) { next_page = start_num + 1 } else { next_page = 1 };
	$("#pager-left").attr("href", "javascript:toggleband("+ prev_page +")");
	$("#pager-right").attr("href", "javascript:toggleband("+ next_page +")");
}


// Функция вызывается из rollovers.js
function OnloadLocal() {
	$("#pager-left").mouseover(function(){
		$(this).children("img").attr("src", "/im/pager-left-a.gif");
	});
	$("#pager-left").mouseout(function(){
		$(this).children("img").attr("src", "/im/pager-left.gif");
	});
	$("#pager-right").mouseover(function(){
		$(this).children("img").attr("src", "/im/pager-right-a.gif");
	});
	$("#pager-right").mouseout(function(){
		$(this).children("img").attr("src", "/im/pager-right.gif");
	});
	soft();
}