/** Animation of slideshow and drop down menu items
 I took these out - 
 
 $(document).pngFix(); 

 $(document).ready(function(){

*/ 





$(window).load(function(){
 $(".photos-docs").slideUp(400);
 $(".main-store").slideUp(400);
 $(".hswcv-library").slideUp(400);

 $("#image-links img").css('opacity', '0.5');
 $("#image-links img").hover(function(){
 $(this).animate({opacity: "1"}, 500); 
},
function(){
  $(this).animate({opacity: "0.5"}, 500); 
});
$('.slideshow-one').cycle({ 
    fx:    'fade', 
    speed:  6000,
    timeout: 14000,
    pause:  1,
    random: 1
 });
$('.slideshow-two').cycle({ 
    fx:    'fade', 
    speed:  6000,
    timeout: 15000,
    pause:  1,
    random: 1
 });

 $(".no-submenu").mouseover(function(){
 $(".photos-docs").slideUp(400);
 $(".main-store").slideUp(400);
 $(".hswcv-library").slideUp(400);
 });
 $(".photos-docs-link").mouseover(function(){
 $(".main-store").slideUp(400);
 $(".hswcv-library").slideUp(400);
 $(".photos-docs").slideDown(400);
 });
 $(".main-store-link").mouseover(function(){
 $(".photos-docs").slideUp(400);
 $(".hswcv-library").slideUp(400);
 $(".main-store").slideDown(400);
});
 $(".hswcv-library-link").mouseover(function(){
 $(".photos-docs").slideUp(400);
 $(".main-store").slideUp(400);
 $(".hswcv-library").slideDown(400);
 });
});




/** Fade in an image on rollover */ 

$(document).ready(function(){
  // This sets the opacity of the image to fade down to 10% when the page loads
  $(".fadingimage").fadeTo("slow", 0.1);
  $(".fadingimage").hover(function(){
  // This should set the opacity to 100% on hover
  $(this).fadeTo("slow", 1.0); 
  },function(){
  // This should set the opacity back to 10% when pointer moves off
  $(this).fadeTo("slow", 0.1);
  });
});