(function(jQuery){
    jQuery.fn.MySlider = function(interval) {
        var slides;
        var cnt;
        var amount;
        var i;

        function run() {
			
			var nav = i + 2;
			if (nav == 5)
			{
				nav = 1;
			}

			jQuery('#specialnav li').removeClass('selected');
			jQuery('#specialnav li#offer' + nav).addClass('selected');

			// hiding previous image and showing next
            jQuery(slides[i]).fadeOut(1000);
			//jQuery(slides[i]).hide();
            i++;
            if (i >= amount) i = 0;
			jQuery(slides[i]).slideToggle(1000);
            //jQuery(slides[i]).fadeIn(1000);

            // updating counter
            cnt.text(i+1+' / '+amount);

            // loop
            t=setTimeout(run, interval);
        }

		function click(id) {
			
			//alert(id);
			jQuery('#scroller li').fadeOut(1000);
			jQuery('#scroller li.' + id).slideToggle(1000);
			jQuery('#specialnav li').removeClass('selected');
			jQuery('#specialnav li#' + id).addClass('selected');

			clearTimeout(t);
		}

        slides = jQuery('#scroller').children();
        cnt = jQuery('#counter');
        amount = slides.length;
        i=0;

        // updating counter
        cnt.text(i+1+' / '+amount);

		t=setTimeout(run, interval);

		jQuery('#specialnav li').click(function(){
			var id = jQuery(this).attr("id");

			click(id);
		});
	
    };
})(jQuery);

// custom initialization
jQuery(window).load(function() {
    jQuery('.smart_gallery').MySlider(4000);
});
