var ContPhotography = 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();
		$("#bc").delay(10).animate( { opacity:0 }, 500 ,"easeOutCubic",function(){
			P.cont.img = new Image();
			P.cont.img.src = href;
			$(P.cont.img).load(function() {
				P.cont.loadedImage( P.cont.img )
			})
			.error(function() {
				//alert('error');
			})
			.attr('src', href); 
		
		} );
	}
	this.loadedImage = function( img ){
		var canvas01 = document.getElementById("bc");
		var context01 = canvas01.getContext('2d');
		context01.clearRect(0, 0, canvas01.width, canvas01.height);
		$(canvas01).attr("width",F.getActualDimension(img).width);
		$(canvas01).attr("height",F.getActualDimension(img).height);
		context01.drawImage(img, 0, 0);
		$(canvas01).css( { opacity:0 } );
		$(canvas01).css( { zIndex:5 } );
		$("#bc01").fadeTo( 0 , 500 ).hide();
		$("#bc02").fadeTo( 0 , 500 ).hide();
		$(canvas01).delay(10).animate( { opacity:1 }, 500 ,"easeOutCubic" ,function(){
		});
		P.cont.onresize();
		P.loaded();
		
		
		
		//左右ボタン
		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();
					
					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;
	}
	this.startTouch = function( evt ){
		var e = evt.touches[0];
		P.cont.touchpoint = e.clientX;
	}
	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(){
		$(".thumbeffect").each(function(){
			$(this).unbind('click', P.cont.thumbclick);
			$(this).unbind('mouseover', P.cont.thumbhover);
			$(this).unbind('mouseout', P.cont.thumbout);
			if( $(this).attr("disabled") == "disabled" ){
				$(this).attr("disabled","");
				$(this).bind("click", P.cont.nullaction );
				$(this).css("cursor","default");
			}else{
				$(this).unbind("click", P.cont.nullaction );
				$(this).css("opacity","1");
				$(this).find("img").css("opacity","1");
				$(this).bind("click", 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(){
		//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;
	}
	
}