// баннер
$(function(){
	var block = $('#banner');
	var images = new Array();
	var images_alt = new Array();
	var images_link = new Array();
	var images_load = new Array();
	var images_cur = 0;
	var pause = 4;
	var inFocus = true;
	
	function cross() {
		var newImg = (images.length > (images_cur + 1) ? (images_cur + 1) : 0);
		
		if (images_load[newImg] && inFocus) {
			block.find('div.banner:eq('+images_cur+')').fadeOut();
			block.find('div.banner:eq('+newImg+')').fadeIn();
			images_cur = newImg;
			setTimeout(function(){cross()},pause*1000);
		} else {setTimeout(function(){cross()},500);}
	}
	
	function loadPic(id) {
		var img = '<img src="/img/banner/'+images[id]+'" width="960" height="250"'+(images_alt[id] ? ' alt="'+images_alt[id]+'"' : '')+'>';
		if (images_link[id]) {block.append('<div class="banner"><a href="'+images_link[id]+'">'+img+'</a></div>');}
		else {block.append('<div class="banner">'+img+'</div>');}
		
		block.find('img:last').load(function(){
			images_load[id] = true;
			if (images.length > (id+1)) {loadPic(id+1);}
		});
		block.find('div.banner:last').hide();
	}
	
	images[0] = block.find('img').attr('src').replace(/^\/img\/banner\//,'');//console.log(images[0]);
	images_load[0] = true;
	$.get('/ajax/banner.php',{pic:images[0]},function(data){//console.log(data);
		var d = $.parseJSON(data);
		if (d.status) {
			if (d.images.length > 0) {
				for (i=1;i<=d.images.length;i++) {
					images[i] = d.images[i-1];
					images_alt[i] = d.alt[i-1];
					images_link[i] = d.url[i-1];
					images_load[i] = false;
				}
				loadPic(1);
				setTimeout(function(){cross()},pause*1000);
			}
		}
	});
	
	window.onfocus = function(){inFocus = true;}
	window.onblur = function(){inFocus = false;}
});
