$(document).ready(function(){
$("img.sub1").fadeTo("slow", .3); // This sets the opacity of the thumbs to fade down to 60% when the page loads
$("img.sub11").fadeTo("slow", 0);
$("img.sub2").fadeTo("slow", .3);
$("img.sub12").fadeTo("slow", 0); 
$("img.sub3").fadeTo("slow", 0.3);
$("img.sub13").fadeTo("slow", 0); 
$("img.sub4").fadeTo("slow", 0.3);
$("img.sub14").fadeTo("slow", 0); 
$("img.sub5").fadeTo("slow", 0.3); 
$("img.sub15").fadeTo("slow", 0);
$("img.sub6").fadeTo("slow", 0.3);
$("img.sub16").fadeTo("slow", 0); 
$("img.sub7").fadeTo("slow", 0.3); 
$("img.sub17").fadeTo("slow", 0);
$("img.sub8").fadeTo("slow", 0.3); 
$("img.sub18").fadeTo("slow", 0);
$("img.sub9").fadeTo("slow", 0.3); 
$("img.sub19").fadeTo("slow", 0);
$("img.sub10").fadeTo("slow", 0.3); 
$("img.sub20").fadeTo("slow", 0);


$("img.sub11").fadeTo("fast", 0);
$("img.sub12").fadeTo("fast", 0);
$("img.sub13").fadeTo("fast", 0);
$("img.sub14").fadeTo("fast", 0);
$("img.sub15").fadeTo("fast", 0);
$("img.sub16").fadeTo("fast", 0);
$("img.sub17").fadeTo("fast", 0);
$("img.sub18").fadeTo("fast", 0);
$("img.sub19").fadeTo("fast", 0);
$("img.sub20").fadeTo("fast", 0);


$("#insidehiddenthumbnails").fadeTo("fast",0)
$("img#unshown1").fadeTo("fast",0)
$("img#unshown2").fadeTo("fast",0)
$("img#unshown3").fadeTo("fast",0)
$("img#unshown4").fadeTo("fast",0)
$("img#unshown5").fadeTo("fast",0)
$("img#unshown6").fadeTo("fast",0)
$("img#unshown7").fadeTo("fast",0)
$("img#unshown8").fadeTo("fast",0)
$("img#unshown9").fadeTo("fast",0)
$("img#unshown10").fadeTo("fast",0)
$("img.bigimagehidden1").fadeTo("fast",0)
$("img.bigimagehidden2").fadeTo("fast",0)
$("img.bigimagehidden3").fadeTo("fast",0)
$("img.bigimagehidden4").fadeTo("fast",0)
$("img.bigimagehidden5").fadeTo("fast",0)
$("img.bigimagehidden6").fadeTo("fast",0)
$("img.bigimagehidden7").fadeTo("fast",0)
$("img.bigimagehidden8").fadeTo("fast",0)
$("img.bigimagehidden9").fadeTo("fast",0)
$("img.bigimagehidden10").fadeTo("fast",0)
$("#bicaption1").fadeTo("fast",0)
$("#bicaption2").fadeTo("fast",0)
$("#bicaption3").fadeTo("fast",0)
$("#bicaption4").fadeTo("fast",0)
$("#bicaption5").fadeTo("fast",0)
$("#bicaption6").fadeTo("fast",0)
$("#bicaption7").fadeTo("fast",0)
$("#bicaption8").fadeTo("fast",0)
$("#bicaption9").fadeTo("fast",0)
$("#bicaption10").fadeTo("fast",0)


$("#insidehiddenthumbnails").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img#unshown1").fadeTo("fast",0.3)
$("img#unshown2").fadeTo("fast",0.3)
$("img#unshown3").fadeTo("fast",0.3)
$("img#unshown4").fadeTo("fast",0.3)
$("img#unshown5").fadeTo("fast",0.3)
$("img#unshown6").fadeTo("fast",0.3)
$("img#unshown7").fadeTo("fast",0.3)
$("img#unshown8").fadeTo("fast",0.3)
$("img#unshown9").fadeTo("fast",0.3)
$("img#unshown10").fadeTo("fast",0.3)
},function(){
$(this).fadeTo("slow", 0);
$("img#unshown1").fadeTo("fast",0.3)
$("img#unshown2").fadeTo("fast",0.3)
$("img#unshown3").fadeTo("fast",0.3)
$("img#unshown4").fadeTo("fast",0.3)
$("img#unshown5").fadeTo("fast",0.3)
$("img#unshown6").fadeTo("fast",0.3)
$("img#unshown7").fadeTo("fast",0.3)
$("img#unshown8").fadeTo("fast",0.3)
$("img#unshown9").fadeTo("fast",0.3)
$("img#unshown10").fadeTo("fast",0.3)
});


$("img.sub1").hover(function(){
$(this).fadeTo("slow", 1.0);

},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.sub11").fadeTo("slow", 0);
});

$("img.sub11").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub1").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.sub1").fadeTo("slow", 1);
});

$("img.sub2").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub12").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub12").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub2").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub2").fadeTo("slow", 0.3);
});

$("img.sub3").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub13").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub13").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub3").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub3").fadeTo("slow", 0.3);
});

$("img.sub4").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3);
$("img.sub14").fadeTo("slow", 0); // This should set the opacity back to 60% on mouseout
});

$("img.sub14").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub4").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub4").fadeTo("slow", 0.3);
});

$("img.sub5").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub15").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub15").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub5").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub5").fadeTo("slow", 0.3);
});

$("img.sub6").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub16").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub16").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub6").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub6").fadeTo("slow", 0.3);
});

$("img.sub7").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub17").fadeTo("slow",0);// This should set the opacity back to 60% on mouseout
});

$("img.sub17").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub7").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub7").fadeTo("slow", 0.3);
});

$("img.sub8").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub18").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub18").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub8").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub8").fadeTo("slow", 0.3);
});

$("img.sub9").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub19").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub19").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub9").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub9").fadeTo("slow", 0.3);
});

$("img.sub10").hover(function(){
$(this).fadeTo("slow", 1.0); 
},function(){
$(this).fadeTo("slow", 0.3); 
$("img.sub20").fadeTo("slow", 0);// This should set the opacity back to 60% on mouseout
});

$("img.sub20").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.sub10").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 0.3); // This should set the opacity back to 60% on mouseout
$("img.sub10").fadeTo("slow", 0.3);
});





$("img#unshown1").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden1").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption1").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden1").fadeTo("slow", 0);
$("#bicaption1").fadeTo("slow", 0);
});

$("img#unshown2").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden2").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption2").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden2").fadeTo("slow", 0);
$("#bicaption2").fadeTo("slow", 0);
});

$("img#unshown3").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden3").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption3").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden3").fadeTo("slow", 0);
$("#bicaption3").fadeTo("slow", 0);
});

$("img#unshown4").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden4").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption4").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden4").fadeTo("slow", 0);
$("#bicaption4").fadeTo("slow", 0);
});

$("img#unshown5").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden5").fadeTo("slow", 1.0);// This should set the opacity to 100% on hover
$("#bicaption5").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden5").fadeTo("slow", 0);
$("#bicaption5").fadeTo("slow", 0);
});

$("img#unshown6").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden6").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption6").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden6").fadeTo("slow", 0);
$("#bicaption6").fadeTo("slow", 0);
});

$("img#unshown7").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden7").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption7").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden7").fadeTo("slow", 0);
$("#bicaption7").fadeTo("slow", 0);
});

$("img#unshown8").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden8").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption8").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden8").fadeTo("slow", 0);
$("#bicaption8").fadeTo("slow", 0);
});

$("img#unshown9").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden9").fadeTo("slow", 1.0);// This should set the opacity to 100% on hover
$("#bicaption9").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden9").fadeTo("slow", 0);
$("#bicaption9").fadeTo("slow", 0);
});

$("img#unshown10").hover(function(){
$(this).fadeTo("slow", 1.0);
$("img.bigimagehidden10").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("#bicaption10").fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", .3); // This should set the opacity back to 60% on mouseout
$("img.bigimagehidden10").fadeTo("slow", 0);
$("#bicaption10").fadeTo("slow", 0);
});

$("#submenutext").hover(function(){
$("img.sub11").fadeTo("fast",0);
$("img.sub12").fadeTo("fast",0);
$("img.sub13").fadeTo("fast",0);
$("img.sub14").fadeTo("fast",0);
$("img.sub15").fadeTo("fast",0);
$("img.sub16").fadeTo("fast",0);
$("img.sub17").fadeTo("fast",0);
$("img.sub18").fadeTo("fast",0);
$("img.sub19").fadeTo("fast",0);
$("img.sub20").fadeTo("fast",0);

$("img.p1").fadeTo("fast",1);
$("img.p2").fadeTo("fast",1);
$("img.p3").fadeTo("fast",1);
$("img.p4").fadeTo("fast",1);
$("img.p5").fadeTo("fast",1);
$("img.p6").fadeTo("fast",1);
$("img.p7").fadeTo("fast",1);
$("img.p8").fadeTo("fast",1);
$("img.p9").fadeTo("fast",1);
$("img.p10").fadeTo("fast",1);
},function(){
$("img.sub11").fadeTo("fast",0);
$("img.sub12").fadeTo("fast",0);
$("img.sub13").fadeTo("fast",0);
$("img.sub14").fadeTo("fast",0);
$("img.sub15").fadeTo("fast",0);
$("img.sub16").fadeTo("fast",0);
$("img.sub17").fadeTo("fast",0);
$("img.sub18").fadeTo("fast",0);
$("img.sub19").fadeTo("fast",0);
$("img.sub20").fadeTo("fast",0);

$("img.p1").fadeTo("fast",1);
$("img.p2").fadeTo("fast",1);
$("img.p3").fadeTo("fast",1);
$("img.p4").fadeTo("fast",1);
$("img.p5").fadeTo("fast",1);
$("img.p6").fadeTo("fast",1);
$("img.p7").fadeTo("fast",1);
$("img.p8").fadeTo("fast",1);
$("img.p9").fadeTo("fast",1);
$("img.p10").fadeTo("fast",1);


});



$("#hiddenthumbnails").hover(function(){
$("img#unshown1").fadeTo("slow", 0.3);
$("img#unshown2").fadeTo("slow", 0.3);
$("img#unshown3").fadeTo("slow", 0.3);
$("img#unshown4").fadeTo("slow", 0.3);
$("img#unshown5").fadeTo("slow", 0.3);
$("img#unshown6").fadeTo("slow", 0.3);
$("img#unshown7").fadeTo("slow", 0.3);
$("img#unshown8").fadeTo("slow", 0.3);
$("img#unshown9").fadeTo("slow", 0.3);
$("img#unshown10").fadeTo("slow", 0.3);
});




$("img.portfolio").hover(function(){
$("img.menubtm1").fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
$("img.menubtm2").fadeTo("slow", 1.0);
$("img.menubtm3").fadeTo("slow", 1.0);
$("img.menubtm4").fadeTo("slow", 1.0);
$("img.menubtm5").fadeTo("slow", 1.0);
$("img.menubtm6").fadeTo("slow", 1.0);
$("img.menubtm7").fadeTo("slow", 1.0);
$("img.menubtm8").fadeTo("slow", 1.0);
$("img.menubtm9").fadeTo("slow", 1.0);
$("img.menubtm10").fadeTo("slow", 1.0);

$("img.mnuimages1").fadeTo("slow", 1.0);
$("img.mnuimages2").fadeTo("slow", 1.0);
$("img.mnuimages3").fadeTo("slow", 1.0);
$("img.mnuimages4").fadeTo("slow", 1.0);
$("img.mnuimages5").fadeTo("slow", 1.0);
$("img.mnuimages6").fadeTo("slow", 1.0);
$("img.mnuimages7").fadeTo("slow", 1.0);
$("img.mnuimages8").fadeTo("slow", 1.0);
$("img.mnuimages9").fadeTo("slow", 1.0);
$("img.mnuimages10").fadeTo("slow", 1.0);
},function(){
$("img.menubtm1").fadeTo("slow", 0.3); // This should set the opacity to 100% on hover
$("img.menubtm2").fadeTo("slow", 0.3);
$("img.menubtm3").fadeTo("slow", 0.3);
$("img.menubtm4").fadeTo("slow", 0.3);
$("img.menubtm5").fadeTo("slow", 0.3);
$("img.menubtm6").fadeTo("slow", 0.3);
$("img.menubtm7").fadeTo("slow", 0.3);
$("img.menubtm8").fadeTo("slow", 0.3);
$("img.menubtm9").fadeTo("slow", 0.3);
$("img.menubtm10").fadeTo("slow", 0.3);

$("img.mnuimages1").fadeTo("slow", 0.3);
$("img.mnuimages2").fadeTo("slow", 0.3);
$("img.mnuimages3").fadeTo("slow", 0.3);
$("img.mnuimages4").fadeTo("slow", 0.3);
$("img.mnuimages5").fadeTo("slow", 0.3);
$("img.mnuimages6").fadeTo("slow", 0.3);
$("img.mnuimages7").fadeTo("slow", 0.3);
$("img.mnuimages8").fadeTo("slow", 0.3);
$("img.mnuimages9").fadeTo("slow", 0.3);
$("img.mnuimages10").fadeTo("slow", 0.3);
});
});