var _c = _h = 0;
$(document).ready(function () {
    $('#play > li').click(function () {
        var i = $(this).attr('alt') - 1;
        clearInterval(_h);
        _c = i;
        //play();
        change(i);
    })
    $("#pic img").hover(function () { clearInterval(_h) }, function () { play() });
    play();
})
function play() {
    _h = setInterval("auto()", 5000);

}
function change(i) {
    $('#play > li').css('background-image', 'url(images/img_switch_nav.gif)').eq(i).css('background-image', 'url(images/img_switch_nav_selected.gif)').blur();
    $("#pic img").fadeOut('slow').eq(i).fadeIn('slow');
}
function auto() {
    _c = _c > 2 ? 0 : _c + 1;

    change(_c);
}


function switch_img(div_name, img_name) {
    document.getElementById(div_name).src = "images/" + img_name + "_hover.png";
}

function switch_img2(div_name, img_name) {
    document.getElementById(div_name).src = "images/" + img_name + ".png";
}