/*
	MooRevolver v0.2 - A simple Image revolver control built upon mooTools
	by Med - MIT-style license.
	
	Code adapted from jMaki (https://ajax.dev.java.net/samples/)

*/

var MooRevolver = new Class({
	initialize: function(element, options){
		this.setOptions({
			//全体のPADDING
			"pad":80,
			//
			"border":0,
			//オブジェクト全体のY座標をシフト
			"yRadius":-315,
			"arrowLeft":null,
			"arrowRight":null,
			//
			"fxDuration": 900,
			"fxTransition": Fx.Transitions.Sine.easeInOut,
			"fade":false
		}, options);
				
		if($(element)){
		
			if($(this.options.arrowLeft)) {
				$(this.options.arrowLeft).addEvent("click", (function(e){
					new Event(e).stop();
					this.getPrevious();
				}).bind(this));
			}
				
			if($(this.options.arrowRight)) {
				$(this.options.arrowRight).addEvent("click", (function(e){
					new Event(e).stop();
					this.getNext();
				}).bind(this));
			}
			
			this.processing = false;
			this.containerSize = $(element).getSize();
			this.xRadius = (this.containerSize.size.x / 2) - this.options.pad;
			this.yRadius = this.options.yRadius;
			this.centerX = (this.containerSize.size.x / 2);
			//オブジェクト全体のY座標をシフト
			this.centerY = 315;
						
			this.items = $(element).getChildren();
			this.totalItems = this.items.length;
			
			this.points = [];
			this.positions = [];
			this.sizes = [];
			this.zIndexes = [];
			this.opacities = [];
						
			for(var i = 0; i < this.totalItems; i++){
				this.points.push(i * (360 / this.totalItems));
				var pt = this.getElipticalPoint(this.points[i]);
				
				this.items[i].setStyles({
					"left": pt.x,
					"top": pt.y
				});
				
				this.processItem(i, this.points[i]);
			}
			
			this.reposition();
			
		} else {
			return;
		}
	},
	
	getNext: function(){
		if (!this.processing) {
			this.processing = true;
			this.rotate(true);
		}
	},
	
	getPrevious: function(){
		if (!this.processing) {
			this.processing = true;
			this.rotate(false);
		}
	},
	
	rotate: function(forward){
		if(!this.processing) return;

		if(forward){
			this.items.push(this.items.shift());
		} else {
			this.items.unshift(this.items.pop());
		}
		
		var fxArray = [];
		
		for(var i = 0; i < this.totalItems; i++){
			var myEffects = this.items[i].effects({"duration": this.options.fxDuration, "transition": this.options.fxTransition});
			fxArray.push(myEffects);
			if(this.options.fade) {
				myEffects.start({"opacity": this.opacities[i], "top": this.positions[i].y, "left": this.positions[i].x, "width": this.sizes[i].x, "height": this.sizes[i].y});
			} else {
				myEffects.start({"top": this.positions[i].y, "left": this.positions[i].x, "width": this.sizes[i].x, "height": this.sizes[i].y});
			}
			this.items[i].setStyle("z-index", this.zIndexes[i]);
		}
		
		var g = new Group(null);
		g.initialize.apply(g, fxArray);
		g.addEvent("onComplete", (function(){ this.processing = false; }).bind(this));
	},
	
	reposition: function() {
		for (var _l = 0; _l < this.totalItems; _l++) {		
			var pt = this.getElipticalPoint(this.points[_l]);
			this.positions.push({x: pt.x - ((this.items[_l].getSize().size.x + this.options.border) / 2), y: pt.y});
			
			this.items[_l].setStyles({
				"left": this.positions[_l].x,
				"top": this.positions[_l].y
			});
		}
	},
	
	getElipticalPoint: function(_d) {
	
		if(_d > 180){
			_d += 360;
		}
		_d /= 2;
		_d_x = _d - 0;

		var user_agent = navigator.userAgent;
		
		
		//IE6のみ回転の調整
		if(user_agent.match('MSIE 6')){
		_d = _d + 0.3;
		}

		var rad_x = _d_x * (Math.PI / 180);
		var rad_y = _d * (Math.PI / 180);

		var _x = this.centerX + this.xRadius * Math.sin(rad_x);
		


		//■■InternetExplorer6対策　オブジェクト座標を強制的に設定■■
		
		if(user_agent.match('MSIE 6') && _x > 550 && _x < 800){
		
		//右から2番目のオブジェクトX座標
		_x = 720;
		
		}else if(user_agent.match('MSIE 6') && _x >= 800){

		//一番右のオブジェクトX座標		
		_x = 860;
		
		}

		
		var _y = this.centerY + this.yRadius * Math.cos(rad_y);
		
		//■■オブジェクトY座標を強制的に調整■■
		if((_x > 100 && _x < 450)||(_x > 550 && _x < 800)){
		
		//右から2番目のオブジェクトX座標
		_y += 42;
		
		}


//		tmp = _d;
//			if(_d > 300){
//				tmp = (_d -360)* -1;
//			}
		
//		var _y = 200;

		return {x : _x, y : _y};

	},
	
	processItem: function(_i, deg) {
		var size = 1;      
		
		if (deg >= 0 && deg < 180) {
			size = (180 - deg) / 180;
		} else if (deg >= 180 && deg <= 360) {
			size = (deg - 180) / 180;
		}
		this.scaleItem(_i, size);
		this.items[_i].setStyle("z-index", (size * 100).round());
		this.zIndexes.push((size * 100).round());
	},
	
	scaleItem: function(_i, percentage) {
		if(percentage == 0) percentage = 0.1;
		
		var _x = ((this.items[_i].getSize().size.x + this.options.border) * percentage);
		var _y = ((this.items[_i].getSize().size.y + this.options.border) * percentage);
		
		this.sizes.push({x: _x, y: _y});
		//最前面のオブジェクト以外は、より薄くする。
		var par_alpha = percentage;
		if(par_alpha < 0.95){
		//後ろの透過率を変更 基準１で通常
			par_alpha /= 1;
		}
		this.opacities.push(par_alpha);
	
		this.items[_i].setStyles({
			"width": _x,
			"height": _y,
			"opacity": this.options.fade ? percentage : 1
		});
	}
});

MooRevolver.implement(new Options);


	window.addEvent("load", function(){
		var revolver1 = new MooRevolver("revolverContainer1", { 
			"fxTransition": Fx.Transitions.Bounce.easeOut,
			"arrowLeft":"prev1",
			"arrowRight":"next1"
		});
		
		var revolver2 = new MooRevolver("revolverContainer2", { "fade": true});
		
		$("next2").addEvent("click", function(e){
//			flv_dis();
			new Event(e).stop();
			revolver2.getNext();
		});
		
		$("prev2").addEvent("click", function(e){
//			flv_dis();
			new Event(e).stop();
			revolver2.getPrevious();
		});
		
		$("next3").addEvent("click", function(e){
//			flv_dis();
			new Event(e).stop();
			revolver2.getNext();
		});
		
		$("prev3").addEvent("click", function(e){
//			flv_dis();
				myTimer = $clear(myTimer); 
			new Event(e).stop();
			revolver2.getPrevious();
		});
		
		var rev_speed = 8000;
		
		var myTimer = revolver2.getPrevious.periodical(8000, revolver2);
		
//		$("rev_start").addEvent("click", function(e){
//			if(!myTimer){
//				flv_dis();
//				new Event(e).stop();
//				myTimer = revolver2.getNext.periodical(rev_speed, revolver2);
//			}
//		});
		
//		$("rev_stop").addEvent("click", function(e){
//			flv_dis();
//			new Event(e).stop();
//			myTimer = $clear(myTimer); 
//			myTimer = ''; 
			
//		});
		

		
		MM_preloadImages('images_dct/03.jpg');
	});
	

// function flv_dis(){
// 	var html001 = '<a href="Media/"><img src="images_dct/bnr_menu/03.jpg" border="0" /></a>';
// 	document.getElementById('p_btn').innerHTML = html001;
// }