$(document).ready(function () {	

		$('#hor li a').hover(
			function () {
				height = $(this).height() * (-1);
				$(this).stop().animate({'backgroundPosition':'(0 ' + height + ')'}, {duration:250});	
			}, 
			
			function () {
				$(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:250});	
			}
		);
		
});

//the above is for the menu rolling //

$(document).ready(function(){
	$("#choose-model img").fadeTo("normal", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$("#choose-model img").hover(function(){
		$(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("normal", 0.6); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$("#wfolio img").fadeTo("normal", 0.7); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$("#wfolio img").hover(function(){
		$(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("normal", 0.7); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$("#mthumbs img").fadeTo("normal", 0.7); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$("#mthumbs img").hover(function(){
		$(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("normal", 0.7); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$("#featured-box img").fadeTo("normal", 0.7); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$("#featured-box img").hover(function(){
		$(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("normal", 0.7); // This should set the opacity back to 60% on mouseout
	});
});

$(document).ready(function(){
	$(".read-more img").fadeTo("normal", 0.7); // This sets the opacity of the thumbs to fade down to 60% when the page loads
	$(".read-more img").hover(function(){
		$(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover
	},function(){
   		$(this).fadeTo("normal", 0.7); // This should set the opacity back to 60% on mouseout
	});
});