var _num = _play = 0;
$(document).ready(function() {
    $("#pics-list img").hover(function() { clearInterval(_play) }, function() { play() });

    $("#pics-title > li").hover(function() {
        clearInterval(_play);
        _num = $("#pics-title > li").index(this);
        change(_num);
    }, function() { play;});

    play();

    $(".data-content > li").hover(function() {
        $(this).css({ "background-color": "#000000", "background-position": "left -153px" });
    }, function() {
        $(this).css({ "background-color": "#1c1c1c", "background-position": "left top" });
    });
});

function play() {
    _play = setInterval("auto()", 4000);
}
function change(num) {
    $("#pics-title > li").attr('class', '').eq(num).attr('class', 'select').blur();
    $("#pics-list img").hide().eq(num).fadeIn('slow');
}
function auto() {
    _num = _num > 2 ? 0 : _num + 1;
    change(_num);
}