function getY( oElement ){
var iReturnValue=0;
while( oElement != null && !oElement.cbe){iReturnValue += oElement.offsetTop;oElement=oElement.offsetParent;}
return iReturnValue;
}
function image_marquee(M) {
	var H="<br/><marquee style='width:400px' scrolldelay=50 scrollamount=2 onmouseover='this.stop()' onmouseout='this.start()'>\n";
	if(M==0) for(X=1;X<=11;X++) H+="<a id='DA"+X+"' href='/shop/home.aspx?shop="+X+"' target='_blank' title='開啟網站實例'><img id='DI"+X+"' class='lightImg' onmouseover=AX("+X+",1) onmouseout=AX("+X+",0) src='images/shops/d_"+X+".gif' width=128 height=104 border=0 /></a>\n";
	if(M==1) for(X=1;X<=5;X++) H+="<a id='DA"+X+"' href='/shop/home.aspx?shop="+X+"' target='_blank' title='開啟網站實例'><img id='DI"+X+"' class='lightImg' onmouseover=AX("+X+",1) onmouseout=AX("+X+",0) src='images/shops/d_"+X+".gif' width=128 height=104 border=0 /></a>\n";
	if(M==2) for(X=6;X<=11;X++) H+="<a id='DA"+X+"' href='/shop/home.aspx?shop="+X+"' target='_blank' title='開啟網站實例'><img id='DI"+X+"' class='lightImg' onmouseover=AX("+X+",1) onmouseout=AX("+X+",0) src='images/shops/d_"+X+".gif' width=128 height=104 border=0 /></a>\n";
	H+="</marquee>\n";
	return H;
}
function image_frame(T,M) {
	if(!document.all){ return image_marquee(M);}
	var H="";
	H+="<br/><table align='center' border=0 cellspacing=0 cellpadding=0><tr><td colspan='2' width='400' height='128'></td></tr></table>";
	H+="<div id='DV1' style='position:absolute;top:"+T+"px;left:300px;z-index:98'></div>";
	H+="<div id='DV2' style='position:absolute;top:"+T+"px;left:450px;z-index:98'></div>";
	H+="<div id='DV3' style='position:absolute;top:"+T+"px;left:600px;z-index:98'></div>";
	H+="<div id='DV4' style='position:absolute;top:"+T+"px;left:750px;z-index:98'></div>";
	H+="<div style='position:absolute;top:"+T+"px;left:278px;z-index:99;width:150px;height:105px;background-image:url(images/ml_bg.gif);text-align:right'><br/><a href='javascript:' onclick=''><img src='images/go_left.gif' onmouseover='this.src=\"images/go_left2.gif\";image_move(2,1)' onmouseout='this.src=\"images/go_left.gif\";image_stop()' border='0'/></a></div>";
	H+="<div style='position:absolute;top:"+T+"px;left:750px;z-index:99;width:150px;height:105px;background-color:#FFFFFF;'><br/><a href='javascript:' onclick=''><img src='images/go_right.gif' onmouseover='this.src=\"images/go_right2.gif\";image_move(-2,1)' onmouseout='this.src=\"images/go_right.gif\";image_stop()' border='0'/></a></div>";
	for(i=1;i<=4;i++) H+="<input type='hidden' name='DH"+i+"' id='DH"+i+"'/>";
	return H;
}
var motion=true;
var Interval_ID1=0;
var Interval_ID2=0;
var X1=0,X2=0,X3=0,X4=0,V=0,C1=1,M=0;
function image_set(L,X) {
	document.getElementById("DV"+L).innerHTML="<a id='DA"+X+"' href='/shop/home.aspx?shop="+X+"' target='_blank' title='開啟網站實例'><img id='DI"+X+"' class='lightImg' onmouseover=AX("+X+",1) onmouseout=AX("+X+",0) src='images/shops/d_"+X+".gif' width=128 height=104 border=0 /></a>";
	document.getElementById("DH"+L).value=X;
}
function image_move(VX,MX) {
	C1=1; V=VX;M=MX;
	if(motion) { motion=false;
		
		if(M==1) window.clearInterval(Interval_ID1);
		if(document.getElementById("DV1").style.left=="300px") { X1=1;X2=2;X3=3;X4=4; }
		else if(document.getElementById("DV1").style.left=="450px") { X2=1;X3=2;X4=3;X1=4; }
		else if(document.getElementById("DV1").style.left=="600px") { X3=1;X4=2;X1=3;X2=4; }
		else if(document.getElementById("DV1").style.left=="750px") { X4=1;X1=2;X2=3;X3=4; }
		
		document.getElementById("DV"+X1).style.left="300";document.getElementById("DV"+X2).style.left="450";
		document.getElementById("DV"+X3).style.left="600";document.getElementById("DV"+X4).style.left="750";
		
		image_reset();
		if(V>0) Interval_ID2=window.setInterval("image_moving(X1,X2,X3)",25);
		else Interval_ID2=window.setInterval("image_moving(X2,X3,X4)",25);
	}
}
function image_stop() { C1=0; }
function image_moving(Y1,Y2,Y3) {
	document.getElementById("DV"+Y1).style.left=parseInt(document.getElementById("DV"+Y1).style.left)+parseInt(V);
	document.getElementById("DV"+Y2).style.left=parseInt(document.getElementById("DV"+Y2).style.left)+parseInt(V);
	document.getElementById("DV"+Y3).style.left=parseInt(document.getElementById("DV"+Y3).style.left)+parseInt(V);
	if(document.getElementById("DV"+Y3).style.left>="750px" || document.getElementById("DV"+Y1).style.left<="300px") {
		window.clearInterval(Interval_ID2);
		motion=true; if(C1==1) image_move(V,1); else if(M==1) Roting();
	}
}
function image_reset() {
	if(V>0) {
		if(document.getElementById("DV"+X4).style.left>="750px") {
			document.getElementById("DV"+X4).style.left=300;
			
			document.getElementById("DH"+X4).value=parseInt(document.getElementById("DH"+X1).value)-1;
			if(parseInt(document.getElementById("DH"+X4).value)<dmin) document.getElementById("DH"+X4).value=dmax;
			image_set(X4,document.getElementById("DH"+X4).value);
		}
	}
	else {
		if(document.getElementById("DV"+X1).style.left<="300px") {
			document.getElementById("DV"+X1).style.left=750;
			
			document.getElementById("DH"+X1).value=parseInt(document.getElementById("DH"+X4).value)+1;
			if(parseInt(document.getElementById("DH"+X1).value)>dmax) document.getElementById("DH"+X1).value=dmin;
			image_set(X1,document.getElementById("DH"+X1).value);
		}
	}
}
function AX(V,W) { if(W==1) $('#DI'+V).removeClass('lightImg'); else $('#DI'+V).addClass('lightImg'); }
function SX(V,W) { if(W==1) $('#SI'+V).removeClass('lightBtn'); else $('#SI'+V).addClass('lightBtn'); }
function Roting() { Interval_ID1=window.setInterval("image_move(2,0);C1=0",5000); }