<!--

// 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 = 650;
scrollImageObj.height = 150;
scrollImageObj.qty = 5;
scrollImageObj.active = 0;
scrollImageObj.flag = 0;
scrollImageObj.blank = '<img src="images/blank_b.png" width="130" />';

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.column = new Array();
scrollImageObj.list = new Array(
								'<a href="http://www.bombit.jp/card/card_01.html" title="基本デザイン1"><img src="images/s_01.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_02.html" title="基本デザイン2"><img src="images/s_02.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_03.html" title="基本デザイン3"><img src="images/s_03.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_04.html" title="基本デザイン4"><img src="images/s_04.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_05.html" title="基本デザイン5"><img src="images/s_05.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_06.html" title="基本デザイン6"><img src="images/s_06.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_07.html" title="基本デザイン7"><img src="images/s_07.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_08.html" title="基本デザイン8"><img src="images/s_08.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_09.html" title="基本デザイン9"><img src="images/s_09.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_10.html" title="基本デザイン10"><img src="images/s_10.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_11.html" title="制作料は1000円"><img src="images/s_11.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_12.html" title="保存形式はJPG"><img src="images/s_12.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_13.html" title="プリンターで印刷"><img src="images/s_13.png" width="130" height="150" /></a>',
								'<a href="http://www.bombit.jp/card/card_14.html" title="印刷サンプル"><img src="images/s_14.png" width="130" height="150" /></a>',
								'<a href="../inquiry/card_16.html"><img src="images/s_15.png" width="130" height="150" /></a>'
								);

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] += scrollImageObj.blank;
	i++;
	if(i % scrollImageObj.qty == 0) si_column++;
}
scrollImageSET(scrollImageObj.active,siObj.id);
//-->