if (navigator.userAgent.indexOf('iPhone') != -1 || navigator.userAgent.indexOf('iPad') != -1 || navigator.userAgent.indexOf('Android') != -1) {

} else  {
		// ANIMATION TIME
		$(function() {
		  
		  var sprites = $('.stars_and_circles #char_logo, #char_1, #char_2, #char_3, #char_4, #mushroom, #clouds-left, #clouds-right')
		  sprites.css({opacity: 0})
		  
		  var times = {
			title: 1200,
			clouds: 1800,
			titleReplay: 200,
			cloudsReplay: 200,
			tntDelay: 3000,
			tntDuration: 1000,
			navDelay: 800,
			navDuration: 800,
			headerLogoDuration: 400
		  }
		  
		  // the Main animation
		  var mainAnimation = function(){
		    
		    $('.nav').css({top: -180})
		    
		    setTimeout(function(){
		      $('.nav').animate({top: 0}, times.navDuration)
		    }, times.nav)
		    
		    setTimeout(function(){
		      $('#tnt').animate({'margin-right': '0px', "opacity": 1}, times.tntDuration)
		    }, times.tntDelay)
		
		    $('#tnt').stop().css({'margin-right': '-80px', 'opacity': 0})
		    
		    $('#clouds-left').css({
		      opacity: 0,
		      marginLeft: 120
		    }).delay(times.clouds).animate({
		      opacity: 1,
		      marginLeft: 0
		    }, 1000)
		    $('#clouds-right').css({
		      opacity: 0,
		      marginRight: 120
		    }).delay(times.clouds).animate({
		      opacity: 1,
		      marginRight: 0
		    }, 1000)
		    $('#char_logo')
		      .css({'top': '-500px'})
		      .animate({'top': '520px'}, times.title, "easeInQuart")
		      .animate({
		        top: 490
		      }, 50)
		      .animate({
		        top: 505
		      }, 50)
		      .animate({
		        top: 490
		      }, 50)
		      
		    $('#mushroom')
		      .css({
		        top: "800px", 
		        opacity: 0.4,
		        width: 80,
		        height: 0,
		        marginLeft: -50
		      })
		      .delay(times.title)
		      .animate({
		        opacity: 1,
		        height: 834,
		        top: -50,
		        width: 900,
		        marginLeft: -465
		      }, 1400, 'easeOut')
		      
		      setTimeout(function(){
		        $('#tnt').animate({'margin-right': '0px', "opacity": 1}, 1000)
		      }, 3000)
		      
		      $('#header_logo').css('top', '-220px')
		      $('#char_3').hide().css({'margin-left': '-500px'})
		      $('#char_4').hide().css({'margin-left': '500px'})
		      
		      $('#char_logo').css({'top': '-500px'})
		
		      $('#tnt').css({'margin-right': '-80px', 'opacity': 0})
		      setTimeout(function(){
		        $('#char_3').show().animate({
		          'margin-left': '+=500px'
		        }, 400, 'easeOut')
		        $('#char_4').show().animate({
		          'margin-left': '-=500px'
		        }, 400, 'easeIn')
		        $('#header_logo').animate({'top': '-97px'}, times.headerLogoDuration)
		      }, 1500)
		      
		  }
		  
		  // Things that get repeated when TNT box is clicked
		  var tntAnimation = function(){
		    
		    // $('.nav').css({top: -180})
		    $('#clouds-left').css({
		      opacity: 0,
		      marginLeft: 120
		    }).delay(times.cloudsReplay).animate({
		      opacity: 1,
		      marginLeft: 0
		    }, 1000)
		    $('#clouds-right').css({
		      opacity: 0,
		      marginRight: 120
		    }).delay(times.cloudsReplay).animate({
		      opacity: 1,
		      marginRight: 0
		    }, 1000)
		      
		    $('#mushroom')
		      .css({
		        top: "800px", 
		        opacity: 0.4,
		        width: 80,
		        height: 0,
		        marginLeft: -50
		      })
		      .delay(times.titleReplay)
		      .animate({
		        opacity: 1,
		        height: 834,
		        top: -50,
		        width: 900,
		        marginLeft: -465
		      }, 1400, 'easeOut')
		      
		  }
		  
		  $('#tnt').click(function(e){
			e.preventDefault();
		    tntAnimation();
		  })
		  
		  // Page load animation... go!
		  setTimeout(function(){
		    
		    
		    sprites.css({opacity: 1})
		  
		    mainAnimation();
		  
			$('.background_cloud').hide().delay(1000).fadeIn()  
			var char1 = function(){
			  $('#char_1').removeClass('rotated')
			  setTimeout(function(){
				$('#char_1').addClass('rotated')
			  }, 1000)
			  $('#char_1').animate({
				top: -380,
				left: "-100px"
			  }, 0)
			  $('#char_1').stop().animate({
				top: 1200,
				left: "800px"
			  }, 8000, 'easeInExpo')
			}

			var char2 = function(){
				$('#char_2').css({top: -380}).delay(1000).stop().animate({top: 800}, 25000)
			}
			
			char1()
			setInterval(char1, 8000)
			
			char2()
			setInterval(char2, 25000)
		  
		  }, 100)
			
		});
}