function trans0(nm){

	n=$(nm).offset().top-$(window).scrollTop();
	
	topv=(500-n)/400;
	if(topv>1)topv=1;
	if(topv<0)topv=0;
	$(nm).css("opacity",topv);

}
function trans(nm){
	no=$(nm+' li');
	
	n=$(nm).offset().top-$(window).scrollTop();
	
	$(nm+" ul").css("left",$(nm).offset().left+"px");
	
	//if(nm=="#section2")$("#adisp").html(n+" "+ln[nm]+" "+$(window).scrollTop());
	
	if(n<0){
		$(nm+" ul").css("top","0px");
	}else{
		$(nm+" ul").css("top",n+"px");
	}
	topv=(500-n)/400;
	if(topv>1)topv=1;
	if(topv<0)topv=0;
	if(nm=="#section2")$("#adisp").html(topv);
	
	if(n>0){
		$(nm+' li:eq(0) img').css("opacity",topv);
		$(nm+' li:gt(0) img').css("opacity",0);
		
	}
	else {
		$(nm+' li:gt(0) img').css("opacity",1);
		for(i=0;i<no.length;i++){
			it=$(nm+' li:eq('+i+')');
			if(n+i*800+400>0){
				//it.css("left","0");
				it.css("opacity","1");
				it.css("display","block");
			}else if(n+i*800+400+800>0){
				it.css("opacity",1+(n+i*800+400)/400);
				it.css("display","block");
				
			} else{
				it.css("opacity",0);
				it.css("display","none");
				
			}
		}
		/*if(n+i*190>-190){
			if(it.queue().length==0||true){
				it.animate({que:false,opacity:1,duration:500,top:i*190*0+"px",easing:"easeOutQuad"});
			}
		}*/
		
	}
	ln[nm]=n;


}

function trans2(nm){
	no=$(nm+' p img');
	
	for(i=1;i<no.length-(nm=="#section3");i++){
		it=$(nm+' p:eq('+i+') img');
		
		
		n=it.offset().top-$(window).scrollTop();
		
		
		if(n>250){
			if(it.queue().length==0){
				//it.animate({opacity:0,duration:500,left:"-100px",easing:"swing"});
				//it.css("left",n-250);
				
				it.css("opacity",1-(n-250)/300.);
				
				
			}
		}
		
		if(n<250&&n>-6){
			if(it.queue().length==0){
				//it.animate({opacity:1,duration:500,left:"0px",easing:"swing"});
				//it.css("left",0);
				it.css("opacity",1);
				

			}
		}
		
		if(n<-6){
			if(it.queue().length==0){
				//it.animate({opacity:0,duration:500,left:"100px",easing:"swing"});
				//it.css("left",n+6);
				//it.css("opacity",1+(n+6)/300.);
				

			}
		}
		
	}


}
$(function(){
ln=Array();n=0;
ln["#section2"]=0;
ln["#section3"]=0;
ln["#section4"]=0;
ln["#section5"]=0;
ln["#section6"]=0;

//	$("body").prepend('<div id="adisp" style="position:fixed;left:0;top:0;">1234</div>');
	
	$('#section3 p img').css("position","relative");
	
	$('#section5 p img').css("position","relative");
	
	
	$('#section2 ul').css("position","fixed");
	$('#section2 ul').css("left","0");
	$('#section2 ul').css("margin-left","auto");
	$('#section2 ul').css("margin-right","auto");
	
	
	$('#section4 ul').css("position","fixed");
	$('#section4 ul').css("left","0");
	
	
	$('#section6 ul').css("position","fixed");
	$('#section6 ul').css("left","0%");
	
	
	$('#section2 ul').css("background","#ff00ff");
	
	trans0("#dimg1");
	trans0("#dimg2");
	
	trans("#section2");
	trans2("#section3");
	trans("#section4");
	trans2("#section5");
	trans("#section6");
	$(window).scroll(function(e){
		trans0("#dimg1");
		trans0("#dimg2");
		trans("#section2");
		trans2("#section3");
		trans("#section4");
		trans2("#section5");
		trans("#section6");
		
	});

	$(window).resize(function(e){
			
		trans0("#dimg1");
		trans0("#dimg2");
		trans("#section2");
		trans2("#section3");
		trans("#section4");
		trans2("#section5");
		trans("#section6");
		
	});

});