$(function(){
var smalslider = (function(na=""){
var left = $('#left');
var right = $('#right');
var img = $('#imageDisplay');
var n;
if (na=="") {
n = img.attr('alt');
}else{
n = na;
}
if (n < -2) {
n ="-1";
}
if (n >= 3) {
n =n-4;
}
n++;
left.attr('alt',n);
right.attr('alt',n);
img.attr('alt',n);
$(".smal_sample li").removeClass('active');
$(".smal_sample li:eq("+n+")").addClass('active');
img.hide();
var s_img = $(".gallery:eq("+n+")").attr('src');
img.attr('src',s_img);
img.show();
});
setInterval(function(){smalslider(); }, 2000);
$(document.body).on('click', '#left', function(event) {
event.preventDefault();
var num = parseInt($(this).attr('alt'));
num +=2;
$(this).hide();
smalslider(num);
$(this).show();
});
$(document.body).on('click', '#right', function(event) {
event.preventDefault();
var num = $(this).attr('alt');
$(this).hide();
smalslider(num);
$(this).show();
});
$(document.body).on('click', '.gallery', function(event) {
var num = $(this).attr('alt');
smalslider(num);
});
smalslider();
$('.gallery').each(function(index, el) {
index -=1;
$(this).attr('alt',index);
});
});