var basePMain = '/img/upload/p_image/';
var tPImage = null;
var pICounter = 0;

function changeImgOther() {
    var filename = $("#p_img_" + pICounter).attr('title');
    if (filename != null) {
        $("#p_img_main").attr('src', basePMain + filename);
        $(".p_img_other").attr('style', '');
        $("#p_img_" + pICounter).attr('style', 'border:3px solid #996699;');
    }
    pICounter++;
    if (filename == null || pICounter > 5) {
        pICounter = 0;
    }
    tPImage = setTimeout("changeImgOther()", 3000);
}

$(function(){
    $(".p_img_other").click(function() {
        var filename = $(this).attr('title');
        if (filename != null) {
            $("#p_img_main").attr('src', basePMain + filename);
            $(".p_img_other").attr('style', '');
            $(this).attr('style', 'border:3px solid #996699;');
            clearTimeout(tPImage);
            pICounter = 0;
            tPImage = setTimeout("changeImgOther()", 3000);
        }
    });
});