// SlideAlbum Version:1.0 ;Author:linss<linss@ms1.url.com.tw> ;Release:2002/9/6
var PhotoAlbum = new Array(), PhotoPreload = new Array(), MousePos, SlideEnd;
var PhotoSpac = 8; 		//縮圖間距
var SlideMode = 3; 		//初始捲動方向與速度 ( 1:向左 -1:向右 0:靜止 )
var Speed = 1; 		    //捲動速度 (數字越小越快)
var PicWidth = 150;       //PIC Width
var PhotoPath = "./"; 		//圖片路徑 ( 若與網頁位置相同請設為 ./ 或空白 )
var Mode = 1;                 //方向 (0:左右  1:上下)
var AutoScroll = 1;           //圖片捲動 (0:手動 1:自動)


var isStop = 0;
//var SlideMode_Temp = SlideMode

            //PhotoCheck(a);
function Photoload(obj){
    //alert(obj);

    PhotoAlbum = obj;
    //預先載入相片 ( 縮圖 )
    for(i=0;i<PhotoAlbum.length;i++){
        PhotoPreload[i] = new Image();
        PhotoPreload[i].src = PhotoPath + PhotoAlbum[i][2];
    }
}

//載入圖片
function PhotoCheck(){
var isLoaded=true

for(i=0;i<PhotoPreload.length;i++){
//        if(PhotoPreload[i].readyState!="complete")
//                            isLoaded=false
//                            alert(PhotoPreload[i].src);
//                            alert(PhotoPreload[i].readyState);
}


//已經載入
if(isLoaded){

        if(Mode == 0)
            BuildSlider();
        else
            BuildUpSlider();
}else{
LoadingDots.innerHTML = (LoadingDots.innerHTML == "....") ? "" : LoadingDots.innerHTML + ".";
        setTimeout("PhotoCheck()", 300);
}
}

//建立滑動列
function BuildSlider(){
        var PHTML="<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>" ;
         if(AutoScroll == 0)
            PHTML+="<td onmouseover=\"ScrollObjectByMa('left');\">向左</td>";
        PHTML += "<td><table border=\"0\" cellspacing=\"" + PhotoSpac + "\" cellpadding=\"0\"><tr>";
         
        for(i=0;i<PhotoAlbum.length;i++){
            PHTML += "<td id=\"c_" + i + "\" class=\"item_out\" hidefocus=\"true\" onmouseover=\"PhotoHilight('c_" + i + "','item_over');top.status='" + PhotoAlbum[i][0] + "';return true\" onmouseout=\"PhotoHilight('c_" + i + "','item_out');top.status=''\" onclick=\"ShowInfo(" + i + ")\"><img src=\"" + PhotoPreload[i].src + "\" border=\"0\" ><br>" + PhotoAlbum[i][0] + "</td>";
        }
        for(i=0;i<PhotoAlbum.length;i++){
            PHTML += "<td id=\"m_" + i + "\" class=\"item_out\" hidefocus=\"true\" onmouseover=\"PhotoHilight('m_" + i + "','item_over');top.status='" + PhotoAlbum[i][0] + "';return true\" onmouseout=\"PhotoHilight('m_" + i + "','item_out');top.status=''\" onclick=\"ShowInfo(" + i + ")\"><img src=\"" + PhotoPreload[i].src + "\" border=\"0\" ><br>" + PhotoAlbum[i][0] + "</td>";
        }

        PHTML += "</tr></table></td>";
         if(AutoScroll == 0)
        PHTML+="<td onmouseover=\"ScrollObjectByMa('right');\">向右</td>";
    PHTML += "</tr></table>";
    SlideObj.innerHTML = PHTML;
    var SlideObj = document.getElementById('SlideObj');
    var SlideBox = document.getElementById('SlideBox');
    var SlideBar = document.getElementById('SlideBar');
        //SlideEnd=-(SlideObj.offsetWidth/2)+PhotoSpac
        SlideBox.style.height = SlideObj.offsetHeight + "px";
        SlideBox.style.width = SlideBar.clientWidth + "px";
        SlideBox.style.clip = "rect(0 " + SlideBar.clientWidth + " " + SlideObj.offsetHeight + " 0)";

        if (AutoScroll > 0)
            setInterval("ScrollObject()", Speed);
}

//建立滑動列
function BuildUpSlider(){	
//        if(Mode > 0)

    var PHTML = "<table border=\"0\" cellspacing=\"" + PhotoSpac + "\" cellpadding=\"0\">";
        for(i=0;i<PhotoAlbum.length;i++){

            PHTML += "<tr><td id=\"c_" + i + "\" class=\"item_out\" hidefocus=\"true\" onmouseover=\"PhotoHilight('c_" + i + "','item_over');top.status='" + PhotoAlbum[i][0] + "';return true\" onmouseout=\"PhotoHilight('c_" + i + "','item_out');top.status=''\"><a target='_blank' href=\"" + PhotoAlbum[i][3] + "\"><img src=\"" + PhotoPreload[i].src + "\" border=\"0\" width='" + PicWidth + "'><br><font color=white>" + PhotoAlbum[i][0] + "</font></td></tr>";
          
        }
        for(i=0;i<PhotoAlbum.length;i++){
            PHTML += "<tr><td id=\"m_" + i + "\" class=\"item_out\" hidefocus=\"true\" onmouseover=\"PhotoHilight('m_" + i + "','item_over');top.status='" + PhotoAlbum[i][0] + "';return true\" onmouseout=\"PhotoHilight('m_" + i + "','item_out');top.status=''\"><a target='_blank' href=\"" + PhotoAlbum[i][3] + "\"><img src=\"" + PhotoPreload[i].src + "\" border=\"0\" width='" + PicWidth + "'><br><font color=white>" + PhotoAlbum[i][0] + "</font></td></tr>";
        }
        PHTML += "</table>";
        var SlideObj = document.getElementById('SlideObj');
        var SlideBox = document.getElementById('SlideBox');
        var SlideBar = document.getElementById('SlideBar');
        
        SlideObj.innerHTML = PHTML;
        //SlideEnd=-(SlideObj.offsetWidth/2)+PhotoSpac
        //SlideBox.style.height=SlideObj.offsetHeight
        SlideBox.style.height = SlideBar.clientHeight + "px";
        SlideBox.style.width = SlideObj.offsetWidth + "px";
        SlideBox.style.clip = "rect(0px " + SlideBar.clientWidth + "px " + SlideObj.offsetHeight + "px 0px)";
        //setInterval("ScrollUpObject()",1)
        //每Speed毫秒就執行一次pciMarquee()
        //pic2.innerHTML=SlideObj.innerHTML;
	    timer=setInterval("picMarquee()",Speed);
	    
}
//var height = SlideBox.scrollTop;

	//用來捲動myDiv捲軸用的主程式
function picMarquee() {
    var SlideObj = document.getElementById('SlideObj');
    var SlideBox = document.getElementById('SlideBox');
    var SlideBar = document.getElementById('SlideBar');
		//若pic2的高小於myDiv的scrollTop，表示捲軸已經過了第一行
    //所以讓Div的scrollTop再回到原來的位置；反之 則繼續往下跑
		var i = 0;
		for (i = 0; i < 5000; i++) {
		    setTimeout("", 1000, "");
		   // if (i == 1) alert('OK');
		}
if(isStop == 1) return;

if (SlideBox.scrollTop  == 0) {
                            SlideBox.scrollTop=(SlideBox.scrollHeight)/2-4;

                            }
else SlideBox.scrollTop--;



	}
	
//設定CSS Class
function PhotoHilight(el,s){
       eval(el).className=s;
    
    if(s=='item_over')
            isStop = 1;
     else
            isStop = 0;
   
}

//捲動物件
function ScrollObject(){
    SlideEnd = -(SlideObj.offsetWidth / 2) + PhotoSpac;
SlideObj.style.posLeft -= SlideMode;
SlideObj.style.posLeft = SlideObj.style.posLeft <= SlideEnd ? 0 : SlideObj.style.posLeft > 0 ? SlideEnd : SlideObj.style.posLeft;
}

//捲動物件 (可左右)
function ScrollObjectByMa(direction){
if (direction=='left') SlideMode = -4;
if (direction=='right') SlideMode = 4;
SlideEnd = -(SlideObj.offsetWidth / 2) + PhotoSpac;
SlideObj.style.posLeft -= SlideMode;
SlideObj.style.posLeft = SlideObj.style.posLeft <= SlideEnd ? 0 : SlideObj.style.posLeft > 0 ? SlideEnd : SlideObj.style.posLeft;
}

function ScrollUpObject(){
    SlideEnd = -(SlideObj.offsetHeight / 2) + PhotoSpac;
if(SlideMode<0) SlideMode=SlideMode*-1;

//alert(SlideObj.style.top)
//alert(SlideMode)
SlideObj.style.top -= SlideMode;

//SlideObj.style.top=SlideObj.style.top<=SlideEnd?0:SlideObj.style.top>0?SlideEnd:SlideObj.style.top
}

function AdjSpeed(){
MousePos=event.clientX-SlideBar.offsetLeft
if(MousePos<parseInt(SlideBox.offsetWidth*0.04)){SlideMode = -4;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.04)&&MousePos<parseInt(SlideBox.offsetWidth*0.11)){SlideMode = -3;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.11)&&MousePos<parseInt(SlideBox.offsetWidth*0.21)){SlideMode = -2;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.21)&&MousePos<parseInt(SlideBox.offsetWidth*0.37)){SlideMode = -1;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.37)&&MousePos<parseInt(SlideBox.offsetWidth*0.63)){SlideMode = 0;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.63)&&MousePos<parseInt(SlideBox.offsetWidth*0.79)){SlideMode = 1;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.79)&&MousePos<parseInt(SlideBox.offsetWidth*0.89)){SlideMode = 2;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.89)&&MousePos<parseInt(SlideBox.offsetWidth*0.96)){SlideMode = 3;}
if(MousePos>parseInt(SlideBox.offsetWidth*0.96)){SlideMode = 4;}
}

var MyTimer1, MyTimer2;
function ShowInfo(n){
    PhotoPrev.innerHTML = "<img src=\"" + PhotoPath + PhotoAlbum[n][1] + "\" style=\"border:1px solid #000\" onload=\"setTimeout('PhotoView()',300)\">";
    PhotoDesc.innerHTML = "相片標題：" + PhotoAlbum[n][0] + "<hr size=\"1\" color=\"#aeaeae\"><font color=\"#eaeaea\">" + PhotoAlbum[n][3] + "</font>";
clearInterval(MyTimer1)
Waiting.style.visibility = "visible";
}

function PhotoView(){
clearInterval(MyTimer1)
Waiting.style.visibility="hidden"
}

//document.oncontextmenu=new Function("return false")
//document.onselectstart=new Function("return false")
//document.ondragstart  =new Function("return false")