// JavaScript Document
$(function() {
	var image_i;
	var img_arr = new Array(13)
		img_arr [0]  = '3K6B0931.jpg';
		img_arr [1]  = '3K6B0936.jpg';
		img_arr [2]  = '3K6B0937.jpg';
		img_arr [3]  = '3K6B0939.jpg';
		img_arr [4]  = '3K6B0940.jpg';
		img_arr [5]  = '3K6B0941.jpg';
		img_arr [6]  = '3K6B0942.jpg';
		img_arr [7]  = '3K6B0944.jpg';
		img_arr [8]  = '3K6B0945.jpg';
		img_arr [9]  = '3K6B0947.jpg';
		img_arr [10] = '3K6B0948.jpg';
		img_arr [11] = '3K6B0933.jpg';
		img_arr [12] = '3K6B0931.jpg';
	
		img_arr = img_arr.reverse();
	
	//var audioTagSupport = !!(document.createElement('audio').canPlayType);

	$('#loading').hide();
	$('#my_image').fadeIn('slow');
	
	for(i=0; i<13; i++){
		timeout = 125*(i+1);
		//alert(timeout);
		setTimeout(function(){
			image_file = "images/stiletto/" + img_arr.pop();
			$('#my_image').attr('src', image_file);
		}, timeout);
	} 
	
	
	setTimeout(function(){	
		$('#animate').css({'background':'url(images/main_bg.jpg) no-repeat', "opacity": "100"});	
		$('#my_image').fadeOut(1500);		
		$('#animate').animate({
			opacity : '1'
		}, 1500);
			
		setTimeout(function(){
			$('#animate').append('<img id="ch_x" style="width: 425px; height: 425px" src="images/x.gif">');
			$('#ch_x').css({"opacity": "0.1", 'position': 'absolute', 'left':'0', 'top':'0'});
			
			$('#ch_x').animate({
				width: '190px',
				height: '190px',
				left: '60px',
				top: '120px'
			}, 1500);
		
			/*if (audioTagSupport){
				setTimeout(function(){
					document.getElementById('audio').play();
				}, 1500);
			}*/
			
			setTimeout(function (){
				$('#animate').append('<img id="ch_i1" style="width: 225px; height: 425px" src="images/i.gif">');
				$('#ch_i1').css({"opacity": "0.1", 'position': 'absolute', 'left':'0'});
				
				$('#ch_i1').animate({
				width: '65px',
				height: '190px',
				left: '250px',
				top: '120px'
				}, 1500);
				
				/*if (audioTagSupport){
					setTimeout(function(){
						document.getElementById('audio').play();
					}, 1500);
				}*/
			
			}, 1500);
			
			setTimeout(function (){
				$('#animate').append('<img id="ch_i2" style="width: 225px; height: 425px" src="images/i.gif">');
				$('#ch_i2').css({"opacity": "0.1", 'position': 'absolute', 'left':'0'});
				
				$('#ch_i2').animate({
				width: '65px',
				height: '190px',
				left: '315px',
				top: '120px'
				}, 1500);
				
				/*if (audioTagSupport){
					setTimeout(function(){
						document.getElementById('audio').play();
					}, 1500);
				}*/
			}, 3000);
			
		}, 1500);
		
	}, 2160);
	
	setTimeout(function(){
		window.location='index.html';				
	}, 12000);
	
});