$().ready(function()
{
	$("#inner img").fadeTo("slow", 0.33);
	$("#up").hover(function(event){$("#outer").attr("acceleration","0.3");},function(event){$("#outer").attr("acceleration","0");});
	$("#down").hover(function(event){$("#outer").attr("acceleration","-0.3");},function(event){$("#outer").attr("acceleration","0");});
	$("#inner img").hover(function(event){$(this).fadeTo("fast", 1.0);},function(event){$(this).fadeTo("fast", 0.33);});
	$("#inner img").click(function(event){$("#fullsize").attr("src",$(event.target).attr("fullsize"));});

	setInterval(function()
	{
	var a = parseFloat($("#outer").attr("acceleration"));
	var v = parseFloat($("#outer").attr("velocity"));
	var x = parseInt($("#inner").css("top"));
	
	v += a;
	
	// add friction
	v -= 0.05*v;
			
	v = Math.abs(v)<0.1?0:v;
	
	x += parseInt(v);
	
	var minx = -1670;
	
	v = (x<minx || x>0)?0:v;
	v = v>10?10:v;
	v = v<-10?-10:v;
	
	x = x<minx?minx:x;
	x = x>0?0:x;	
					
	$("#outer").attr("velocity",v);
	$("#inner").css("top",x+"px");
	
	//window.status=a+","+v+","+x;
	
	},10);
});