// preload the images
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery);
jQuery.preLoadImages("sc1_3", "images/scenes/scene1/images/sc1-img_03.jpg");
jQuery.preLoadImages("sc1_5", "images/scenes/scene1/images/sc1-img_05.jpg");
jQuery.preLoadImages("sc1_7", "images/scenes/scene1/images/sc1-img_07.jpg");
jQuery.preLoadImages("sc1_9", "images/scenes/scene1/images/sc1-img_09.jpg");
jQuery.preLoadImages("sc1_10", "images/scenes/scene1/images/sc1-img_10.jpg");
jQuery.preLoadImages("sc1_11", "images/scenes/scene1/images/sc1-img_11.jpg");

jQuery.preLoadImages("sc2_3", "images/scenes/scene2/images/sc2-img_03.jpg");
jQuery.preLoadImages("sc2_5", "images/scenes/scene2/images/sc2-img_05.jpg");
jQuery.preLoadImages("sc2_7", "images/scenes/scene2/images/sc2-img_07.jpg");
jQuery.preLoadImages("sc2_9", "images/scenes/scene2/images/sc2-img_09.jpg");
jQuery.preLoadImages("sc2_10", "images/scenes/scene2/images/sc2-img_10.jpg");
jQuery.preLoadImages("sc2_11", "images/scenes/scene2/images/sc2-img_11.jpg");

jQuery.preLoadImages("sc3_3", "images/scenes/scene3/images/sc3-img_03.jpg");
jQuery.preLoadImages("sc3_5", "images/scenes/scene3/images/sc3-img_05.jpg");
jQuery.preLoadImages("sc3_7", "images/scenes/scene3/images/sc3-img_07.jpg");
jQuery.preLoadImages("sc3_9", "images/scenes/scene3/images/sc3-img_09.jpg");
jQuery.preLoadImages("sc3_10", "images/scenes/scene3/images/sc3-img_10.jpg");
jQuery.preLoadImages("sc3_11", "images/scenes/scene3/images/sc3-img_11.jpg");

jQuery.preLoadImages("sc4_3", "images/scenes/scene4/images/sc4-img_03.jpg");
jQuery.preLoadImages("sc4_5", "images/scenes/scene4/images/sc4-img_05.jpg");
jQuery.preLoadImages("sc4_7", "images/scenes/scene4/images/sc4-img_07.jpg");
jQuery.preLoadImages("sc4_9", "images/scenes/scene4/images/sc4-img_09.jpg");
jQuery.preLoadImages("sc4_10", "images/scenes/scene4/images/sc4-img_10.jpg");
jQuery.preLoadImages("sc4_11", "images/scenes/scene4/images/sc4-img_11.jpg");

jQuery.preLoadImages("sc5_3", "images/scenes/scene5/images/sc5-img_03.jpg");
jQuery.preLoadImages("sc5_5", "images/scenes/scene5/images/sc5-img_05.jpg");
jQuery.preLoadImages("sc5_7", "images/scenes/scene5/images/sc5-img_07.jpg");
jQuery.preLoadImages("sc5_9", "images/scenes/scene5/images/sc5-img_09.jpg");
jQuery.preLoadImages("sc5_10", "images/scenes/scene5/images/sc5-img_10.jpg");
jQuery.preLoadImages("sc5_11", "images/scenes/scene5/images/sc5-img_11.jpg");

                                        
                                        // SCENE 0
                                        setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene1/images/sc1-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								//$(this).css("background","url(../images/scenes/scene2/images/sc2-img_05.jpg)"),
								content: '<img src="images/scenes/scene1/images/sc1-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene1/images/sc1-img_07.jpg"/>'
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene1/images/sc1-img_09.jpg"/>'
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene1/images/sc1-img_10.jpg"/>'
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene1/images/sc1-img_11.jpg"/>'
							})	
						}
					,6000);
                                        
                                        
			setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								//$(this).css("background","url(../images/scenes/scene2/images/sc2-img_03.jpg)");
								content: '<img src="images/scenes/scene2/images/sc2-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								//$(this).css("background","url(../images/scenes/scene2/images/sc2-img_05.jpg)"),
								content: '<img src="images/scenes/scene2/images/sc2-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene2/images/sc2-img_07.jpg"/>'
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene2/images/sc2-img_09.jpg"/>'
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene2/images/sc2-img_10.jpg"/>'
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene2/images/sc2-img_11.jpg"/>'
							})	
						}
					,12000);	
					// SCENE 3
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene3/images/sc3-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene3/images/sc3-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene3/images/sc3-img_07.jpg"/>'
								//content:'<img src="flip/flip2_03.png"/>',
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene3/images/sc3-img_09.jpg"/>'
								//content:'<img src="flip/flip2_04.png"/>',
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene3/images/sc3-img_10.jpg"/>'
								//content:'<img src="flip/flip2_05.png"/>',
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene3/images/sc3-img_11.jpg"/>'
								//content:'<img src="flip/flip2_06.jpg"/>',
							})	
						}
					,18000);	
					// SCENE 4
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene4/images/sc4-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene4/images/sc4-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene4/images/sc4-img_07.jpg"/>'
								//content:'<img src="flip/flip2_03.png"/>',
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene4/images/sc4-img_09.jpg"/>'
								//content:'<img src="flip/flip2_04.png"/>',
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene4/images/sc4-img_10.jpg"/>'
								//content:'<img src="flip/flip2_05.png"/>',
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene4/images/sc4-img_11.jpg"/>'
								//content:'<img src="flip/flip2_06.jpg"/>',
							})	
						}
					,24000);
					// SCENE 5
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene5/images/sc5-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene5/images/sc5-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene5/images/sc5-img_07.jpg"/>'
								//content:'<img src="flip/flip2_03.png"/>',
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene5/images/sc5-img_09.jpg"/>'
								//content:'<img src="flip/flip2_04.png"/>',
							})
							$("#flip-five").flip({ 
								direction: 'rl'
								//content: '<img src="images/scenes/scene5/images/sc5-img_10.jpg"/>'
								//content:'<img src="flip/flip2_05.png"/>',
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene5/images/sc5-img_11.jpg"/>'
								//content:'<img src="flip/flip2_06.jpg"/>',
							})	
						}
					,30000);
                                                                                
                                        
					// SCENE 1 LOOP
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene6/images/sc6-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene6/images/sc6-img_04.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene6/images/sc6-img_05.jpg"/>'
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene6/images/sc6-img_07.jpg"/>'
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene6/images/sc6-img_08.jpg"/>'
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene6/images/sc6-img_09.jpg"/>'
							})	
						}
					,36000);
                                        
			
			$(function(){
				$("#flip").everyTime(42000,function() {
					// SCENE 1 = DIV BG
                                        // SCENE 0
                                        setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene1/images/sc1-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								//$(this).css("background","url(../images/scenes/scene2/images/sc2-img_05.jpg)"),
								content: '<img src="images/scenes/scene1/images/sc1-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene1/images/sc1-img_07.jpg"/>'
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene1/images/sc1-img_09.jpg"/>'
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene1/images/sc1-img_10.jpg"/>'
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene1/images/sc1-img_11.jpg"/>'
							})	
						}
					,6000);
					// SCENE 2
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								//$(this).css("background","url(../images/scenes/scene2/images/sc2-img_03.jpg)");
								content: '<img src="images/scenes/scene2/images/sc2-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								//$(this).css("background","url(../images/scenes/scene2/images/sc2-img_05.jpg)"),
								content: '<img src="images/scenes/scene2/images/sc2-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene2/images/sc2-img_07.jpg"/>'
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene2/images/sc2-img_09.jpg"/>'
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene2/images/sc2-img_10.jpg"/>'
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene2/images/sc2-img_11.jpg"/>'
							})	
						}
					,12000);	
					// SCENE 3
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene3/images/sc3-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene3/images/sc3-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene3/images/sc3-img_07.jpg"/>'
								//content:'<img src="flip/flip2_03.png"/>',
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene3/images/sc3-img_09.jpg"/>'
								//content:'<img src="flip/flip2_04.png"/>',
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene3/images/sc3-img_10.jpg"/>'
								//content:'<img src="flip/flip2_05.png"/>',
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene3/images/sc3-img_11.jpg"/>'
								//content:'<img src="flip/flip2_06.jpg"/>',
							})	
						}
					,18000);	
					// SCENE 4
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene4/images/sc4-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene4/images/sc4-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene4/images/sc4-img_07.jpg"/>'
								//content:'<img src="flip/flip2_03.png"/>',
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene4/images/sc4-img_09.jpg"/>'
								//content:'<img src="flip/flip2_04.png"/>',
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene4/images/sc4-img_10.jpg"/>'
								//content:'<img src="flip/flip2_05.png"/>',
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene4/images/sc4-img_11.jpg"/>'
								//content:'<img src="flip/flip2_06.jpg"/>',
							})	
						}
					,24000);
					// SCENE 5
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene5/images/sc5-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene5/images/sc5-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene5/images/sc5-img_07.jpg"/>'
								//content:'<img src="flip/flip2_03.png"/>',
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene5/images/sc5-img_09.jpg"/>'
								//content:'<img src="flip/flip2_04.png"/>',
							})
							$("#flip-five").flip({ 
								direction: 'rl'
								//content: '<img src="images/scenes/scene5/images/sc5-img_10.jpg"/>'
								//content:'<img src="flip/flip2_05.png"/>',
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene5/images/sc5-img_11.jpg"/>'
								//content:'<img src="flip/flip2_06.jpg"/>',
							})	
						}
					,30000);	
					// SCENE 1 LOOP
					setTimeout(
						function(){
						
							$("#flip-One").flip({
								direction: 'tb',
								content: '<img src="images/scenes/scene1/images/sc1-img_03.jpg"/>',//'<img src="images/rem-cons_logo.png"/>',
								onBefore: function(){$(".revert").show()}
							})						
							$("#flip-two").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene1/images/sc1-img_05.jpg"/>',
								onAnimation: function(){
									$("#flip-two").addClass('flip2');
								}
							})
							$("#flip-three").flip({ 
								direction: 'lr',
								content: '<img src="images/scenes/scene1/images/sc1-img_07.jpg"/>'
							})
							$("#flip-four").flip({ 
								direction: 'bt',
								content: '<img src="images/scenes/scene1/images/sc1-img_09.jpg"/>'
							})
							$("#flip-five").flip({ 
								direction: 'rl',
								content: '<img src="images/scenes/scene1/images/sc1-img_10.jpg"/>'
							})
							$("#flip-six").flip({ 
								direction: 'tb',
								content: '<img src="images/scenes/scene1/images/sc1-img_11.jpg"/>'
							})	
						}
					,36000);		
				});
			});