/*************************************/
//重要说明：
/*
关于imageflow.js  若固定了总容器(如#aoyeaNav_menu)的宽度值，则导航区不会根据浏览器窗口尺寸缩放了
1、最后一个参数的尾部不能有,逗号否则在IE6下无法显示，会出错
2、IE8下若打开opacity: true参数，则透明显示有问题
3、若固定了imageflow中#aoyeaNav_menu容器的宽度值，则导航区不会根据浏览器窗口尺寸缩
4、参数中加入slideshow: true后，会导致IE浏览器下滑轮、左右翻页出错<br>
5、倒影效果必须放在服务器上才能调用reflect2.php、reflect3.php来生成
6、若要在本地直接打开显示出图片，须在参数中将倒影禁用。参数设置文件是imageflow_setup.js
*/
/*************************************/

/* Create ImageFlow instances when the DOM structure has been loaded */
domReady(function(){
	var aoyeaNav_xbox360 = new ImageFlow();
	aoyeaNav_xbox360.init({ ImageFlowID:'aoyeaNav_xbox360', startID:1, imageFocusM:1.2, imagesM:0.7, imageFocusMax:5,imageScaling: true,
	captions:true, reflections:false, reflectionPNG:true, reflectionP:0.5, preloadImages:false, circular: true,
	slideshowAutoplay: false, slideshowSpeed: 2000, buttons:true, startAnimation:false, imageCursor:'pointer',
	opacity: false, opacityArray: [10,9,9,9,9,9,8,5],
	onClick: function() {window.open(this.url, '_self');}
	});

	//for IE6，未开启PNG透明倒影,reflections:false, reflectionPNG:false,
	var aoyeaNav_ie6 = new ImageFlow();
	aoyeaNav_ie6.init({ ImageFlowID:'aoyeaNav_ie6', startID:1, imageFocusM:1.2, imagesM:0.7, imageFocusMax:8,imageScaling: true,
	captions:true, reflections:false, reflectionPNG:false, reflectionP:0.5, preloadImages:false, circular: true,
	slideshowAutoplay: false, slideshowSpeed: 2000, buttons:true, startAnimation:false, imageCursor:'pointer',
	opacity: false, opacityArray: [10,9,9,9,9,9,8,5],
	onClick: function() {window.open(this.url, '_self');}
	});

	/*******************************/
	// for main menu
	var aoyeaNav_menu = new ImageFlow();
	aoyeaNav_menu.init({ ImageFlowID:'aoyeaNav_menu', startID:4, imageFocusM:1.0, imagesM:1.4, imageFocusMax:5,imageScaling: true,
	captions:true, reflections:false, reflectionPNG:true, reflectionP:0.5, preloadImages:false, circular: true,
	slideshowAutoplay: false, slideshowSpeed: 2000, buttons:true, startAnimation:false, imageCursor:'pointer',
	opacity:false, opacityArray: [10,8,7,7,6,5,3],
	onClick: function() {window.open(this.url, 'aoyeaFrame');}
	});
	
	/*******************************/
	var aoyeaNav_menu1 = new ImageFlow();
	aoyeaNav_menu1.init({ ImageFlowID:'aoyeaNav_menu1', startID:4, imageFocusM:1.0, imagesM:1.4, imageFocusMax:5,imageScaling: true,
	captions:true, reflections:false, reflectionPNG:true, reflectionP:0.5, preloadImages:false, circular: true,
	slideshowAutoplay: false, slideshowSpeed: 2000, buttons:true, startAnimation:false, imageCursor:'pointer',
	opacity:false, opacityArray: [10,8,7,7,6,5,3],
	onClick: function() {window.open(this.url, 'aoyeaFrame');}
	});
	
	var aoyeaNav_menu2 = new ImageFlow();
	aoyeaNav_menu2.init({ ImageFlowID:'aoyeaNav_menu2', startID:4, imageFocusM:1.0, imagesM:1.4, imageFocusMax:5,imageScaling: true,
	captions:true, reflections:false, reflectionPNG:true, reflectionP:0.5, preloadImages:false, circular: true,
	slideshowAutoplay: false, slideshowSpeed: 2000, buttons:true, startAnimation:false, imageCursor:'pointer',
	opacity:false, opacityArray: [10,8,7,7,6,5,3],
	onClick: function() {window.open(this.url, 'aoyeaFrame');}
	});
	/*******************************/
	/* Demo */
	var Demo = new ImageFlow();
	Demo.init({ ImageFlowID:'demo' });

	var basic_1 = new ImageFlow();
	basic_1.init({ImageFlowID:'basic_1',buttons:true,reflectionPNG:true});


	var basic_2 = new ImageFlow();
	basic_2.init({ ImageFlowID:'basic_2', reflections:false, reflectionP:0.0 });

	var basic_3 = new ImageFlow();
	basic_3.init({ ImageFlowID:'basic_3', reflections:false, reflectionP:0.0, slider:false });

	var basic_4 = new ImageFlow();
	basic_4.init({ ImageFlowID:'basic_4', reflections:false, reflectionP:0.0, slider:false, captions:false });

	var basic_5 = new ImageFlow();
	basic_5.init({ ImageFlowID:'basic_5', reflections:false, reflectionP:0.4, slider:false, captions:false });

	/* Behaviour Examples */
	var behaviour_1 = new ImageFlow();
	behaviour_1.init({ ImageFlowID:'behaviour_1', startID:3 });

	var behaviour_2 = new ImageFlow();
	behaviour_2.init({ ImageFlowID:'behaviour_2', startAnimation:true });

	var behaviour_3 = new ImageFlow();
	behaviour_3.init({ ImageFlowID:'behaviour_3', imageFocusMax:1 });

	var behaviour_4 = new ImageFlow();
	behaviour_4.init({ ImageFlowID:'behaviour_4', imageFocusM:1.4, startID:1,reflections:true });

	var behaviour_5 = new ImageFlow();
	behaviour_5.init({ ImageFlowID:'behaviour_5', xStep:300 });

	var behaviour_6 = new ImageFlow();
	behaviour_6.init({ ImageFlowID:'behaviour_6', buttons:true });


	/* Opacity Examples */
	var opacity_1 = new ImageFlow();
	opacity_1.init({ ImageFlowID:'opacity_1', opacity:true});

	var opacity_2 = new ImageFlow();
	opacity_2.init({ ImageFlowID:'opacity_2', opacity:true, opacityArray: [4,3,2,1,1] });


	/* Target Examples */
	var target_1 = new ImageFlow();
	target_1.init({ ImageFlowID:'target_1', onClick: function() { window.open(this.url, '_blank');  } });

	var target_2 = new ImageFlow();
	target_2.init({ ImageFlowID:'target_2', onClick: function() { window.open(this.url, '_blank', 'width=500,height=500,left=200,top=200');  } });


	/* Reflection Examples */
	var reflection_1 = new ImageFlow();
	reflection_1.init({ ImageFlowID:'reflection_1', reflectionGET:'&bgc=009cec' });

	var reflection_2 = new ImageFlow();
	reflection_2.init({ ImageFlowID:'reflection_2', reflectionGET:'&bgc=ffffff&fade_start=20%' });

	var reflection_3 = new ImageFlow();
	reflection_3.init({ ImageFlowID:'reflection_3', reflectionGET:'&fade_start=20%' });

	var reflection_4 = new ImageFlow();
	reflection_4.init({ ImageFlowID:'reflection_4', reflectionGET:'&height=20%', reflectionP:0.2 });

	var reflection_5 = new ImageFlow();
	reflection_5.init({ ImageFlowID:'reflection_5', reflectionPNG:true });


	/* Proportion Examples */
	var proportion_1 = new ImageFlow();
	proportion_1.init({ ImageFlowID:'proportion_1', aspectRatio:2.333, imagesHeight:0.7 });

	var proportion_2 = new ImageFlow();
	proportion_2.init({ ImageFlowID:'proportion_2', aspectRatio:3.0, imagesM:0.8, xStep: 70, percentLandscape:66, percentOther:50, imageFocusMax:3 });

	var proportion_3 = new ImageFlow();
	proportion_3.init({ ImageFlowID:'proportion_3', aspectRatio:1.618  });

	var proportion_4 = new ImageFlow();
	proportion_4.init({ ImageFlowID:'proportion_4', imageScaling:false, reflections:false, xStep:220, imageFocusMax:2 });


	/* Circular Examples */
	var circular_1 = new ImageFlow();
	circular_1.init({ ImageFlowID:'circular_1', circular:true, glideToStartID:false });

	var circular_2 = new ImageFlow();
	circular_2.init({ ImageFlowID:'circular_2', circular:true, glideToStartID:false, slider:false});

	var circular_3 = new ImageFlow();
	circular_3.init({ ImageFlowID:'circular_3',  circular:true, reflections:false, reflectionP:0.4, slider:false, captions:false, opacity:true, xStep:250, imageFocusM:1.5, startID:3 });



	/* Slideshow Examples */
	var slideshow_1 = new ImageFlow();
	slideshow_1.init({ ImageFlowID:'slideshow_1', slideshow:true});

	var slideshow_2 = new ImageFlow();
	slideshow_2.init({ ImageFlowID:'slideshow_2', slideshow:true, slideshowAutoplay:true});

	var slideshow_3 = new ImageFlow();
	slideshow_3.init({ ImageFlowID:'slideshow_3', slideshow:true, slideshowSpeed:3000, circular:true, slider:false});


	/* Highslide */
	var Highslide_1 = new ImageFlow();
	Highslide_1.init({ ImageFlowID:'Highslide_1', onClick: function() { return hs.expand(this, {src: this.getAttribute('longdesc')} ); }
	});

	var Highslide_2 = new ImageFlow();
	Highslide_2.init({ ImageFlowID:'Highslide_2', onClick: function() { return hs.expand(this, {src: this.getAttribute('longdesc'), outlineType: 'rounded-white', showCredits: false, fadeInOut:true }); } 
	});

	var Highslide_3 = new ImageFlow();
	Highslide_3.init({ ImageFlowID:'Highslide_3', onClick: function() { return hs.expand(this, {src: this.getAttribute('longdesc'), outlineType: 'rounded-white', showCredits: false, fadeInOut:true, captionText: this.getAttribute('alt')}); }
	});

});