var marginTop;

function init(){
	$("#aEnter img").css("opacity",0);
	$("#imgHelena").css("opacity",0);
	$("#spEnter").css("display","block");
	$("#spEnter").css("opacity",0);
	
	marginTop = String($("#spEnter").css("margin-top")).replace("px","");
}

function run(){
	$("#imgHelena").animate({opacity: 1}, 900, "easeOutQuad");
	$("#aEnter img").animate({opacity: 0}, 1000, "easeOutQuad", fadeIn);
	$("#aEnter").mouseenter(hoverIn);
	$("#aEnter").mouseleave(hoverOut);
}

function hoverIn(){
	$("#spEnter").css("display","block");
	$("#spEnter").stop(); $("#spEnter").animate({opacity: .9, marginTop: marginTop-30}, 400, "easeOutBack");
}

function hoverOut(){
	$("#spEnter").stop(); $("#spEnter").animate({opacity: 0, marginTop: marginTop}, 300, "easeOutQuad", function(){ $("#spEnter").css("display","none"); });
}


function fadeIn(){
	$("#aEnter img").animate({opacity: 1}, 1200, "easeOutQuad", fadeOut);
}

function fadeOut(){
	$("#aEnter img").animate({opacity: 0}, 1200, "easeOutQuad", fadeIn);
}


jQuery().ready(init);