$(window).load(function(){
    var spotlight = {
	opacity : 0.4,
	
	imgWidth : $('.spotlight ul li').find('img').width(),
	imgHeight : $('.spotlight ul li').find('img').height()
	
    };
    
    $('.spotlight ul li').css({ 'width' : spotlight.imgWidth, 'height' : spotlight.imgHeight });
    
    $('.spotlight ul li').hover(function(){

	$(this).find('img').addClass('active').css({ 'opacity' : 1});
	
	$(this).siblings('li').find('img').css({'opacity' : spotlight.opacity}) ;
	
    }, function(){
	
	$(this).find('img').removeClass('active');
	
    });

    $('.spotlight ul').bind('mouseleave',function(){
	$(this).find('img').css('opacity', 1);
    });
    
});



function change_menu (menu_num)
{
    var picture = document.getElementById ("picture");
    var description = document.getElementById ("description");

    switch (menu_num)
    {
    case 0:
	description.innerHTML = "<p class='title'>"
	    + "Extreme Duty &#188;\" Composite Roll-Up Doors</p>" 
	    + "<p>Tongue &#38; groove design for maximum cargo protection"
	    + "<br />"
	    + "Hardware is e-coated to a minimum of 1,000 hour salt spray "
	    + "for corrosion resistance; fasteners are aluminum or "
	    + "stainless steel</p><p>"
	    + "<a href='forth.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item1.jpg' alt='Product' />";
	break;

    case 1:
	description.innerHTML = "<p class='title'>"
	    + "Extreme Duty &#189;\" Composite Roll-Up Doors</p>" 
	    + "<p>Tongue &#38; groove design for maximum cargo protection"
	    + "<br />"
	    + "Hardware is e-coated to a minimum of 1,000 hour salt spray "
	    + "for corrosion resistance; fasteners are aluminum or "
	    + "stainless steel</p><p>"
	    + "<a href='half.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item2.jpg' alt='Product' />";
	break;

    case 2:
	description.innerHTML = "<p class='title'>"
	    + "Roll-Up Door Springs</p><p><br /><br /><br /></p>" 
	    + "<p><a href='spring.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item3.jpg' alt='Product' />";
	break;
	
    case 3:
	description.innerHTML = "<p class='title'>"
	    + "The Strongest Door Hinges in the Industry!</p>" 
	    + "<p>Hinges are e-coated to a minimum of 1,000 hour "
	    + "salt spray for corrosion resistance<br />"
	    + "Eliminates 'stressed or fractured' hinges on rear "
	    + "load impact</p>"
	    + "<p><a href='hinges.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item4.jpg' alt='Product' />";
	break;

    case 4:
	description.innerHTML = "<p class='title'>"
	    + "'Road Ready' U.V. Roll-Up Door</p>" 
	    + "<p>&#190; MDT plywood<br />"
	    + "5 year warranty on Road Ready U.V. coating<br />"
	    + "Tongue &#38; groove design</p>"
	    + "<p><a href='double.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item5.jpg' alt='Product' />";
	break;
	
    case 5:
	description.innerHTML = "<p class='title'>"
	    + "Insulated Roll-Up Doors</p>" 
	    + "<p>Tongue &#38; groove design for maximum cargo protection"
	    + "<br />"
	    + "Hardware is e-coated to a minimum of 1,000 hour salt spray "
	    + "for corrosion resistance; fasteners are aluminum or "
	    + "stainless steel</p>"
	    + "<p><a href='insulated.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item6.jpg' alt='Product' />";
	break;

    case 6:
	description.innerHTML = "<p class='title'>"
	    + "Replacement Parts and Panels</p>" 
	    + "<p><br /><br /><br /></p>"
	    + "<p><a href='replacement.htm'>CLICK HERE TO LEARN MORE!</a></p>";

	picture.innerHTML= "<img src='images/item7.jpg' alt='Product' />";
	break;
    }
}