$(document).ready(function(){



	//------------------------------------------------------------------------
	// 變數設定區.
	//------------------------------------------------------------------------
	// 旋轉半徑.
	var Radius 			= 200;	
	// 開場旋轉時脈(1/1000);
	var openingTimer  	= 11;	
	// 一般旋轉時脈(1/1000);
	var timer  			= 33;
	
	// 定時旋轉時脈(1/1000);
	var timerR 			= 9000;

	// 要停住的圖位置(0~n);
	// var position		= 0;
	
	//------------------------------------------------------------------------
	// 以下為程式區，不需更動.
	//------------------------------------------------------------------------
	// 函數：取得點集合.	
	showCircle = function(r, _x, _y){
	    var PI = Math.PI;
        var x, y;
        var points = [];	        
        for(var i = 0; i < 360; i += 6) {
            x = Math.cos(PI / 180 * i) * r + _x;
            y = Math.sin(PI / 180 * i) * r + _y;
            points.push({"x":x,"y":y});
        }
        return points;
	};		
	//------------------------------------------------------------------------
	// 函數：移動logo.	
	moveLogo = function(){	
		for (var i=0; i<5; i++) {
			imgXY[i]=imgXY[i]+1;
			if(imgXY[i]>(a.length-1)){
				imgXY[i]=0;
			}
			str="#img"+String(i);
			px = (a[imgXY[i]].x)-Radius;
			py = (a[imgXY[i]].y)-Radius;
			$(str).css('left', px+'px');
			$(str).css( 'top', py+'px');			
		}
		tick++;
		if(tick>(a.length/5)){
			tick = 1;
		}
	};

	//------------------------------------------------------------------------
	// 函數：設定定時旋轉一格.	
	rotationOne = function(){
		$('#random').everyTime(String(timerR)+'ms', 'randomR',function(){
			opening = false;
			tick==1;
			moveLogo();		
		}, 0);		
	};
		
	//------------------------------------------------------------------------
	var str="";
	var j=0,px=0,py=0,len=0;
	var imgXY=[];
	var run=false;		
	var tick=1;
	var opening=1;
	
	// 取得點集合.
	var a = showCircle(Radius, Radius, Radius);
	
	// 改變圖片座標.
	len=a.length;
	for (var i=0; i<5; i++) {		
		str="#img"+String(i);
		imgXY[i]=Math.round((len/5)*i);
		px = (a[imgXY[i]].x)-Radius;
		py = (a[imgXY[i]].y)-Radius;
		$(str).css('left', px+'px');
		$(str).css( 'top', py+'px');
	}
		
	// 設定圖層座標.
	$('#random').css('left',String(-Radius)+'px');

	// 如果是iPhone、iPod、iPad平台就離開.
	if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
		str="#img"+position;
		imgXY[0]=Math.round((len/5)*0);
		px = (a[imgXY[0]].x)-Radius;
		py = (a[imgXY[0]].y)-Radius;
		$(str).css('left', px+'px');
		$(str).css( 'top', py+'px');
		
//iPad Layout and iScroll
$('#iPadBox').css('overflow', 'auto');
var myScroll;
function loaded() {
	setTimeout(function () {
		myScroll = new iScroll('iPadBox', { vScrollbar:false });
	}, 100);
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('load', loaded, false);		
return;
	}
	
	// 開場.
	$('#random').everyTime(String(openingTimer)+'ms', 'openingT',function(){
		opening++;
		//if(opening>((a.length/2)+6)){
		if(opening>(a.length/2)+3+(8*position)){
			$('#random').stopTime('openingT');
			opening = false;
			tick==1;
		}
		moveLogo();
	}, 0);		
	// 一般.
	$('#random').everyTime(String(timer)+'ms', 'randomImg',function(){
		if ((run)||(tick!=1)){
			moveLogo();
		}
	}, 0);		
	rotationOne();
	
	// 判斷Mouse.
	$('#touch')
    .bind('mouseover', function(){
    	if(!opening){
        	$('#random').stopTime('randomR');    		
    		run=true;
    	}
    })
    .bind('mouseout',function(){
    	if(run){
    		rotationOne();
    	}
    	run=false;
    });
		
});