$(document).ready(
  function(){
     $('ul#image_fade').innerfade({
     speed: 800,
     timeout: 6000,
     type: 'sequence',
     containerheight: '445px'
    });
    
  // imagePreview();
  $('ul.gallery').galleria();
	
  // We only want these styles applied when javascript is enabled
	$('div.navigation').css({'width' : '300px', 'float' : 'left'});
	$('div.content').css('display', 'block');

	// Initially set opacity on thumbs and add
	// additional styling for hover effect on thumbs
	var onMouseOutOpacity = 0.67;
	$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
				$(this).not('.selected').fadeTo('fast', 1.0);
			}, 
			function () {
				$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);	
	
});