$(window).load(function() {
  $('#slider').fadeIn('slow', function(){
  
    $("#slider").css("height","333px");
    $("#slider").css("overflow","visible");
  });
  
  var out = 1;
  $("canvas").css("display","none");
  $(".img1 canvas").css("display","inline");
  $(".reflect img + img").css("display","none");
  $(".img1 img + img").css("display","inline"); /////////////////////////////////////////////////////
	$('#slider').nivoSlider({
			pauseOnHover:false,
			effect:'fade',
			controlNavThumbs:true,
			animSpeed:1500,//1500
		  pauseTime:5500,//6000
		  slices:1,
			directionNav:false, //Next & Prev
		  directionNavHide:true,
			controlNavThumbsFromRel:true,
			beforeChange: function(){

        infade = $('#slider').data('nivo:vars').currentSlide + 2;
        test = infade-1;
        if($(".img"+test).hasClass('last')){
          infade = 1;
        }    
        $("div.img"+out+" canvas").fadeOut(1500);
        $("div.img"+infade+" canvas").fadeIn(1500);
        
        $(".img"+out+" img + img").css("display","none");//fadeOut('slow');/////////////////////////////////////////////
        $(".img"+infade+" img + img").css("display","inline");//fadeIn('slow');
        
        
        
        out = infade;
	       
      }
		});
    	
	//$('#slider').data('nivo:vars').stop = true;
});