
   function slide(slideSettings) {
		
		jQuery(document).pngFix();
		 
	  jQuery('ul#toggle').append('<div class="bg"><img src="images/slideshow/overlay.png" /> </div><li><p><a href="' + slideSettings.merchUrl[0] + '"><img src="' + slideSettings.merchLink[0] + '" alt="' + slideSettings.merchLinkAlt[0] + '" /></a></p><a class="hover" href="' + slideSettings.merchUrl[0] + '"><img src="' + slideSettings.merchMain[0] + '" alt="' + slideSettings.merchMainAlt[0] + '" /></a><div class="shadow"> <img src="images/slideshow/merch1bg.png"  /></div></li><li><p><a href="' + slideSettings.merchUrl[1] + '"><img src="' + slideSettings.merchLink[1] + '" alt="' + slideSettings.merchLinkAlt[1] + '" /></a></p><a class="hover" href="' + slideSettings.merchUrl[1] + '"><img src="' + slideSettings.merchMain[1] + '" alt="' + slideSettings.merchMainAlt[1] + '" /></a><div class="shadow"> <img src="images/slideshow/merch2bg.png"  /></div></li><li> <p><a href="' + slideSettings.merchUrl[2] + '"><img src="' + slideSettings.merchLink[2] + '"  alt="' + slideSettings.merchLinkAlt[2] + '"  /></a></p><a class="hover" href="' + slideSettings.merchUrl[2] + '"> <img src="' + slideSettings.merchMain[2] + '" alt="' + slideSettings.merchMainAlt[2] + '"  /></a><div class="shadow"> <img src="images/slideshow/merch3bg.png"  /></div></li>'); 
  
		
		jQuery('div.bg').hide();
							   
      jQuery('ul#toggle li').hover(function() {
							 
        jQuery(this).find('p').stop(true, true).slideToggle("slow");
		jQuery(this).find('div.shadow').stop(true, true).delay(400).fadeIn(800);
		jQuery(this).find('p').css('z-index','4');
		jQuery(this).find('a').css('z-index','4');
		
		
		
		  },
	  function (){
		   jQuery(this).find('p').stop(true, true).slideToggle("slow");
		   jQuery(this).find('div.shadow').stop(true, true).delay(10).hide();
		   jQuery(this).find('p').css('z-index','1');
		jQuery(this).find('a').css('z-index','1');
		  }
	  );
   
   jQuery('ul#toggle').hover(function() {
   jQuery('div.bg').stop(true, true).fadeIn(1500);
	 },
	 function (){
 	jQuery('div.bg').stop(true, true).fadeOut(600);
		  
  });
	  
	  jQuery('div.bg').hover(function() {
		jQuery('div.bg').stop(true, true).fadeOut(600);  
	  });
	  
   };
	  



