$(document).ready(function(){
				$(".menu-item1").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				$(".menu-item2").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-item3").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-item4").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-item5").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-item6").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-item7").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-item8").fadeTo(0, 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".menu-active1").fadeTo(0, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				
				$("#fotoblok1").fadeIn(1000); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				$("#fotoblok2").fadeIn(1000); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				$("#fotoblok3").fadeIn(1000); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				
				$('#submenu1').show(1000); // This should set the opacity to 100% on hover
				$('#submenuback').show(1000); // This should set the opacity to 100% on hover
				$(".submenu-item1").fadeTo(0, 0.5); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				$(".submenu-item2").fadeTo(0, 0.5); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".submenu-item3").fadeTo(0, 0.5); // This sets the opacity of the thumbs to fade down to 30% when the page loads	
				$(".submenu-item4").fadeTo(0, 0.5); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				$(".submenu-active1").fadeTo(0, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
				
				$('#blok1').show(1500); // This should set the opacity to 100% on hover
				$('#blok2').show(1000); // This should set the opacity to 100% on hover
				$('#blok3').show(2000); // This should set the opacity to 100% on hover
						   

$(".menu-active1").hover(function(){
				$("#fotoblok2").fadeTo(2000, 1.0);	
				});

$(".menu-item1").hover(function(){
				$(this).fadeTo(0, 1.0); // This should set the opacity to 100% on hover
				
				},function(){
				$(this).fadeTo(1000, 0.6); // This should set the opacity back to 30% on mouseout
				});

$(".submenu-item1").hover(function(){
				$(this).fadeTo(0, 1.0); // This should set the opacity to 100% on hover
				
				},function(){
				$(this).fadeTo(1000, 0.5); // This should set the opacity back to 30% on mouseout
				});
});