var ImageFilter_Combine = function(){
	var ViewId = "#MainView_Area";
	var Timer;
	var html;
	var Fname;
	var html2;
	var split;

	// controlがtrueの時に処理を開始する
	var control=false;	
	this.check_action = function(){
		return control;
	}
	
	this.set_action =function(co){
		if(co == true){
			control = true;
		}else{
			control = false;
		}
	}
	
	this.cover = function(Vname,Vhtml,Vtime,Vsplit){
		if(control!=true){ return false; }	
		if(Vname){ Fname = Vname; }else{ return false; }				
		if(Vhtml){ html = Vhtml; }else{ return false; }		
		if(!isNaN(Vtime)){ Timer=Vtime;}else{Timer="";}		
		if(!isNaN(Vsplit)){ split= Vsplit;}else{Vsplit="";}	
		
		switch(Fname){
			case "MyXAxisFadeIn":
			case "201":
				this.MyXAxisFadeIn();
			break;

			case "MyXAxisSlideTopIn":
			case "202":
				this.MyXAxisSlideTopIn();
			break;	
			
			case "MyXAxisSlideBottomOut":
			case "203":
				this.MyXAxisSlideBottomOut();
			break;				

			case "MyXAxisSlideRightIn":
			case "204":
				this.MyXAxisSlideRightIn();
			break;	

			case "MyXAxisSlideLeftIn":
			case "205":
				this.MyXAxisSlideLeftIn();
			break;	

			case "MyXAxisSlideRightOut":
			case "206":
				this.MyXAxisSlideRightOut();
			break;	
			
			case "MyXAxisSlideClose":
			case "207":
				this.MyXAxisSlideClose();
			break;				
			
			case "MyYAxisFadeIn":
			case "208":
				this.MyYAxisFadeIn();
			break;	
			
			case "MyYAxisSlideLeftIn":
			case "209":
				this.MyYAxisSlideLeftIn();
			break;	
			
			case "MyYAxisSlideRightOut":
			case "210":
				this.MyYAxisSlideRightOut();
			break;		

			case "MyYAxisSlideTopIn":
			case "211":
				this.MyYAxisSlideTopIn();
			break;	
			
			case "MyYAxisSlideBottomtOut":
			case "212":
				this.MyYAxisSlideBottomtOut();
			break;	
			
			case "MyYAxisSlideClose":
			case "213":
				this.MyYAxisSlideClose();
			break;																		

			case "MyXAxisScaleDown":
			case "214":
				this.MyXAxisScaleDown();
			break;	
	
			case "MyYAxisScaleDown":
			case "215":
				this.MyYAxisScaleDown();
			break;
																						
			default:
			this.MyXAxisFadeIn();		
		}
	}

	this.MyYAxisScaleDown = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}	
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'15'});			
		}
		
		$(ViewId+' div:eq(0)').css({'z-index':'5'});
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/y_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'width':'0px',
				'left':IW/2+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}		
	
	this.MyXAxisScaleDown = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'15'});			
		}
		$(ViewId+' div:eq(0)').css({'z-index':'5'});
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'height':'0px',
				'top':IH/2+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}	

	this.MyYAxisSlideClose = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'15'});			
		}
		
		$(ViewId+' div:eq(0)').css({'z-index':'5'});
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/y_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'height':'0px',
				'top':IHS*i+(IHS/2)+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}	
	
	this.MyYAxisSlideBottomtOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'15'});			
		}
		
		$(ViewId+' div:eq(0)').css({'z-index':'5'});
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/y_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'top':IH+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}		
	
	this.MyYAxisSlideTopIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}	
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'-'+IHS+'px','left':'0px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'-'+IHS+'px','left':'0px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）
		TimeInterval = Math.ceil(Timer*0.8/y_split);
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1',
				'top': IHS*i+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}		

	this.MyYAxisSlideRightOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'15'});			
		}
		$(ViewId+' div:eq(0)').css({'z-index':'5'});				
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/y_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'left':IW+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}	
	
	this.MyYAxisSlideLeftIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'-'+IW+'px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'-'+IW+'px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）
		TimeInterval = Math.ceil(Timer*0.8/y_split);
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1',
				'left':'0'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}		

	this.MyYAxisFadeIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){y_split =5;}else{y_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IHS = Math.ceil(IH/y_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<y_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==y_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IH-(IHS*i)+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':IHS*i+'px','left':'0px','width':IW+'px','height':IHS+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'-'+IHS*i+'px','left':'0px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）
		TimeInterval = Math.ceil(Timer*0.8/y_split);
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=y_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;					
					}
				}
			});		
			i= i+1;
			if(i>=y_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);
	}	

	this.MyXAxisSlideClose = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'15'});			
		}
		$(ViewId+' div:eq(0)').css({'z-index':'5'}	);
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'width':'0px',
				'left':IWS*i+(IWS/2)+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}	

	this.MyXAxisSlideRightOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		
		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'15'});			
		}
		$(ViewId+' div:eq(0)').css({'z-index':'5'});
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'left':IW+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);			
	}	

	this.MyXAxisSlideLeftIn = function(){
		control=false;			
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}		
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':'-'+IWS+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':'-'+IWS+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1',
				'left':IWS*i+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;
					}
				}
			});		
			i= i+1;
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);
	}	
	
	this.MyXAxisSlideRightIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IW+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IW+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1',
				'left':IWS*i+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;
					}
				}
			});		
			i= i+1;
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);
	}	

	this.MyXAxisSlideBottomOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}			
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();	
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		html2 = $(ViewId+' div:eq(0)').html();
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html2+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'15','opacity':'1'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'15'});			
		}
		$(ViewId+' div:eq(0)').css({'z-index':'5'}	);
			
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		
		timerViewId = setInterval(function(){
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'0',
				'top':IH+'px'
			},{
				queue: true,
				duration: Timer,
				easing: "easeInCubic",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(2)').remove();					
						$(ViewId+' div:eq(0)').remove();						
						control=true;						
					}
				}
			});		
			i= i+1;
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);		
	}	
	
	this.MyXAxisSlideTopIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}				
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'-'+IH+'px','left':IWS*i+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'-'+IH+'px','left':IWS*i+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）	
		TimeInterval = Math.ceil(Timer*0.8/x_split);		
		Timer = TimeInterval *0.8;
		timerViewId = setInterval(function(){
						Timer = Timer * 0.8;
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1',
				'top':'0'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;
					}
				}
			});		
			i= i+1;						
			if(i>=x_split){
				clearInterval(timerViewId);			
			}	
		},TimeInterval);
	}	
	
	this.MyXAxisFadeIn = function(){			
		control=false;		
		if(!Timer){ Timer=3000;}
		if(!split){x_split =5;}else{x_split = split;}				
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		//最初の画像
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		
		//最終表示画像
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'5'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();	
		
		//フィルター時の画像インスタンス分割数
		IWS = Math.ceil(IW/x_split);
		$(ViewId).append('<div></div>');
		
		var i=0;
		for(i=0;i<x_split;i++){
			$(ViewId+' div:eq(2)').append('<div>'+html+'</div>');	
			if(i==x_split-1){
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IW-(IWS*i)+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});
			}else{
				$(ViewId+' div:eq(2) div:eq('+i+')').css({'position':'absolute','top':'0px','left':IWS*i+'px','width':IWS+'px','height':IH+'px','overflow':'hidden','z-index':'20','opacity':'0'});	
			}
			$(ViewId+' div:eq(2) div:eq('+i+') img').css({'position':'absolute','top':'0px','left':'-'+IWS*i+'px','z-index':'20'});			
		}
		
		i= 0;
		//処理時間（最大時間の８０％で処理を完了する）
		TimeInterval = Math.ceil(Timer*0.8/x_split);
		Timer = TimeInterval *0.8;		
		timerViewId = setInterval(function(){
			Timer = Timer * 0.9;
			$(ViewId+' div:eq(2) div:eq('+i+')').animate({
				'opacity':'1'
			},{
				queue: true,
				duration: Timer,
				easing: "easeOutQuad",
				complete: function(){
					if(i>=x_split){
						$(ViewId+' div:eq(0)').remove();					
						$(ViewId+' div:eq(1)').remove();						
						control=true;							
					}
				}
			});		
			i= i+1;					
			if(i>=x_split){
				clearInterval(timerViewId);					
			}	
		},TimeInterval);		
	}	
	
}