// when the DOM is ready
$(function () {
  var img = new Image();
  
	 $(".intro").hide();
	 
	 
	 
	
// wrap our new image in jQuery, then:
  $("#main_intro_bg")
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      $(this).hide();
    
      // with the holding div #loader, apply:
      $('#loader')
        // remove the loading class (so no background spinner), 
        .removeClass('loading')
        // then insert our image
        .append(this);
    
      // fade our image in to create a nice effect
      $(this).fadeIn();
	  
	 
	 // wrap our new image in jQuery, then:
  $("#main_intro_i3")
    // once the image has loaded, execute this code
    .load(function () {
      // set the image hidden by default    
      $(this).hide();
    
      // with the holding div #loader, apply:
      $('#loader')
        // remove the loading class (so no background spinner), 
        .removeClass('loading')
        // then insert our image
        .append(this);
    
      // fade our image in to create a nice effect
      $(this).fadeIn();
	  
	 	  
	 
	 $(".intro").fadeIn(4500);
	 
	 $('.fade').innerfade({ 
	 speed: 'slow', 
	 timeout: 6000, 
	 type: 'sequence', 
	 containerheight: '550px' });

  	 $('.fadeblur').innerfade({ 
	 speed: 'slow', 
	 timeout: 6000, 
	 type: 'sequence', 
	 containerheight: '597px' });

	 

	 
    }).attr('src', 'img/bg3.jpg');

	 
    }).attr('src', 'img/bg1.jpg');
	

	

	
	 
	 
	 
	 
  
});