$(document).ready(function() {

	var ImageZoomIn = function(){
		$(".ZoomThis").fadeTo(250,0.2);
		$(this).css('z-index','999').animate({
			opacity : 1 ,
			width : '680',
			height : '510',
			'margin-left' : '-270',
			'margin-top' : '-200'
			}, 250, function(){
				$(this).animate({
					width : '640' ,
					height : '480' ,
					'margin-left' : '-250',
					'margin-top' : '-185'
				} , 100 , function(){});
			});
		}

//須搭配啟用「AJAX/Plug-Ins/Reflect.js」才可使用。
//$("img").reflect({
//	startOpacity: 0.3,
//	reflectionScale: 0.5
//});
	$('#BillBoardImg').css({ 'top':'500px' })
	.animate(
		{ top : '0px' } ,
		{ duration : 800 }
	)
	.delay(10000)
	.animate(
		{ top : '500px' , opacity : 0 } ,
		{ duration : 800 }
	);
	
	$('#BillBoardImg img').click(function(){
		$('#BillBoardImg img').fadeOut(800) ;
	}) ;

	var ImageZoomOut = function(){
		$(this).animate({
			width : '140',
			height : '105',
			'margin-left' : '0',
			'margin-top' : '0'
			}, 500, function(){}).css('z-index','100');
		$(".ZoomThis").fadeTo(500,1);
		}
	
	var ImageLinkHover = function (){
		$('.ZoomThis').animate({ opacity : .5 },250, function(){});
		$(This).animate({ opacity : 1 },250, function(){});
	}

	$(".ZoomThis").bind('click' , ImageZoomIn ) ;
	$(".ZoomThis").bind('mouseout' , ImageZoomOut ) ;

	var HoverColor = function(){
		$(this).fadeTo(10,0.5).addClass('link').fadeTo(250,1).addClass('hover');
	}

	var OutColor = function(){
		$(this).fadeTo(10,0.5).removeClass('hover').fadeTo(250,1);
	}
	

	$('a').bind('mouseover',HoverColor);
	$('a').bind('mouseout',OutColor);
	
	$('.Btn_DownloadMenu').animate({
		opacity : 0,
		width : '0' ,
		height : '0'
	},0, function(){
		$(this).animate({
			opacity : 1 ,
			width : '165' ,
			height : '30'
		},1500,function(){}) ;
	});
	

});