//fade ins


$(document).ready(function(){
$('.fadein1').css({ display: 'none'}).fadeIn(700);
});

$(document).ready(function(){
$('.fadein2').css({ display: 'none'}).fadeIn(1400);
});

$(document).ready(function(){
$('.fadein3').css({ display: 'none'}).fadeIn(2800);
});

// fade + thumbnail hover
$(document).ready(function(){
$(".fadethumb1").fadeTo("slow", 0.7); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".fadethumb1").hover(function(){
$(this).fadeTo(300, 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.7); // This should set the opacity back to 30% on mouseout
});
});

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

$(document).ready(function(){ 
$(".tabfade").fadeTo("slow", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".tabfade").hover(function(){
$(this).fadeTo(300, 0.7); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 30% on mouseout
});
});