jQuery(document).ready(function () {	
	function start_movie() {	
		$("#home-images").jPlayer({
			ready: function () {
				$(this).jPlayer("setMedia", {
					poster: "http://www.cassahotelny.com/video/loading.png",
					m4v: "http://www.cassahotelny.com/video/cassa.m4v?v=3"
				}).jPlayer("play");
			},
			supplied: "m4v",
			preload: "none",
			ended: function() { 
				$(this).jPlayer("destroy");
				
				animate_step_1();
			}  		
		});
	}
	
	function animate_step_1() {
		var slide = $("<img id=\"slide1\" />");
		slide.css({opacity:0, position: 'absolute', top: 0, left: 0, 'z-index': 50 });
		slide.attr('src','/images/home_animation/Cassa_Image1.jpg');
		slide.load(function() { $(this).animate({opacity:1},500, function() { animate_step_2(); }); } );
		$("#home-images").attr('style','').append(slide);		
	}
	function animate_step_2() {
		var slide = $("<img id=\"slide2\" />");
		slide.css({opacity:0, position: 'absolute', top: 0, left: 0, 'z-index': 51 });
		slide.attr('src','/images/home_animation/Cassa_Image2.jpg');
		slide.load(function() { 
			$("#slide1").delay(5000).animate({opacity:0},500, function() { $(this).remove() });
			$(this).delay(5000).animate({opacity:1},500, function() { animate_step_3(); });
		});
		$("#home-images").append(slide);		
	}
	function animate_step_3() {
		var slide = $("<img id=\"slide3\" />");
		slide.css({opacity:0, position: 'absolute', top: 0, left: 343, 'z-index': 51 });
		slide.attr('src','/images/home_animation/Cassa_Image3.jpg');
		slide.load(function() { 
			$(this).delay(2000).animate({opacity:1},500, function() { animate_step_4(); });
		});
		$("#home-images").append(slide);		
	}
	function animate_step_4() {
		var slide = $("<img id=\"slide4\" />");
		slide.css({opacity:0, position: 'absolute', top: 0, left: 688, 'z-index': 51 });
		slide.attr('src','/images/home_animation/Cassa_Image4.jpg');
		slide.load(function() { 
			$(this).delay(2000).animate({opacity:1},500, function() { animate_step_5(); });
		});
		$("#home-images").append(slide);	
	}
	function animate_step_5() {
		var slide = $("<img id=\"slide5\" />");
		slide.css({opacity:0, position: 'absolute', top: 0, left: 0, 'z-index': 52 });
		slide.attr('src','/images/home_animation/Cassa_Image5.jpg');
		slide.load(function() { 
			$("#slide2").delay(4000).animate({opacity:0},500, function() { $(this).remove() });
			$("#slide3").delay(4000).animate({opacity:0},500, function() { $(this).remove() });
			$("#slide4").delay(4000).animate({opacity:0},500, function() { $(this).remove() });
			$(this).delay(4000).animate({opacity:1},500, function() { animate_step_6(); });
		});
		$("#home-images").append(slide);
	}
	function animate_step_6() {
		var slide = $("<img id=\"slide6\" />");
		slide.css({opacity:0, position: 'absolute', top: 0, left: 0, 'z-index': 51 });
		slide.attr('src','/images/home_animation/Cassa_Image6.jpg');
		slide.load(function() { 
			$("#slide5").delay(5000).animate({opacity:0},500, function() { $(this).remove(); });
			$(this).delay(5000).animate({opacity:1},500, function() { animate_end(); });
		});
		$("#home-images").append(slide);
	}
	function animate_end() {
		$("#slide6").delay(5000).animate({opacity:0},500, function() { $(this).remove(); start_movie(); });
	}
	
	
	start_movie();
});