$(document).ready(function() {

 
 
 
	//slide down to reveal
	var myX 		= 0;
	var spacing 	= 255;
	var steps		= 6;
	var displayed	= 3;
	var maxL		= steps-displayed;
	var currentNum	= 0;
	
	$('#lArrow a').click(function() {
		
		if (currentNum>=maxL){
		}else{
			myX -= spacing;
			currentNum ++;
			$('#scroller').stop().animate({ "left" : myX}, 700);
			
		}
	 });
	
	$('#rArrow a').click(function() {

		if (currentNum>0){
			currentNum--;
			myX += spacing;
			$('#scroller').stop().animate({ "left" : myX}, 700);
		}
	 });
 


		$("#port1").ceebox({imageGallery:true});
		$("#port2").ceebox({imageGallery:true});
		$("#port3").ceebox({imageGallery:true});
		$("#port4").ceebox({imageGallery:true});
		$("#port5").ceebox({imageGallery:true})
		$("#port6").ceebox({imageGallery:true});
		$("#port7").ceebox({imageGallery:true});
		$("#port8").ceebox({imageGallery:true});
		$("#port9").ceebox({imageGallery:true});
		$("#port10").ceebox({imageGallery:true});
		$("#port11").ceebox({imageGallery:true});
		$("#port12").ceebox({imageGallery:true});
		$("#port13").ceebox({imageGallery:true});
		$("#port14").ceebox({imageGallery:true});
		$("#port15").ceebox({imageGallery:true});
		$("#port16").ceebox({imageGallery:true});
		$("#port17").ceebox({imageGallery:true});
		$("#port18").ceebox({imageGallery:true});
		
		
	$('.wrap').children('.front').hide(); // hide all to start
	
	$('.wrap').hover(function() {
		$(this).children('.front').stop().fadeTo("medium", 0.7)
	}, 
		
		function() {
			$(this).children('.front').stop().fadeTo("medium",0)
	 });
	 
	
	$(".dot").hover(function() {
		$(this).css('background-color', '#333333');
		$(this).css('color', 'white');
	}, 
		
		function() {
			$(this).css('background-color', 'white');
			$(this).css('color', 'black');
	 });
	 
});