$(document).ready(function() {
	content_top();
	$(window).resize(function() {
		content_top();
	});
	$.ajax({type: 'GET',url:'/res/ajax/images.php',success:function(msg) {
		arr_img = msg.split('|');
		haufen('/res/images/'+arr_img[c]+'.jpg');
	}})
	$('div#navi').append('<div id="in_navi"></div>');
})

function content_top() {
	var mt = ($(window).height() - 587) / 2;
	$('#content').css('margin-top',mt+'px');
}

var c=0;
var arr_img = false;
var src_cache = false;
function haufen(src) {
	var img = new Image();
	$(img)
		.load(function () {
			$(this).hide();
			$('#content').fadeIn(2000);
			$('#jq').append(this);
			$(this).fadeIn(2000);
			if (c > 0) {
				$('#in_navi').append('<img src="'+src_cache+'" width="124" height="92">');
				setTimeout('ani_navi()',1000);
			}
			c++;
			c = c >= arr_img.length -1 ? 0 : c;
			setTimeout("haufen('/res/images/"+arr_img[c]+".jpg')",7000);
			if ($('#jq').children().length >= 3) {
				$('#jq img:first').remove();
			}
			src_cache = src;
		})
		.error(function () {
		})
		.attr('src', src);
}
function ani_navi() {
	$('#in_navi').animate({left:'-=129'},1000)
}