var ContFilms = function(){
	this.name = "news";
	this.img = null;
	this.tr = 0;
	this.onoff = "on";
	this.func = function(){
	}
	this.preset = function(){
		$("#content-portfolio").css("position","absolute");
		$("#content-portfolio").css("top",($(window).height()-75-42) + "px");
	}
	this.initialize = function(){
		//最新記事取得
		categorylist = $(".category-list li");
		$("#bc").css("opacity",0);
		$("#bc").show();
		for( i=0; i < categorylist.length; i ++ ){
			$(categorylist[i]).find("a").click( function(){
				S.playclick();
				$(this).attr("disabled","disabled");
				P.cont.setCategoryBtn();
				$("#pane").animate( { opacity:0 }, 500  ,"easeOutCubic" , function(){
				} );
				href = $(this).attr("href");
				P.cont.load(href);
				return false;
			} )
		}
		target = $(categorylist[0]).find("a");
		this.load(target.attr("href"));
		target.attr("disabled","disabled");
		$("#pane").css( "opacity", 0 );
		$("#content-portfolio").css( "marginTop", "77px" );
		
		$(window).resize( this.onresize );
		P.cont.setCategoryBtn();
		$("#content-portfolio").delay(10).animate( { marginTop:"0px" }, 1000  ,"easeOutQuart" , P.cont.setThumbViewHide );
		$("#container").delay(2500).mousemove();
		
		//

		$("#content-portfolio").css( { zIndex:12 } );
	}
	this.setThumbViewHide = function(){
		$("#container").bind( "mousemove" , P.cont.thumbViewHide );
	}
	this.thumbViewHide = function( e ){
		var old = P.cont.onoff;
		if(e.clientY > $(window).height() - 150 ){
			//ON
			P.cont.onoff = "on";
			if( old != P.cont.onoff ){
				$("#content-portfolio").stop();
				$("#content-portfolio").animate( { marginTop:"0px" }, 500  ,"easeOutQuart" );
			}
		}else{
			//OFF
			P.cont.onoff = "off";
			if( old != P.cont.onoff ){
				$("#content-portfolio").stop();
				$("#content-portfolio").animate( { marginTop:"77px" }, 1000  ,"easeOutQuart" );
			}
		}
	}
	this.thumbView = function(){
		var old = P.cont.onoff;
		P.cont.onoff = "on";
		if( old != P.cont.onoff ){
			$("#content-portfolio").stop();
			$("#content-portfolio").animate( { marginTop:"0px" }, 500  ,"easeOutQuart" );
		}
	}
	this.onresize = function( e ){
		if(P.cont.img){
			var canvas = document.getElementById("bc");
			
			
				$(canvas).width( $(window).width() );
				var scaleX = $(canvas).width() / F.getActualDimension(P.cont.img).width;
				$(canvas).height( F.getActualDimension(P.cont.img).height*scaleX );
				
				if($(canvas).height() > $(window).height() ){
					$(canvas).height( $(window).height() );
					var scaleY = $(canvas).height() / F.getActualDimension(P.cont.img).height;
					$(canvas).width( F.getActualDimension(P.cont.img).width*scaleY );
				}
				if($(canvas).width() > $(window).width() ){
					$(canvas).width( $(window).width() );
					var scaleX = $(canvas).width() / F.getActualDimension(P.cont.img).width;
					$(canvas).height( F.getActualDimension(P.cont.img).height*scaleX );
				}
			
			
			
			
			
			/*if( $(canvas).height() < $(window).height() ){
				$(canvas).height( $(window).height() );
				var scaleY = $(canvas).height() / F.getActualDimension(P.cont.img).height;
				$(canvas).width( F.getActualDimension(P.cont.img).width*scaleY );
				
			}*/
			$(canvas).css( { "top":( $(window).height() - $(canvas).height() ) / 2 , "left":( $(window).width() - $(canvas).width() ) / 2 } );
			
			
		}
		$("#thumbnail-container").width( $(window).width() - $("#selector").width() - $("#category-name").width() - 80 );
		$("#content-portfolio").css("position","absolute");
		$("#content-portfolio").css("top",($(window).height()-75-42) + "px");
	}
	this.loadImage = function( href ){
		P.loading();
		if(!$("#video")){
			var video = document.createElement('video');
			$(video).attr("id") = "video";
		}
		$("#video").unbind();
		/*$("#video").bind("canplay", function() {
			console.log("canplayしました")
			var video = $("#video").get(0);
			video.play();

		}, true);*/
		$("#video").delay(10).animate( { opacity:0 }, 500 ,"easeOutCubic",function(){
			var video = $("#video").get(0);
			video.src = href;
			video.load();
			video.play();
			P.cont.loadedImage();
		} );
	}
	this.loadedImage = function( ){
		P.cont.onresize();
		P.loaded();
		var video = $("#video").get(0);
		$("#video").delay(10).animate( { opacity:1 }, 500 ,"easeOutCubic" );

			//左右ボタン
		if( !document.getElementById("btncontainer") ){
			var div = $( document.createElement( "div" ) );
			div.attr( "id","btncontainer" );
			div.css( { position:"absolute" , width:"100%" , height:"100%" , zIndex:1 } );
			
			var divinner = $( document.createElement( "div" ) );
			divinner.attr( "id","btncontainer" );
			divinner.css( { position:"relative" , width:"100%" , height:"97px" , top:"50%" , marginTop:"-43px" , zIndex:11 ,  } );
			
			var imgR = new Image();
			imgR.src = "./media/images/r.gif";
			$(imgR).css( { "float":"right" , "cursor":"pointer" , "opacity":0.5 } );
			$(imgR).mouseover( P.cont.arrowhover );
			$(imgR).mouseout( P.cont.arrowout );
			$(imgR).click( P.cont.next );
			divinner.append( $(imgR) );
			
			var imgL = new Image();
			imgL.src = "./media/images/l.gif";
			$(imgL).css( { "float":"left" , "cursor":"pointer" , "opacity":0.5 } );
			$(imgL).mouseover( P.cont.arrowhover );
			$(imgL).mouseout( P.cont.arrowout );
			$(imgL).click( P.cont.prev );
			divinner.append( $(imgL) );
			
			div.append( divinner );
			$("#container").append( div );
			
		}

	}
	this.imgindex = 0;
	this.next = function(){
		S.playclick();
		P.cont.imgindex++;
		if(!P.cont.thumblist[P.cont.imgindex]) P.cont.imgindex = 0;
		P.cont.imgload(P.cont.thumblist[P.cont.imgindex])
	}
	this.prev = function(){
		S.playclick();
		P.cont.imgindex--;
		if(!P.cont.thumblist[P.cont.imgindex]) P.cont.imgindex = P.cont.thumblist.length-1;
		P.cont.imgload(P.cont.thumblist[P.cont.imgindex])
	}
	this.imgload = function( t ){
		$(t).attr("disabled","disabled");
		var href = $(t).attr("href");
		var post_content = $(t).attr("title");
		P.cont.loadImage(href);
		$("#post-content").html(post_content);
		$(t).find("img").css("opacity","0.5");
		$(t).attr("disabled","disabled");
		P.cont.setbtn();
	
	}
	this.load = function( href ){
		$("#pane").load( href + " #page" ,{} , P.cont.contLoaded);
	}
	this.thumblist = new Array();
	this.thumbSet = function(){
		P.cont.thumblist = new Array();
		P.cont.imgindex = 0;
		P.cont.setbtn();
		P.cont.tr = 0;
		$(".thumbeffect").each(function(){
			P.cont.tr += $($(this).find("img")).width();
			P.cont.thumblist.push( $(this) );
		});
		$("#thumbnail-container").width( $(window).width() - $("#selector").width() - $("#category-name").width() - 80 );
		$("#thumbnail-list").width(P.cont.tr);
		$("#thumbnail-list").css("overflow","hidden");
		//$("#thumbnail-list").css("position","absolute");
		
		if( P.OS == "iPad" || P.OS == "iPhone"){
			document.getElementById("thumbnail-container").addEventListener( "touchstart" , P.cont.startTouch );
			document.getElementById("thumbnail-container").addEventListener( "touchend" , P.cont.endTouch );
			document.getElementById("thumbnail-container").addEventListener( "touchmove" , P.cont.touchEvt );
			P.cont.thumbView();
		}else{
			$("#thumbnail-container").mousemove( function( e ){
				var x = Math.round(e.clientX - $(this).offset().left);
				if(x%2 == 0){
					var per = x/$("#thumbnail-container").width();
					/*var permin = Math.min( 1 , x/($("#thumbnail-container").width()-100));
					var permax = Math.max( 0 , (x-100)/($("#thumbnail-container").width()));
					if( per > 0.5 ){
						perexec = permin;
					}else{
						perexec = permax;
					}*/
					perexec = per;
					var trgx = perexec*($("#thumbnail-list").width() - $("#thumbnail-container").width() );
					$("#thumbnail-list").stop();
					$("#thumbnail-list").animate( { "marginLeft":"-" + trgx + "px" }, 500 ,"easeOutCubic" );
				}
			});
			P.cont.imgload(P.cont.thumblist[0])
		}
	}
	this.touchpoint = null;
	this.endTouch = function( evt ){
		P.cont.touchpoint = null;
		//document.getElementById("thumbnail-container").removeEventListener( "touchmove" , P.cont.touchEvt);
	}
	this.startTouch = function( evt ){
		var e = evt.touches[0];
		P.cont.touchpoint = e.clientX;
		//document.getElementById("thumbnail-container").addEventListener( "touchmove" , P.cont.touchEvt);
	}
	this.touchEvt = function( evt ){
		if(P.cont.touchpoint){
			var e = evt.touches[0];
			var x = e.clientX;
			var gap = P.cont.touchpoint - e.clientX;
			var marginleft = ($("#thumbnail-list").css("marginLeft").replace("px",""));
			var trgX = Math.max(Math.min( 0 , Math.round(marginleft - gap)),0-$("#thumbnail-list").width()+$("#thumbnail-container").width());
			//$("#thumbnail-list").css( { "marginLeft":"-" + marginleft - gap + "px" });
			$("#thumbnail-list").stop();
			$("#thumbnail-list").animate( { "marginLeft": trgX + "px" }, 500 ,"easeOutCubic" );
		}
	}

	this.contLoaded = function(){
		$(".thumb a img").load( function(){
			$(this).animate( { "opacity":1 }, 500 ,"easeOutCubic" , function(){
				$(this).parent().parent().css("background","#fff");
			});
		});
		P.cont.onresize();
		$("#pane").delay(10).animate( { opacity:1 }, 1000  ,"easeOutCubic" ,function(){
		});
		P.cont.thumbSet();
	}

	this.setCategoryBtn = function(){
		$(".btneffect").each(function(){
			$(this).unbind('mouseover', P.cont.arrowhover);
			$(this).unbind('mouseout', P.cont.arrowout);
			if( $(this).attr("disabled") == "disabled" ){
				$(this).attr("disabled","");
				$(this).css("cursor","default");
				$(this).css("opacity",1);
			}else{
				$(this).css("opacity","1");
				//$(this).find("img").css("opacity","1");
				$(this).bind('mouseover', P.cont.arrowhover);
				$(this).bind('mouseout', P.cont.arrowout);
				$(this).css("cursor","pointer");
				$(this).css("opacity",0.5);
			}
		});
	}
	this.setbtn = function(){
		var up = "click";
		if ('createTouch' in document) {
			up ="touchend";
		}
		$(".thumbeffect").each(function(){
			$(this).stop();
			$(this).unbind();
			$(this).unbind(up);
			if( $(this).attr("disabled") == "disabled" ){
				$(this).find("img").css("opacity","0.5");
				$(this).attr("disabled","");
				$(this).bind(up, P.cont.nullaction );
				$(this).css("cursor","default");
			}else{
				$(this).css("opacity","1");
				//$(this).find("img").css("opacity","1");
				$(this).bind(up, P.cont.thumbclick );
				$(this).bind('mouseover', P.cont.thumbhover);
				$(this).bind('mouseout', P.cont.thumbout);
				$(this).css("cursor","pointer");
			}
		});
	}
	this.arrowout = function(){
		$(this).stop();
		$(this).fadeTo(500, 0.5);
	}
	this.arrowhover = function(){
		$(this).stop();
		$(this).fadeTo(500, 1.0);
		S.playhover();
	}
	this.thumbhover = function(){
		$(this).stop();
		$(this).fadeTo(500, 0.5);
		S.playhover();
	}
	this.thumbout = function(){
		$(this).stop();
		$(this).fadeTo(500, 1.0);
	}
	this.nullaction = function(){
		return false;	
	}
	this.thumbclick = function( evt ){
		var video = $("#video").get(0);
		video.play();
		//S.playclick();
		$(this).attr("disabled","disabled");
		var href = $(this).attr("href");
		var post_content = $(this).attr("title");
		P.cont.loadImage(href);
		$("#post-content").html(post_content);
		$(this).find("img").css("opacity","0.5");
		$(this).attr("disabled","disabled");
		P.cont.setbtn();
		var i = 0;
		$(".thumbeffect").each(function(){
			if( href == $(this).attr("href") ) P.cont.imgindex = i;
			i++;
		});
		return false;
	}
	
}