$j(document).ready(function(){

	var curPos = oldPos = 0;
	var slides = $j('#sliderGallery .sliderWrap li');
	var numberOfSlides = slides.length;
	slideWidth = slides.outerWidth(true);
	sliderWrapWidth = slideWidth * numberOfSlides;
	var sliderCtlDots = $j('#sliderCtlDots');
	
	// write dots
	for(c=1; c<=numberOfSlides; c++){
	
		$j(sliderCtlDots).append('<li><a id="sliderCtlDotNo' + c + '" class="sliderCtlDot" href="#slide-' + c + '"></a></li>');
	
	}
	
	
	$j('#sliderGallery .sliderWrap').css('width', sliderWrapWidth + "px");
	
	// position sliderCtlDots
	var ctlDotWidth = $j('#sliderCtlDots .sliderCtlDot').outerWidth(true);
	sliderCtlDots.css('left', ((slideWidth-ctlDotWidth * numberOfSlides)/2) + "px");
	sliderCtlDots.find('#sliderCtlDotNo' + (curPos+1)).addClass('active');

	function cnSlide(ctl){
	
		// are we here because a control fired?
		if(ctl != null){
			//yes
			//was it NextPrev?
			switch($j(ctl).attr('id')){
			
				case 'sliderCtlNext':
					curPos++;
					break;
				case 'sliderCtlPrev':
					curPos--;
					break;
			}
			
			//was it a dot?
			
			if($j(ctl).attr('class') == 'sliderCtlDot'){
			
				curPos = $j(ctl).attr('id').match(/[0-9]+/g)-1;

			}
			
			
			window.clearInterval(cnSliderInterv);
		
			// show em the limits
			if(curPos < 0){
				
				curPos = 0;
				
			}else if(curPos > numberOfSlides-1){

				curPos = numberOfSlides-1;
				
			}
			
		}else{
			//no
			
			curPos++;
			
			if(curPos > numberOfSlides-1){
				
				curPos = 0;
			}
		
		}
		
		// set dot active
		sliderCtlDots.find('#sliderCtlDotNo' + (oldPos+1)).removeClass('active');
		sliderCtlDots.find('#sliderCtlDotNo' + (curPos+1)).addClass('active');
		
		
		oldPos = curPos;
		
		
		//let's slide
		$j('#sliderGallery .sliderWrap').animate({
			'marginLeft' : slideWidth*(-curPos)
		},750);
		
	}
	
	$j('#sliderCtlNextPrev li a, #sliderCtlDots .sliderCtlDot').click(
		function(event){
			cnSlide(this);
			event.preventDefault();
		}
	);
	
	cnSliderInterv = window.setInterval(function(){
		cnSlide(null);
	}, 5000);
	
});