$(document).ready(function () {
var img_load_src = base_url+'images/frontend/ico_load.gif';
//auto: 1000,
  $(".widget .jCarouselLite").jCarouselLite({
    btnNext: ".widget .next",
    btnPrev: ".widget .prev",
    speed: 1000,
    visible: 4,
    beforeStart: function(a) {
        //Show loading image first
        $(".widget .mid img").attr("src", img_load_src);
    },
    afterEnd: function(a) {
        //alert("After animation ends:" + a);        
        //console.log(a);
        //$(".widget .mid img").attr("src", '');
        $(a).each(function(){
          //console.log($(this).children().children().attr("src"));
          var img_src = $(this).children().children().attr("src");
          var img_title = $(this).children().children().attr("title");

          img_src = img_src.replace(/thumb/gi, "normal");
          large_img_src = img_src.replace(/normal/gi, "large");

          $(".widget .mid img").attr("src", img_src);
          $(".widget .mid img").attr("title", img_title);
          $('#gallery').attr("href", large_img_src);
          $('#gallery').attr("title", img_title);
          $('#gallery').lightBox();
          return false;
        });

    },

    easing: "backout"
});

$(".widget img").click(function() {

  var img_src = $(this).attr("src");
  var img_title = $(this).attr("title");
  $(".widget .mid img").attr("src", img_load_src);
  img_src = img_src.replace(/thumb/gi, "normal");
  large_img_src = img_src.replace(/normal/gi, "large");

  $(".widget .mid img").attr("src", img_src);
  $(".widget .mid img").attr("title", img_title);
  $('#gallery').attr("href", large_img_src);
  $('#gallery').attr("title", img_title);
  $('#gallery').lightBox();
})


});
