$(document).ready(function(){
	//LIGHTBOX
	$('.slides a.lightbox').lightBox();
	//SLIDE wow ;D
	var currentPosition = 0;
	var slideWidth = 182;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	// Remove scrollbar in JS
	$('.slides').css('overflow', 'hidden');
	// Wrap all .slides with #slideInner div
	slides
		.wrapAll('<div id="slideInner"></div>')
		.css({
			'float' : 'left',
			'width' : slideWidth
		});
	// Set #slideInner width equal to total width of all slides
	$('#slideInner').css('width', slideWidth * numberOfSlides);
	if(numberOfSlides<3)
	numberOfSlides = 1;
	else
	numberOfSlides = numberOfSlides-2;
	if(currentPosition==0){
		$('#leftControl').animate({ opacity: 0.25 }, 500);
		$('#leftControl').css('cursor', 'default');
	}
	if(numberOfSlides==1){
		$('#rightControl').animate({ opacity: 0.25 }, 500);
		$('#rightControl').css('cursor', 'default'); 
	}
	// Create event listeners for .controls clicks
	if(numberOfSlides!=0)
	$('.control')
		.bind('click', function(){
		// Determine new position
		if($(this).attr('id')=='rightControl'){
			if(currentPosition!=numberOfSlides-1){
				currentPosition = currentPosition+1;
				$('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) });
				if(currentPosition==numberOfSlides-1){
					$('#rightControl').animate({ opacity: 0.25 }, 500);
					$('#rightControl').css('cursor', 'default');
				}
			}
			if(currentPosition!=0){
				$('#leftControl').animate({ opacity: 1 }, 500);
				$('#leftControl').css('cursor', 'pointer');
			}
		}
		else if($(this).attr('id')=='leftControl'){
			if(currentPosition!=0){
				currentPosition = currentPosition-1;
				$('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) });
				if(currentPosition==0){
					$('#leftControl').animate({ opacity: 0.25 }, 500);
					$('#leftControl').css('cursor', 'default');
				}
			}
			if(currentPosition!=numberOfSlides-1){
				$('#rightControl').animate({ opacity: 1 }, 500);
				$('#rightControl').css('cursor', 'pointer');
			}
		}
	});
});