$(function() {
    //init
    $('.st_vertical .st_tab').removeClass('st_tab_active');
    $('.st_vertical .st_tab:first').addClass('st_tab_active');
    $('.st_vertical .st_view').children('div').css('left', '486px');
    $('.st_vertical .st_view').children('div:first').css('left', '0').addClass('active');

    var finished = true;
    //hover-to-slide
    $('.st_vertical .st_tab').mousemove(function() {
        if ($(this).hasClass('st_tab_active') || !finished) {return}
        finished = false;
        $('.st_vertical .st_tab').removeClass('st_tab_active');
        $(this).addClass('st_tab_active');
        var id = $(this).attr('rel');
        $('.st_vertical .st_view div.active').animate({
            left: '-485px'
        }, 200, function() {
            $(this).css('left', '486px').removeClass('active');
            $(id).addClass('active');
            finished = true;
        });
        $(id).animate({
            left: '0'
        },200);

    });
});