var imgArray = new Array(
		'img_visual/visual_1.jpg',
		'img_visual/visual_2.jpg',
		'img_visual/visual_3.jpg',
		'img_visual/visual_4.jpg',
		'img_visual/visual_5.jpg',
		'img_visual/visual_6.jpg',
		'img_visual/visual_7.jpg',
		'img_visual/visual_8.jpg'
		);


function init(){
	jQuery.addCommand.define(); 
	addCommand(
		Prop(jQuery("#opening"), { display: "block", opacity: 0 }), 
		Prop(jQuery("#brandIndex ul"), { display: "block", opacity: 0 }), 
		Prop(jQuery("#visual"), { display: "block", opacity: 0, top:"-30px",left:"-30px" }), 
		DoTweener(jQuery("#opening"), {  
				opacity: 1
			}, 4000, "easeOutCubic", function() {
			}, 0  
		),
		[
			DoTweener(jQuery("#opening"), {  
					opacity: 0
				}, 2000, "easeOutCubic", function() {
				}, 0  
			),
			DoTweener(jQuery("#brandIndex ul"), {  
					opacity: 1
				}, 2000, "easeOutCubic", function() {
				}, 0  
			),
			DoTweener(jQuery("#visual"), {  
					opacity: 1, top:"0px",left:"0px"
				}, 1000, "easeOutQuad", function() {
				}, 0  
			)
		],
		function() {
			slideStart();
		}
	);  

}

function slideStart(){
	var firstImg = imgArray[0];
	imgArray.push(firstImg);
	imgArray.shift();

	jQuery('#slideshow').Slides({
		images : imgArray,
		wait : 0,
		pause : 4000,
		fade : 600
	});
}