var s = new Slider();
s.interval = 5000;

var sliderInterval;

function Slider() {
		
	this.speed = 500;
	this.interval = 2400;
	this.obj;
		
	this.Slide = function() {
		
		id = $(this.obj).html();
		
		if (!$(this.obj).hasClass('active')) {
		
			if($(this.obj).attr('class')=='blk') {
				$('#counter').addClass('blackdot');	
			} else {
			  $('#counter').removeClass('blackdot');
			}
		
			$('#counter label.active').removeClass('active');
			$(this.obj).parent().addClass('active');
			$('#slider .item.active').removeClass('active').fadeOut(this.speed);
			//alert('#slide-'+id);
			$('#slide-'+id).addClass('active').fadeIn(this.speed);
		}
		
	}
	
	this.autoSlide = function() {
	
		this.obj = $('#slider #counter li label.active').parent().next('li').children('label').children();
		
		if(first=='black') {
		
			if($(this.obj).attr('class')==undefined) {			
				$('#counter').addClass('blackdot');			
			} else {
				$('#counter').removeClass('blackdot');
			}
		} else {
			if($(this.obj).hasClass('blk')) {			
				$('#counter').addClass('blackdot');			
			} else {
				$('#counter').removeClass('blackdot');
			}
		}
		
		if ($(this.obj).html()) {
			this.Slide();
		} else {
			this.obj = $('#slider #counter li:first label span');
			this.Slide();
		}
		
	}
	
	this.stopAutoslide = function(obj) {
  
    if ($(obj).hasClass('play')) {
      $(obj).removeClass('play');
      this.autoSlide();
			sliderInterval = setInterval('s.autoSlide()',this.interval);
			$('#counter label').click(function() {
				clearInterval(sliderInterval);		
				this.obj = $(this).children();
				this.Slide();
			});
    } else {
      $(obj).addClass('play');
      clearInterval(sliderInterval);
    }
  
  }
	
}