<!--

// scroll image library 1.0 / 2009-03-18
// copyright SYNCK GRAPHICA / www.synck.com

var siObj = new Object();

// scrollImage Object ID
siObj.id = "scrollImage";
siObj.child = new Object();
siObj.child[siObj.id] = new Object();
var scrollImageObj = siObj.child[siObj.id];

// scrollImageObject width & height
scrollImageObj.width = 720;
scrollImageObj.height = 80;
scrollImageObj.qty = 9;
scrollImageObj.active = 0;
scrollImageObj.flag = 0;

document.write('<div id="'+siObj.id+'_wrapper" class="scrollImage_wrapper" style="width: '+scrollImageObj.width+'px;height: '+scrollImageObj.height+'px;">');
document.write('<div id="'+siObj.id+'_main" class="scrollImage_main" style="width: '+scrollImageObj.width*3+'px;height: '+scrollImageObj.height+'px;">');
document.write('</div></div>');
document.write('<div id="'+siObj.id+'_ui" class="scrollImage_ui" style="width: '+scrollImageObj.width+'px;">');
document.write("<span class=\"scrollImage_prev\" onclick=\"scrollImagePREV('"+siObj.id+"')\">PREV</span>");
document.write("<span class=\"scrollImage_next\" onclick=\"scrollImageNEXT('"+siObj.id+"')\">NEXT</span>");
document.write('</div>');

scrollImageObj.list = new Array('<a href="weblog_1254240960.html"><img src="documents/thumnail_1254240960_00.jpg" alt="print（出力）は射精とよく似ている。" /></a>','<a href="weblog_1253955193.html"><img src="documents/thumnail_1253955193_01.jpg" alt="MacOS X ターミナルでPerlを動かす" /></a>','<a href="weblog_1253955193.html"><img src="documents/thumnail_1253955193_00.jpg" alt="Windows コマンドプロンプトでPerlを動かす" /></a>','<a href="weblog_1253953649.html"><img src="documents/thumnail_1253953649_00.jpg" alt="Perlが動く環境を作ろう" /></a>','<a href="weblog_1253952372.html"><img src="documents/thumnail_1253952372_00.jpg" alt="ソースコードを作成・編集するためにテキストエディタを用意しよう" /></a>','<a href="weblog_1253847552.html"><img src="documents/thumnail_1253847552_00.jpg" alt="一年かけて今さら覚えるWebプログラミング" /></a>');
scrollImageObj.column = new Array();

function scrollImageSET(activeObj,objId){
	var si_active = activeObj;
	if(siObj.child[objId].column[si_active+1] != undefined) var si_next = activeObj+1;
	else var si_next = 0;
	if(siObj.child[objId].column[si_active-1] != undefined) var si_prev = activeObj-1;
	else var si_prev = siObj.child[objId].column.length - 1;
	document.getElementById(objId+"_main").innerHTML = "<nobr>" + siObj.child[objId].column[si_prev];
	document.getElementById(objId+"_main").innerHTML += siObj.child[objId].column[si_active] + siObj.child[objId].column[si_next] + "</nobr>";
	document.getElementById(objId+"_main").style.marginLeft = (siObj.child[objId].width * -1)+"px";
	siObj.child[objId].flag = 1;
}
function scrollImageNEXT(objId){
	if(siObj.child[objId].flag){
		siObj.child[objId].flag = 0;
		siObj.child[objId].active++;
		if(siObj.child[objId].column.length == siObj.child[objId].active) siObj.child[objId].active = 0;
		scrollImageNextMotion(siObj.child[objId].width * -1,objId);
	}
}
function scrollImagePREV(objId){
	if(siObj.child[objId].flag){
		siObj.child[objId].flag = 0;
		siObj.child[objId].active--;
		if(siObj.child[objId].active < 0) siObj.child[objId].active = siObj.child[objId].column.length - 1;
		scrollImagePrevMotion(siObj.child[objId].width * -1,objId);
	}
}
function scrollImageNextMotion(sipos,objId){
	var calpt = (siObj.child[objId].width * -1) * 2;
	if(sipos > calpt){
		var frms = (calpt - sipos) / 6;
		if(frms > -1){
			frms = -1;
		}
		sipos += frms;
		document.getElementById(objId+"_main").style.marginLeft = sipos + "px";
		setTimeout("scrollImageNextMotion("+sipos + ",'" + objId + "')",16);
	}
	else
		scrollImageSET(siObj.child[objId].active,objId);
}
function scrollImagePrevMotion(sipos,objId){
	if(sipos < 0){
		var frms = (sipos * -1) / 6;
		if(frms < 1){
			frms = 1;
		}
		sipos += Math.floor(frms);
		document.getElementById(objId+"_main").style.marginLeft = sipos + "px";
		setTimeout("scrollImagePrevMotion("+sipos+",'"+objId+"')",16);
	}
	else
		scrollImageSET(siObj.child[objId].active,objId);
}

var i = 0;
var si_column = 0;
while(i % scrollImageObj.qty != 0 || i < scrollImageObj.list.length){
	if(scrollImageObj.column[si_column] == undefined) scrollImageObj.column[si_column] = "";
	if(scrollImageObj.list[i] != undefined)
		scrollImageObj.column[si_column] += scrollImageObj.list[i];
	else
		scrollImageObj.column[si_column] += '<div class="scrollImage_blank"></div>';
	i++;
	if(i % scrollImageObj.qty == 0) si_column++;
}
scrollImageSET(scrollImageObj.active,siObj.id);

//-->