$(document).ready(function(){
	/* missplaced workaround for ie-vidiolink */
	$("#videoimageontop").css("opacity",0);
	/* end */
	$("#head")
		.append("<span id='headpic1' class='headpic leftheadpic'></span>")
		.append("<span id='_headpic1' class='headpic leftheadpic'></span>")
		.append("<span id='link_headpic1' class='headpic leftheadpic ontop'></span>")
		.append("<span id='headpic2' class='headpic rightheadpic'></span>")
		.append("<span id='_headpic2' class='headpic rightheadpic'></span>")
		.append("<span id='link_headpic2' class='headpic rightheadpic ontop'></span>");
	$("#headpic1").fadeOut().load("/index.php?id=9&type=90",null,function(){
		$("#link_headpic1").empty().append($(this).children().clone());
		$(this).fadeIn("normal",function(){$(this).css("opacity",0.999999)});
	});
	$("#headpic2").fadeOut().load("/index.php?id=9&type=90",null,function(){
		$("#link_headpic2").empty().append($(this).children().clone());
		$(this).fadeIn("normal",function(){$(this).css("opacity",0.999999)});
	});

	var interval1;
	var current1='_';
	var animpic1=function(){
		var newpic=$('#'+current1+'headpic1').css("opacity",0).load("/index.php?id=9&type=90",null,function(){
			current1=(current1=='')?'_':'';
			var oldpic=$('#'+current1+'headpic1').css("opacity",0.999999);
			oldpic.css("z-index",0);
			$('.rightheadpic').css("z-index",1);
			newpic.css("z-index",2);
			$('.ontop').css("z-index",(1*$('.ontop').css("z-index"))+10).css("opacity",0);
			var fade=window.setInterval(function(){
					if(newpic.find("img").eq(0).attr('complete')===false){
						return;
					}
					diff=0.1;
					newpic.css("opacity",(1*(newpic.css("opacity"))+diff));
					oldpic.css("opacity",(1*(oldpic.css("opacity"))-diff));
					if(1*(newpic.css("opacity"))>=0.5){
						$("#link_headpic1").empty().append(newpic.children().clone());
					}
					if(1*(newpic.css("opacity"))>=1||1*(oldpic.css("opacity"))<=0){
						newpic.css("opacity",0.999999);
						window.clearInterval(fade);
					}
				},20);
				interval1=window.setTimeout(animpic1,10000);
			});
	}
	interval1=window.setTimeout(animpic1,10000);

	var current2='_';
	var interval2;
	window.setTimeout(function(){
		var animpic2=function(){
			var newpic=$('#'+current2+'headpic2').css("opacity",0).load("/index.php?id=9&type=90",null,function(){
				current2=(current2=='')?'_':'';
				var oldpic=$('#'+current2+'headpic2').css("opacity",0.999999);
				oldpic.css("z-index",0);
				$('.leftheadpic').css("z-index",1);
				newpic.css("z-index",2);
				$('.ontop').css("z-index",(1*$('.ontop').css("z-index"))+10).css("opacity",0);
				var fade=window.setInterval(function(){
						if(newpic.find("img").eq(0).attr('complete')===false){
							return;
						}
						diff=0.1;
						newpic.css("opacity",(1*(newpic.css("opacity"))+diff));
						oldpic.css("opacity",(1*(oldpic.css("opacity"))-diff));
						if(1*(newpic.css("opacity"))>=0.5){
							$("#link_headpic2").empty().append(newpic.children().clone());
						}
						if(1*(newpic.css("opacity"))>=1||1*(oldpic.css("opacity"))<=0){
							newpic.css("opacity",0.999999);
							window.clearInterval(fade);
						}
					},20);
					interval2=window.setTimeout(animpic2,10000);
				});
		};
		animpic2();
		/* interval2=window.setTimeout(animpic2,10000); */
	},5000);
	
});