$(function() {

	var iPhoneFlag=false;
	var agent = navigator.userAgent;
	if(agent.search(/iPhone/) != -1){
 		iPhoneFlag=true;
	}
	$("#fade").hide();
	$("#dialog").hide();
	adjustLayout();
	if(iPhoneFlag)adjustiPhone();
	adjustLanguage();


	$(window).resize(function () {
		adjustLayout();
	});

	$(window).scroll(function () {
		adjustLayout();
	});
	
	//============ Vimeo
		
	$(".vimeobutton").live("click",function(event){	
		var url=$(this).attr("link");
		var w=$(window).width()*.8;
		var h=$(window).height()*.8;
		var html="<iframe class='vimeoDialog' src='http://player.vimeo.com/video/"+url+"?title=0&amp;byline=0&amp;portrait=0' width='"+w+"' height='"+h+"' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>";
		
		beginDialog(222,w,h,html);
		
	});	
	
/* 	$(".chapterPic").live("click",function(event){	 */
	//============ Image
	$(".chapterPic").live("click",function(event){	
			var url=$(this).attr("link");
			var w=$(this).attr("width");
			var h=$(this).attr("height");
			if(url){
				var url="<img id='dialogImg' width='100%' src='"+url+"'>";
				beginDialog(222,w,h,url);
			}
	});	
	
	
	$(".article .photo").live("click",function(event){	
			var url=$(this).attr("link");
			var w=$(this).attr("width");
			var h=$(this).attr("height");

			if(url){
				var url="<img id='dialogImg' width='100%' src='"+url+"'>";
				beginDialog(222,w,h,url);
			}
	});	


	$(".linkButtonPic").live("click",function(event){	
			var url=$(this).attr("link");
			var w=$(this).attr("width");
			var h=$(this).attr("height");

			if(url){
				var url="<img id='dialogImg' width='100%' src='"+url+"'>";
				beginDialog(222,w,h,url);
			}
	});	
	
	

	function beginDialog(s,w,h,url){
		$("#fade").show();
		
		$("#dialog").css("width",w);
		$("#dialog").css("height",h);
		$("#dialog").attr("width",w);
		$("#dialog").attr("height",h);
		adjustLayout();
		$("#dialog").html(url);
/* 		$("#dialog").css("backgroundImage","url("+url+")"); */
		$("#dialog").show();
		
	}
	
	
	function endDialog(){
		$("#fade").hide();
		$("#dialog").hide();
		
	}
	
	
	$("#fade").live("click",function(event){	
		endDialog()
	});	
	
	
	
	function adjustLayout(){
		var w=parseInt($(window).width());
		var h=$(window).height();
		var hh=$(document).height();
		var y=$(window).scrollTop();


		$("#fade").css("width",w);
		$("#fade").css("height",hh);
		
		
	/*=============ダイアログ調整*/
		var pw=$("#centering").width();
/* 		$("#centering").css("left",w/2-pw/2); */
		
		var pw=$(".viewButtonGroup").width();
		$(".viewListButton").css("left",pw/2-100/2);

/* 		$("#home").css("left",w/2-pw/2-80); */
		
		var imgW=parseInt($("#dialog").attr("width"));
		var imgH=parseInt($("#dialog").attr("height"));

		if(imgW>w){
				var d=imgH/imgW;		
				$("#dialog").css("width",w-50);
				$("#dialog").css("height",(w-50)*d);
		}else{
			if(imgH>h){
				var d=imgW/imgH;		
				$("#dialog").css("height",h-50);
				$("#dialog").css("width",(h-50)*d);
			}
		}


		var dw=$("#dialog").width();
		var dh=$("#dialog").height();
		


		if(dh>h-50){
				var d=dw/dh;		
				$("#dialog").css("height",h-50);
				$("#dialog").css("width",(h-50)*d);
		}

		var dw=$("#dialog").width();
		var dh=$("#dialog").height();
		
		$(".vimeoDialog").css("height",dh);
		$(".vimeoDialog").css("width",dw);


		$("#dialog").css("left",w/2-dw/2);
		$("#dialog").css("top",h/2-dh/2+y);
		
		
		
/* 		$("#blog").css("top",y+40); */
/* 		$("#blog").css("left",w/2-600/2+160); */
	}
	
	
	
	
	/*======================================== 言語調整*/
	function adjustLanguage(){
		var url=document.URL;
		var urlEx = url.split("/");
		var file=urlEx[urlEx.length-1];
		var fileEx = file.split("?");
		var fileName=fileEx[0];
		
		
		var ref=fileEx[1];
		if(ref){
			var refEx = ref.split("=");
			var refData=refEx[1];
			var refDataEx = refData.split("-");
		}else{
			var refDataEx = new Array(3);
			
			if(fileName=="index.php"){
				refDataEx[0]="ja";
			}
			if(fileName=="project.php"){
				refDataEx[0]="voyage";
				refDataEx[0]="ja";
			}
		}
		
		var lang="";
		var mode="";
		var path="";
		
		if(fileName=="" || fileName=="index.php"){
			lang=refDataEx[0];
			mode="";
			path="src/";
		}
		
		if(fileName=="project.php"){
			lang=refDataEx[1];
			mode=refDataEx[0]+"-";
			projectName=refDataEx[0];
		}
		
		if(fileName=="browse.php"){
			lang=refDataEx[1];
			mode=refDataEx[0]+"-";
			projectName=refDataEx[0];
		}

		if(lang=="")lang="ja";
		if(lang==undefined)lang="ja";
		
		var jk="off";
		var ja="off";
		var en="off";
		if(lang=="jk")jk="on";
		if(lang=="ja")ja="on";
		if(lang=="en")en="on";
		
		var html;
		html="<a href=\""+fileName+"?ref="+mode+"jk\" id=\"jk\" class=\"languageButton\"><img src=\""+path+"data/img/assets/jk-"+jk+".png\" width=\"100%\"/></a>";
		html+="<a href=\""+fileName+"?ref="+mode+"ja\" id=\"ja\" class=\"languageButton\"><img src=\""+path+"data/img/assets/ja-"+ja+".png\" width=\"100%\"/></a>";
		html+="<a href=\""+fileName+"?ref="+mode+"en\" id=\"en\" class=\"languageButton\"><img src=\""+path+"data/img/assets/en-"+en+".png\" width=\"100%\"/></a>";

		$("#languageBox").html(html);
		
		
		var ptext;
		ptext="<a href=\""+path+"project.php?ref=profile-"+lang+"\" class=\"languageButton\"><img src=\""+path+"data/img/assets/profile-"+lang+".png\" height=\"100%\"/></a>";

		$("#profileBox").html(ptext);
		
		var title;
		if(lang=="jk")title="みらいはずがこうさく";
		if(lang=="ja")title="未来派図画工作";
		if(lang=="en")title="Zugakousaku";
		$("title").html(title);
		
		
		
		
		
		if(iPhoneFlag && fileName=="project.php"){
				 
			$(".chapterPicTitle").each(function(){
				$(this).html("<img src='data/img/title/"+projectName+".png' width='100%'>"); 
		  });



		}
		
		if(iPhoneFlag && fileName=="listup.php"){
				$(".photo").each(function(){
				var $img = $(this).children();
				$img.css("left","-320px"); 
		  });
	
		}
			
		
		
	}
	
	

	function adjustiPhone(){
/*		  $(".vimeo").each(function(){
		  	var parentW=$(this).parent().width();
		  	var w=$(this).attr("width");
		  	var h=$(this).attr("height");
		  	var h=h*(parentW/w);
		    $(this).attr("width",parentW);
		    $(this).attr("height",h);
		  });
*/
	}
	
	
	/*========================================*/
	function log(s,v){
		$("#debug").text(s+"="+v);
	}
	function debug(s){
		$("#debug").append(s+"<br/>");
	}
	function clearDebug(){
		$("#debug").text("");
	}

});