var DropY;
var inertia;
var dImageVal;
var dropRep;
var dImage;
var Clearly;
DropY=0;//移動値
inertia=0.75;//慣性
Clearly=0;//背景の透明度
WorkComment="";
Num=1;

function chengeImg(cINum){
	if(Num+cINum<0){
		Num=1;
	};
	Num+=cINum;
	document.getElementById("preview").src='img/work/'+imgSrc+Num+'.jpg';
}

function drop(imgSrc,numOfImg,Num,dropFlag,WorkComment,linkAdd){//imgSrc:url numOfImg:画像の枚数　Num:表示する画像のナンバー　dropFlag:落下アクションを行うかのフラグ WorkComment:画像下に表示するテキスト内容（タグ使用可）　linkAdd:画像からリンクを飛ばす際のアドレス（web実績ページなど用）
	if(Num>numOfImg){
		Num=1;
	};
	if(Num<1){
		Num=numOfImg;
	};
	NumA=Num+1;
	NumB=Num-1;
	if(linkAdd){
		linkAtag='<a href="'+linkAdd+'" target="_blank">';
		linkAtagClose='</a>';
	}else{
		linkAtag='';
		linkAtagClose='';
		linkAdd='';
	};
	zzz=new Image();
	zzz.src='img/work/'+imgSrc+Num+'.jpg';
	previewWidth=zzz.width;
	zzz.onload=function(){
	imageViewImg='img/work/'+imgSrc+Num+'.jpg';
	iVHtml=linkAtag+'<img src="'+imageViewImg+'" name="preview" id="preview" />'+linkAtagClose
	+'<div id="comment" style="width:'+previewWidth+'px">'+WorkComment+'</div>'
	+'<div id="commentAtag" style="width:'+previewWidth+'px"><a href="javascript:;" onclick="drop('+"'"+imgSrc+"',"+numOfImg+','+NumB+','+"'off'"+','+"'"+WorkComment+"'"+','+"'"+linkAdd+"'"+')"><img src="img/work/rev.jpg" /></a>　<a href="javascript:;" onclick="drop('+"'"+imgSrc+"',"+numOfImg+','+NumA+','+"'off'"+','+"'"+WorkComment+"'"+','+"'"+linkAdd+"'"+')"><img src="img/work/next.jpg" /></a>　<a href="javascript:;" onclick="resetDrop()"><img src="img/work/close.jpg" /></a></div>';
	document.getElementById("image_view_pre_load").innerHTML=iVHtml;
	document.getElementById("image_view").innerHTML=iVHtml;
	document.getElementById("comment").style.width=zzz.width+"px";//作品画像の横幅に応じてコメント欄の幅設定
	document.getElementById("commentAtag").style.width=zzz.width+"px";
	if(navigator.appVersion.indexOf("MSIE 6")!=-1){
		document.getElementById("comment").style.width=zzz.width+20+"px";//作品画像の横幅に応じてコメント欄の幅設定
		document.getElementById("commentAtag").style.width=zzz.width+20+"px";
	};
	document.getElementById("image_view_bg").style.display="block";
	document.getElementById("image_view").style.display="block";
	dImageVal = -10;//落下開始点
	if(dropFlag=="on"){
	antenRep=setInterval('anten()',20);//暗転＆画像落下のアクション
	};
	};
};

function anten(){
	IVB=document.getElementById("image_view_bg");
	IVB.style.filter="alpha(opacity="+Clearly+")";
	IVB.style.MozOpacity=Clearly/100;
	IVB.style.opacity=Clearly/100;
	Clearly+=2;
	if(Clearly>=30){
		Clearly=30;
		clearInterval(antenRep);
		dropRep=setInterval('dropRepeat()',10);
	}
};

function dropRepeat(){
	iVTop=1;//画像の着地点（position top値 ％指定）
	DropY=DropY*inertia+(iVTop-dImageVal)*0.3;
	dImageVal+=DropY;
	if(Math.abs(iVTop-dImageVal)<=0.5 && Math.abs(DropY)<0.002){
		dImageVal=iVTop;
	};
	document.getElementById("image_view").style.top=dImageVal+"%";
	if(dImageVal==iVTop){
		clearInterval(dropRep);
	};
};

function resetDrop(){
	IVB=document.getElementById("image_view_bg");
	IVB.style.filter="alpha(opacity="+0+")";
	IVB.style.MozOpacity=0;
	IVB.style.opacity=0;
	IVB.style.display="none";
	IV=document.getElementById("image_view");
	IV.style.top="-150%";
	IV.style.display="none";
}