var ImageFilter = function(){
	var ViewId = "#MainView_Area";
	var Timer;
	var html;
	var Fname;
	var Vname;
	
	// 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){
		if(control!=true){ return false; }		
		if(Vname){ Fname = Vname; }else{ return false; }				
		if(Vhtml){ html = Vhtml; }else{ return false; }		
		if(!isNaN(Vtime)){ Timer=Vtime;}		
		switch(Fname){
			case "MyFadeIn":
			case "101":
				this.MyFadeIn();
			break;
			
			case "MySlideRigthOut":
			case "102":
				this.MySlideRigthOut();
			break;
	
			case "MySlideBottomOut":
			case "103":
				this.MySlideBottomOut();
			break;
			
			case "MySlideLeftIn":
			case "104":
				this.MySlideLftIn();
			break;

			case "MySlideTopIn":
			case "105":
				this.MySlideTopIn();
			break;															
			
			case "MyFlameIn":
			case "106":
				this.MyFlameIn();
			break;
			
			case "MyFlameOut":
			case "107":
				this.MyFlameOut();
			break;		
			
			case "MyZoomIn":
			case "108":
				this.MyZoomIn();
			break;

			case "MyZoomOut":
			case "109":
				this.MyZoomOut();
			break;	

			case "MyWiperRight":
			case "110":
				this.MyWiperRight();
			break;	
	
			case "MyWiperBottom":
			case "111":
				this.MyWiperBottom();
			break;																				
			
			default:
			this.MyFadeIn();		
		}
	}
	
	this.MyWiperBottom = function(){	
		control=false;		
		if(!Timer){ Timer=3000;}	
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();
		$(ViewId+' div:eq(1)').css({'position':'absolute','top':'0px','left':'0px','height':'0px','z-index':'20','border-bottom':'2px ridge #FFFFFF'});								
		$(ViewId+' div:eq(1)').animate({
			'height':IH+'px'
		},{
			queue: true,
			duration: Timer,
			easing: "easeOutQuad",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10','border':'0px'});	
				control=true;															
			}
		});
	}	
	
	this.MyWiperRight = function(){
		control=false;		
		if(!Timer){ Timer=3000;}	
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();
		$(ViewId+' div:eq(1)').css({'position':'absolute','top':'0px','left':'0px','width':'0px','z-index':'20','border-right':'2px ridge #FFFFFF'});	
		$(ViewId+' div:eq(1)').animate({
			'width':IW+'px'
		},{
			queue: true,
			duration: Timer,
			easing: "easeOutQuad",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();	
				$(ViewId+' div:eq(0)').css({'z-index':'10','border':'0px'});	
				control=true;														
			}
		});
	}

	this.MyZoomOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}

		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		$(ViewId+' div:eq(0) img').css({'width':'100%','height':'100%'});
		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();
		ZOods =0.4;
		ZIW = IW * ZOods;
		ZIH = IH * ZOods;
		ZLP = IW * ((1-ZOods)/2);
		ZTP = IH * ((1-ZOods)/2);
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10','opacity':'1'});		
		$(ViewId+' div:eq(0)').animate({
			'opacity':'0',
			'width':ZIW+'px',
			'height':ZIH+'px',	
			'top':ZTP+'px',
			'left':ZLP+'px'		
		},{
			queue: true,
			duration: Timer,
			easing: "easeInQuad",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;												
			}
		});	
	}
		
	this.MyZoomIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}	
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}

		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();
		ZOods =0.4;
		ZIW = IW * ZOods;
		ZIH = IH * ZOods;
		ZLP = IW * ((1-ZOods)/2);
		ZTP = IH * ((1-ZOods)/2);
		$(ViewId+' div:eq(1) img').css({'width':'100%','height':'100%'});
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':ZTP+'px','left':ZLP+'px','width':ZIW+'px','height':ZIH+'px','z-index':'20','opacity':'0'});		
		$(ViewId+' div:eq(1)').animate({
			'opacity':'1',
			'width':IW+'px',
			'height':IH+'px',	
			'top':'0px',
			'left':'0px'		
		},{
			queue: true,
			duration: Timer,
			easing: "easeInQuad",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;												
			}
		});	
	}	
	
	this.MyFlameOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		$(ViewId+' div:eq(0) img').css({'width':'100%','height':'100%'});

		IW = $(ViewId+' div:eq(0)').outerWidth();		
		IH = $(ViewId+' div:eq(0)').outerHeight();
		ZOods =1.2;
		ZIW = IW * ZOods;
		ZIH = IH * ZOods;
		ZLP = IW * ((ZOods-1)/2);
		ZTP = IH * ((ZOods-1)/2);

		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});			
		$(ViewId+' div:eq(0)').animate({
			'opacity':'0',
			'width':ZIW+'px',
			'height':ZIH+'px',	
			'top':'-'+ZTP+'px',
			'left':'-'+ZLP+'px'		
		},{
			queue: true,
			duration: Timer,
			easing: "easeOutCubic",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;														
			}
		});
	}	
	
	this.MyFlameIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}	
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}

		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		

		IW = $(ViewId+' div:eq(1)').outerWidth();		
		IH = $(ViewId+' div:eq(1)').outerHeight();
		ZOods =1.2;
		ZIW = IW * ZOods;
		ZIH = IH * ZOods;
		ZLP = IW * ((ZOods-1)/2);
		ZTP = IH * ((ZOods-1)/2);
		$(ViewId+' div:eq(1) img').css({'width':'100%','height':'100%'});
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'-'+ZTP+'px','left':'-'+ZLP+'px','width':ZIW+'px','height':ZIH+'px','z-index':'20','opacity':'0'});		
		$(ViewId+' div:eq(1)').animate({
			'opacity':'1',
			'width':IW+'px',
			'height':IH+'px',	
			'top':'0px',
			'left':'0px'		
		},{
			queue: true,
			duration: Timer,
			easing: "easeInQuint",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;															
			}
		});
	}

	this.MySlideTopIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}

		$(ViewId).append('<div>'+html+'</div>');
		IH = $(ViewId+' div:eq(0)').outerHeight();
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'-'+IH+'px','left':'0px','z-index':'20','opacity':'0'});		
		$(ViewId+' div:eq(1)').animate({
			'opacity':'1',
			'top':'0px'
		},{
			queue: true,
			duration: Timer,
			easing: "easeInOutQuart",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;										
			}
		});
	}	
	
	this.MySlideLftIn = function(){
		control=false;		
		if(!Timer){ Timer=3000;}		
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		
		$(ViewId).append('<div>'+html+'</div>');
		IW = $(ViewId+' div:eq(0)').outerWidth();
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10'});		
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'-'+IW+'px','z-index':'20','opacity':'0'});		
		$(ViewId+' div:eq(1)').animate({
			'opacity':'1',
			'left':'0px'
		},{
			queue: true,
			duration: Timer,
			easing: "easeInOutQuart",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;									
			}
		});
	}	

	this.MySlideBottomOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}		
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		
		$(ViewId).append('<div>'+html+'</div>');
		IH = $(ViewId+' div:eq(0)').outerHeight();
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10','opacity':'1'});		
		$(ViewId+' div:eq(0)').animate({
			'opacity':'0',
			'top':IH*0.8+'px'
		},{
			queue: true,
			duration: Timer,
			easing: "easeInOutQuart",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});	
				control=true;					
			}
		});
	}		

	this.MySlideRigthOut = function(){
		control=false;		
		if(!Timer){ Timer=3000;}
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}	
		$(ViewId).append('<div>'+html+'</div>');
		IW = $(ViewId+' div:eq(0)').outerWidth();
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10','opacity':'1'});
		$(ViewId+' div:eq(0)').animate({
			'opacity':'0',
			'left':IW*0.8+'px'
		},{
			queue: true,
			duration: Timer,
			easing: "easeInOutQuart",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});
				control=true;																		
			}
		});
	}	

	this.MyFadeIn = function(){		
		control=false;			
		if(!Timer){ Timer=3000;}
		if($(ViewId+' div').size()==0){
			$(ViewId).wrapInner('<div></div>');
		}
		$(ViewId).append('<div>'+html+'</div>');
		$(ViewId+' div:eq(0)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'20'});		
		$(ViewId+' div:eq(1)').css({'float':'left','position':'absolute','top':'0px','left':'0px','z-index':'10','opacity':'1'});
		$(ViewId+' div:eq(0)').animate({'opacity':0},{
			queue: true,
			duration: Timer,
			easing: "easeInOutQuart",
			complete: function(){
				$(ViewId+' div:eq(0)').remove();
				$(ViewId+' div:eq(0)').css({'z-index':'10'});
				control=true;		
			}
		});
	}	
}