$(document).ready(function(){
	
	var show = false;
	//$('#picturesAndMask').css({'position':'relative'});
	//$('# ').css({'display':'block'}).show();
	//$('#slide-left').css({'display':'block'}).show()
	//$("#galleryContainer li").css({'position':'relative'});
	$('#galleryContainer .galleryImg').css({'width':960,'height':640});
	//$('.csContainer').css({'color':'white','opacity':.8,'bottom':0,'z-index':50,'position':'absolute','background':'black','left':0,'display':'block'}).hide();
	//$('#captionMask').css({'width':960,'color':'white','opacity':.8,'bottom':0,'z-index':50,'position':'absolute','background':'black','display':'block'});
	$('#captionMask .captions').css({'height':32,'overflow':'hidden'});
	$('.csContainer').hide();
	$('.captions').hide();
	$('#captionMask').show().css({'opacity':.7});
	$('#slider').show();
	$('.showCaptions').show();
	//console.log($("#galleryContainer li:first .captions"));
	$('#captionMask .captions').empty().append($("#galleryContainer li:first .captions").clone().show());
	
	var photoCount = $('#slider li').length;
	photoArray = []
	for(i=1; i<photoCount; i++){
		photoArray.push('.p'+i);
	}

	$("#galleryContainer").jCarouselLite({
		btnNext: "#slide-right",
		btnPrev: "#slide-left",
		mouseWheel: true,
		visible: 1,
		btnGo:photoArray, 
		beforeStart: function(object){
			//console.log($('.csContainer',object));
			$('#captionMask .captions').empty();
			var index = $('#galleryContainer li').index(object);
			$('.p'+index).removeClass('over');
			
		},
		afterEnd: function(object){
			var index = $('#galleryContainer li').index(object);
			$('#captionMask .captions').append($('.captions',object).clone().show());
			$('.p'+index).addClass('over');
			}
		});
	
	$('.showCaptions').click(function(){
		if (show)
		{	
			$('.captions').slideUp(400,function(){$('.showCaptions').html('SHOW CAPTIONS');});
			$('.showCaptions').removeClass('up').addClass('down');
			show = false;
		}else{
			$('.captions').slideDown(400,function(){$('.showCaptions').html('HIDE CAPTIONS');});
			$('.showCaptions').removeClass('down').addClass('up');
			show = true;

		}
		return false;
	});
	
	$(".side-slider").jCarouselLite({
		btnNext: ".slide-up",
		btnPrev: ".slide-down",
		mouseWheel: true,
		beforeStart: function(object){
			
		},
		afterEnd: function(object){
		},
		vertical:true,
		visible:3
	});
	//var photoCount = $('#slider li').length;
	$("#slider.on").jCarouselLite({
		btnNext: "#slide-right",
		btnPrev: "#slide-left",
		mouseWheel: true,
		visible: 20,
		beforeStart: function(object){
			
		},
		afterEnd: function(object){
		}
	});
});