//var J = jQuery.noConflict();

			$(function()
			{
				// this initialises the demo scollpanes on the page.
				$('#pane1, #pane2, #pane3, #pane4').jScrollPane();
						
			});
	
//---------------------------------------------------------------------------------



$(document).ready(function(){
						   $(".ngg-singlepic").fadeTo("normal", 0.85); 
						   $(".ngg-singlepic").hover(function(){
						   $(this).fadeTo("fast", 1.0); 
						   },function(){
						   $(this).fadeTo("slow", 0.9); 
						   });
						  
						   $(".ngg-gallery-thumbnail").fadeTo("normal", 0.85); 
						   $(".ngg-gallery-thumbnail").hover(function(){
						   $(this).fadeTo("normal", 1.0); 
						   },function(){
						   $(this).fadeTo("normal", 0.85); 
						   });
						   
						   $(".ngg-gallery-widg").fadeTo("normal", 0.7); 
						   $(".ngg-gallery-widg").hover(function(){
						   $(this).fadeTo("normal", 1.0); 
						   },function(){
						   $(this).fadeTo("normal", 0.7); 
						   });
						   
						   $(".panoz").fadeTo("fast", 0.85); 
						   $(".panoz").hover(function(){
						   $(this).fadeTo("fast", 1.0); 
						   },function(){
						   $(this).fadeTo("slow", 0.85); 
						   });
						   
						   $("#navright").fadeTo("normal", 0.9); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $("#navright").hover(function(){
						   $(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("normal", 0.9); // This should set the opacity back to 30% on mouseout
						   });

						   $("#navleft").fadeTo("normal", 0.9); // This sets the opacity of the thumbs to fade down to 30% when the page loads
						   $("#navleft").hover(function(){
						   $(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
						   },function(){
						   $(this).fadeTo("normal", 0.9); // This should set the opacity back to 30% on mouseout
						   });
						   
						   $(".sociable-hovers").fadeTo("fast", 0.4); 
						   $(".sociable-hovers").hover(function(){
						   $(this).fadeTo("fast", 1.0); 
						   },function(){
						   $(this).fadeTo("slow", 0.4); 
						   });
	});