// auto visible img
$(function () {
    var change_img_time 	= 5000;
    var transition_speed	= 300;

    var simple_slideshow	= $(".photo-switch"),
        listItems 			= simple_slideshow.children('img'),
        listLen				= listItems.length,
        i 					= 0,

        changeList = function () {

            listItems.eq(i).fadeOut(transition_speed, function () {
                i ++;
                if (i === listLen) {
                    i = 0;

                }
                listItems.eq(i).fadeIn(transition_speed);

            });

        };

    listItems.not(':first').hide();
    count = 0;

    intervalId = setInterval(function(){
        count++;
        if(count === 2){
            clearInterval(intervalId);
        }
        changeList();
    }, change_img_time);
});
// auto visible img end

// click img
$(document).ready(function () {
    var penImg = $('.photo-switch img');

    $('.photo-switch > .btn-click').on('click', function () {
        $('.photo-switch > .btn-click').removeClass('btn-on');
        $(this).addClass('btn-on');
        var imgPath;

        imgPath = $(this).attr('data-img-path');

        penImg.attr('src', imgPath);

    });


});
// click img end