//Activate Superfish and Supersubs Plugins
// #9a9a9a -- background below the picture
// 	$(".photo ul").css({'width': dropdownwidth, 'background': '#777'});
$(document).ready(function(){ 
    $("ul.sf-menu").supersubs({
        minWidth: 5,
        maxWidth: 20,
        extraWidth: 2

    }).superfish({
		autoArrows: false,
		dropShadows: false
    }); 

	//Set product submenu width for photo
	var submenuwidth = $(".photo ul").css('width');
	var dropdownwidth = $(".photo ul").width() + 350;
	$(".photo ul").css({'width': dropdownwidth, 'background': '#9a9a9a url(../../../images/product_dropdowns/dropdown_Default.jpg) top right no-repeat'});
	$(".photo ul li").css('clear', 'both');
	$(".photo ul li").css('width', submenuwidth);
	$(".photo ul li").css('background-color', '#777');

	//Set UL background to image based on LI id attribute
	//Images should be located in the images folder and should match page ids.
	$(".photo ul li").hover(function() {
		var currentitem = $(this).attr('id');
		$(".photo ul").css('background', '#9a9a9a url(../../../images/product_dropdowns/dropdown_'+currentitem+'.jpg) top right no-repeat');
	}, function () {
		$(".photo ul").css('background', '#9a9a9a url(../../../images/product_dropdowns/dropdown_Default.jpg) top right no-repeat');
	});
});