var _time1 = 2000; //delay time
var _time2 = 2000; //fade time
var _interval = _time1 + _time2;

$(document).ready(function(){
	
	//load news
	$("#news").load("http://www.sunny-p.com/news");
	
	//set poistion
	$(window)
	.bind('load', function() {
		//animation intro1
		$('#s14').delay(Math.random()*1000).fadeIn(_time1);
		$('#s21').delay(Math.random()*1000).fadeIn(_time1);
		$('#s35').delay(Math.random()*1000).fadeIn(_time1, setMouseEvent);
		$('#s48').delay(Math.random()*1000).fadeIn(_time1);
		$('#s53').delay(Math.random()*1000).fadeIn(_time1);
		
		//animation intro2
		$('#img11a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img12a').delay(Math.random()*1000).fadeIn(_time2); //6
		$('#img15a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img16a').delay(Math.random()*1000).fadeIn(_time2); //6
		$('#img24a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img31a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img32a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img33a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img34a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img41a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img43a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img44a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img45a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img46a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img47a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img54a').delay(Math.random()*1000).fadeIn(_time2); //4
		$('#img55a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img56a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img57a').delay(Math.random()*1000).fadeIn(_time2); //2
		$('#img58a').delay(Math.random()*1000).fadeIn(_time2); //2
				
		//frame1 16b
		$('#img16b').delay( _interval*1 ).fadeIn(_time2);
		//frame2 16c, 41b
		$('#img16c').delay( _interval*2 ).fadeIn(_time2);
		$('#img41b').delay( _interval*2 ).fadeIn(_time2);
		//frame3 41c, 31b, 55b
		$('#img41c').delay( _interval*3 ).fadeIn(_time2);
		$('#img31b').delay( _interval*3 ).fadeIn(_time2);
		$('#img55b').delay( _interval*3 ).fadeIn(_time2);
		//frame4 12b
		$('#img12b').delay( _interval*4 ).fadeIn(_time2);
		$('#img31finish').delay( _interval*4 ).fadeIn(_time2); //fnish
		$('#img55finish').delay( _interval*4 ).fadeIn(_time2); //fnish
		//frame5 12c, 34b, 56b
		$('#img12c').delay( _interval*5 ).fadeIn(_time2);
		$('#img34b').delay( _interval*5 ).fadeIn(_time2);
		$('#img56b').delay( _interval*5 ).fadeIn(_time2);
		//frame6 47b
		$('#img47b').delay( _interval*6 ).fadeIn(_time2);
		$('#img34finish').delay( _interval*6 ).fadeIn(_time2); //fnish
		$('#img56finish').delay( _interval*6 ).fadeIn(_time2); //fnish
		//frame7 47c, 11b, 32b
		$('#img47c').delay( _interval*7 ).fadeIn(_time2);
		$('#img11b').delay( _interval*7 ).fadeIn(_time2);
		$('#img32b').delay( _interval*7 ).fadeIn(_time2);
		//frame8 11c, 32c, 16d, 54b
		$('#img11c').delay( _interval*8 ).fadeIn(_time2);
		$('#img32c').delay( _interval*8 ).fadeIn(_time2);
		$('#img16d').delay( _interval*8 ).fadeIn(_time2);
		$('#img54b').delay( _interval*8 ).fadeIn(_time2);
		//frame9 16e, 12d, 54c, 57b
		$('#img16e').delay( _interval*9 ).fadeIn(_time2);
		$('#img12d').delay( _interval*9 ).fadeIn(_time2);
		$('#img54c').delay( _interval*9 ).fadeIn(_time2);
		$('#img57b').delay( _interval*9 ).fadeIn(_time2);
		//frame10 12e, 24b, 33b
		$('#img12e').delay( _interval*10 ).fadeIn(_time2);
		$('#img24b').delay( _interval*10 ).fadeIn(_time2);
		$('#img33b').delay( _interval*10 ).fadeIn(_time2);
		$('#img57finish').delay( _interval*10 ).fadeIn(_time2); //fnish
		//frame11 24c, 33c, 15b, 41d
		$('#img24c').delay( _interval*11 ).fadeIn(_time2);
		$('#img33c').delay( _interval*11 ).fadeIn(_time2);
		$('#img15b').delay( _interval*11 ).fadeIn(_time2);
		$('#img41d').delay( _interval*11 ).fadeIn(_time2);
		//frame12 45b, 47d
		$('#img45b').delay( _interval*12 ).fadeIn(_time2);
		$('#img47d').delay( _interval*12 ).fadeIn(_time2);
		$('#img15finish').delay( _interval*12 ).fadeIn(_time2); //fnish
		$('#img41finish').delay( _interval*12 ).fadeIn(_time2); //fnish
		//frame13 58b
		$('#img58b').delay( _interval*13 ).fadeIn(_time2);
		$('#img45finish').delay( _interval*13 ).fadeIn(_time2); //fnish
		$('#img47finish').delay( _interval*13 ).fadeIn(_time2); //fnish
		//frame14 12f, 46b
		$('#img12f').delay( _interval*14 ).fadeIn(_time2);
		$('#img46b').delay( _interval*14 ).fadeIn(_time2);
		$('#img58finish').delay( _interval*14 ).fadeIn(_time2); //fnish
		//frame15 11d, 43b
		$('#img11d').delay( _interval*15 ).fadeIn(_time2);
		$('#img43b').delay( _interval*15 ).fadeIn(_time2);
		$('#img12finish').delay( _interval*15 ).fadeIn(_time2); //fnish
		$('#img46finish').delay( _interval*15 ).fadeIn(_time2); //fnish
		//frame16 33d, 44b
		$('#img33d').delay( _interval*16 ).fadeIn(_time2);
		$('#img44b').delay( _interval*16 ).fadeIn(_time2);
		$('#img11finish').delay( _interval*16 ).fadeIn(_time2); //fnish
		$('#img43finish').delay( _interval*16 ).fadeIn(_time2); //fnish
		//frame17 16f
		$('#img16f').delay( _interval*17 ).fadeIn(_time2);
		$('#img33finish').delay( _interval*17 ).fadeIn(_time2); //fnish
		$('#img44finish').delay( _interval*17 ).fadeIn(_time2); //fnish
		//frame18 24d, 32d
		$('#img24d').delay( _interval*18 ).fadeIn(_time2);
		$('#img32d').delay( _interval*18 ).fadeIn(_time2);
		$('#img16finish').delay( _interval*18 ).fadeIn(_time2); //fnish
		//frame19 54d
		$('#img54d').delay( _interval*19 ).fadeIn(_time2);
		$('#img24finish').delay( _interval*19 ).fadeIn(_time2); //fnish
		$('#img32finish').delay( _interval*19 ).fadeIn(_time2); //fnish
		//frame20
		$('#img54finish').delay( _interval*20 ).fadeIn(_time2); //fnish
  	});
});


//
//mouseEvent
function setMouseEvent() {
	
	//mouseOver
	$('.imgCover')
	.mouseover(function() {
		
		var target = "#o" + $(this).attr('id').replace("c", "") + " img";
		onOver( target );
		
		//mouseOut
		$(this)
		.mouseout(function() {
			onOut( target );
		});
	});
}
//mouseOver
function onOver(target) {
	
	$(target).fadeIn("fast");
}
//mouseOver
function onOut(target) {

	$(target).fadeOut("fast");
}