$(document).ready(function(){
	$("#cams a").fancybox({
			'autoScale': true,
			'padding': 5,
			'overlayShow': true,
			'overlayColor': "#151009",
			'overlayOpacity': 0.8,
			'speedIn' : 400,
			'speedOut' : 300,
			'enableEscapeButton': true,
			'showCloseButton': true,
			'hideOnOverlayClick': true,
			'hideOnContentClick': false,		
			'centerOnScroll': true
	});
	
	$('#cams').cycle({ 
		fx: 'scrollHorz',
		timeout: 0, 
		speed:   300, 
		startingSlide: 0 
	});
	
	$('#lridge').addClass('current-cam'); 
	
	$('#lridge').click(function() { 
		$('#cams').cycle(0); 
		$('#cam-nav li').removeClass('current-cam'); 
		$(this).addClass('current-cam');  
		return false; 
	}); 

	$('#drifter').click(function() {  
		$('#cams').cycle(1);
		$('#cam-nav li').removeClass('current-cam'); 
		$(this).addClass('current-cam');  
		return false;  
	}); 
	
	$('#drifter2').click(function() {  
		$('#cams').cycle(2);
		$('#cam-nav li').removeClass('current-cam'); 
		$(this).addClass('current-cam');  
		return false;  
	}); 
	
	$('#hiddenlake').click(function() {  
		$('#cams').cycle(3); 
		$('#cam-nav li').removeClass('current-cam'); 
		$(this).addClass('current-cam');   
		return false;  
	}); 
	
	$('#sundown').click(function() {  
		$('#cams').cycle(4); 
		$('#cam-nav li').removeClass('current-cam'); 
		$(this).addClass('current-cam');  
		return false;  
	});
	
	});
	
	//store the original src for each image
//	$('#cams img').each(function() {
//		$(this).attr('originalSrc', $(this).attr('src'));
//	});
//	
//	setInterval(function() {
//		refreshCamImages();
//	}, ((60 * 5) * 1000) /* 5 min */);
//	
//});
//
//function refreshCamImages() {
//	$('#cams img').each(function() {
//		var imageSrc = $(this).attr('originalSrc');
//		var d = new Date();
//		$(this).attr('src', imageSrc + "?" + d.getTime());
//	});
//};
//

/*---REFRESH CAMS ------------------------------------------------*/  

$(document).ready(function() {


    $('#cams img').each(function() {
        var url = $(this).attr('src').split('?')[0];
        $(this).attr('src', url + '?' + Math.random());
    })
    
     $('#cams a').each(function() {
        var url = $(this).attr('href').split('?')[0];
        $(this).attr('href', url + '?' + Math.random());
    })
});







/////////////CAM WIDGET

$(document).ready(function(){
	$("#cams a").fancybox({
			'autoScale': true,
			'padding': 5,
			'overlayShow': true,
			'overlayColor': "#151009",
			'overlayOpacity': 0.8,
			'speedIn' : 400,
			'speedOut' : 300,
			'enableEscapeButton': true,
			'showCloseButton': true,
			'hideOnOverlayClick': true,
			'hideOnContentClick': false,		
			'centerOnScroll': true
	});
	
	$('#cams').cycle({ 
		fx: 'scrollHorz',
		timeout: 0, 
		speed:   300, 
		startingSlide: 0 
	});
	
	$('#lridge-2 a').addClass('the-cam'); 
	
	$('#lridge-2 a').click(function() { 
		$('#cams').cycle(0); 
		$('#cam-nav li a').removeClass('the-cam'); 
		$(this).addClass('the-cam');  
		return false; 
	}); 

	$('#drifter-2 a').click(function() {  
		$('#cams').cycle(1);
		$('#cam-nav li a').removeClass('the-cam'); 
		$(this).addClass('the-cam');  
		return false;  
	}); 
	
	$('#drifter2-2 a').click(function() {  
		$('#cams').cycle(2);
		$('#cam-nav li a').removeClass('the-cam'); 
		$(this).addClass('the-cam');  
		return false;  
	}); 
	
	$('#hiddenlake-2 a').click(function() {  
		$('#cams').cycle(3); 
		$('#cam-nav li a').removeClass('the-cam'); 
		$(this).addClass('the-cam');   
		return false;  
	}); 
	
	$('#sundown-2 a').click(function() {  
		$('#cams').cycle(4); 
		$('#cam-nav li a').removeClass('the-cam'); 
		$(this).addClass('the-cam');  
		return false;  
	});
	
	//store the original src for each image
	$('#cams img').each(function() {
		$(this).attr('originalSrc', $(this).attr('src'));
	});
	
	setInterval(function() {
		refreshCamImages();
	}, ((60 * 5) * 1000) /* 5 min */);
	
});

function refreshCamImages() {
	$('#cams img').each(function() {
		var imageSrc = $(this).attr('originalSrc');
		var d = new Date();
		$(this).attr('src', imageSrc + "?" + d.getTime());
	});
};