$(document).ready(function(){
   $("#promo1").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo1").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo2").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo2").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo3").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo3").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo4").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo4").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo5").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo5").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo6").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo6").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo7").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo7").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo8").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo8").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo9").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo9").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo10").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo10").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo11").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo11").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo12").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo12").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo13").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo13").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo14").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo14").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo15").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo15").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo16").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo16").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo17").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo17").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo18").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo18").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo19").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo19").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo20").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo20").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo21").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo21").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo22").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo22").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo23").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo23").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo24").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo24").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo25").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo25").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo26").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo26").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo27").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo27").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo28").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo28").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo29").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo29").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo30").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo30").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo31").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo31").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
   $("#promo32").fadeTo("medium", 0.6); // This sets the opacity of the thumbs to fade down to 30% when the page loads
   $("#promo32").hover(function(){
        $(this).fadeTo("medium", 1.0); // This should set the opacity to 100% on hover
   },function(){$(this).fadeTo("medium", 0.6); // This should set the opacity back to 30% on mouseout
   });
   
});