var $j = jQuery.noConflict();

$j(function(){
    $j("#s1").hover(function(){
	$j("#how-sprite").css("top", "-47px");
    }, function(){
	$j("#how-sprite").css("top", "-94px");
    });
    $j("#s2").hover(function(){
	$j("#cost-sprite").css("top", "-47px");
    }, function(){
	$j("#cost-sprite").css("top", "-94px");
    });
    $j("#s3").hover(function(){
	$j("#risk-sprite").css("top", "-47px");
    }, function(){
	$j("#risk-sprite").css("top", "-94px");
    });
    $j("#s4").hover(function(){
	$j("#stress-sprite").css("top", "-47px");
    }, function(){
	$j("#stress-sprite").css("top", "-94px");
    });
    
    $j("#s1>a").click(function(){
	$j("#s1>a,#s2>a,#s3>a,#s4>a").removeClass("active");
	$j("#s1>a").addClass("active");
	$j("#slider-holder").animate({ left: "0px"}, 400);
	return false;
    });
    $j("#s2").click(function(){
	$j("#s1>a,#s2>a,#s3>a,#s4>a").removeClass("active");
	$j("#s2>a").addClass("active");
	$j("#slider-holder").animate({ left: "-940px"}, 400);
	return false;
    });
    $j("#s3").click(function(){
	$j("#s1>a,#s2>a,#s3>a,#s4>a").removeClass("active");
	$j("#s3>a").addClass("active");
	$j("#slider-holder").animate({ left: "-1880px"}, 400);
	return false;
    });
    $j("#s4").click(function(){
	$j("#s1>a,#s2>a,#s3>a,#s4>a").removeClass("active");
	$j("#s4>a").addClass("active");
	$j("#slider-holder").animate({ left: "-2820px"}, 400);
	return false;
    });

});