<!--

// 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 = 870;
scrollImageObj.height = 160;
scrollImageObj.qty = 5;
scrollImageObj.active = 0;
scrollImageObj.flag = 0;
scrollImageObj.blank = '<img src="images/blank.jpg" width="150" />';

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="contents/products/mobilelogs/features/easy.html"><img src="images/icon_01.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/realtimepreview.html"><img src="images/icon_02.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/autoresize.html"><img src="images/icon_03.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/allcarrier.html"><img src="images/icon_04.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/emoji.html"><img src="images/icon_05.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/qrcode.html"><img src="images/icon_06.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/analyze.html"><img src="images/icon_07.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/mobileseo.html"><img src="images/icon_08.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/server.html"><img src="images/icon_09.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/non-db.html"><img src="images/icon_10.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/price.html"><img src="images/icon_11.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/price.html"><img src="images/icon_12.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/index.html"><img src="images/icon_13.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/map.html"><img src="images/icon_14.gif" width="174" height="160" /></a>',
								'<a href="contents/products/mobilelogs/features/mailform.html"><img src="images/icon_15.gif" width="174" height="160" /></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);
//-->