var stop = false;
var speed = 'slow';
var img_length = '4';
var img_prefix = 'img';
var btn_prefix = 'btn';
var link_count = 1;

(function($){
  $.fn.simplestSlideShow = function(settings){
    var config = {
      'timeOut': 3000,
      'speed': speed
    };
    if (settings) $.extend(config, settings);
    this.each(function(){
      var $elem = $(this);
      $elem.children(':gt(0)').hide();
      setInterval(function(){
          if (!stop)
          {
             $elem.children().eq(0).fadeOut(config['speed']).next().fadeIn(config['speed']).end().appendTo($elem); 
             
             link_count++;
             if (link_count > img_length)
             {
                 link_count = 1;
             }
             for (i = 1; i <= img_length; i++)
             {
                btn_id =  btn_prefix + String(i);
                
                if (i != link_count)
                {
                   $('#'+btn_id).css({backgroundPosition: '0px 0px'}); 
                }
                else
                {
                    setTimeout("$('#"+ btn_id + "').css({backgroundPosition: '0px -12px'})", 200); 
                }
                
                
             }
             
          }
        
      }, config['timeOut']);
    });
    return this;
  };
})(jQuery);

function doSlideShow(my_timeout, my_speed) {
	$("#beersActive").simplestSlideShow({'timeOut': my_timeout, 'speed': my_speed});

}
function setImage(my_image) {

    var i;
    var img_id;
    var btn_id;
    
   for (i = 1; i <= img_length; i++)
   {
       img_id =  img_prefix + String(i);
       btn_id =  btn_prefix + String(i);
       
       if (my_image != img_id)
       {
           $('#'+img_id).fadeOut(speed);
           $('#'+btn_id).css({backgroundPosition: '0px 0px'});
       }
   } 
   
   
   for (i = 1; i <= img_length; i++)
   {
       img_id = img_prefix + String(i);
        btn_id =  btn_prefix + String(i);
       
       if (my_image == img_id)
       {
           $('#'+img_id).fadeIn(speed);
           $('#'+btn_id).css({backgroundPosition: '0px -12px'});
       }
   } 

    stop = true;

	return false;
}
