// 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 = -1		//初始捲動方向與速度 ( 1:向左 -1:向右 0:靜止 )
var PicWidth = 180      //PIC Width (方向為上下時影響)
var PicHeight = 120     //PIC HEIGHT (方向為左右時影響)
var Mode = 0            //方向模式 (0:左右 1:上下)


var PhotoPath = ""		//圖片路徑 ( 若與網頁位置相同請設為 ./ 或空白 )(無法調整)
var AutoScroll = 1          //圖片捲動 (0:手動 1:自動)(無法調整)
var Speed = 2		    //Reload速度(不需要調整)*/

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><table>";
            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\" height='" + PicHeight + "'></a></td></tr>"
            PHTML+="<tr><td 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  class=\"item_title\" target='_blank' href=\""+PhotoAlbum[i][3]+"\">"+PhotoAlbum[i][0]+"</a></td></tr>"
             PHTML+="</table></td>";
        }
        
        for(i=0;i<PhotoAlbum.length;i++){
        PHTML+="<td><table>";
        
            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\" height='" + PicHeight + "'></a></td>"
            PHTML+="<tr><td 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  class=\"item_title\" target='_blank' href=\""+PhotoAlbum[i][3]+"\">"+PhotoAlbum[i][0]+"</a></td>"
             PHTML+="</table></td>";
            
        }
       
        PHTML+="</tr></table></td>"
//         if(AutoScroll == 0)
//        PHTML+="<td onmouseover=\"ScrollObjectByMa('right');\">向右</td>";
        PHTML+="</tr></table>"
        SlideObj.innerHTML=PHTML
        //SlideEnd=-(SlideObj.offsetWidth/2)+PhotoSpac
        SlideBox.style.height=SlideObj.offsetHeight
        SlideBox.style.width=SlideBar.clientWidth
        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>"
        SlideObj.innerHTML=PHTML
        //SlideEnd=-(SlideObj.offsetWidth/2)+PhotoSpac
        //SlideBox.style.height=SlideObj.offsetHeight
        SlideBox.style.height=SlideBar.clientHeight
        SlideBox.style.width=SlideObj.offsetWidth
        SlideBox.style.clip="rect(0 "+SlideBar.clientWidth+" "+SlideObj.offsetHeight+" 0)"
        //setInterval("ScrollUpObject()",1)
        //每Speed毫秒就執行一次pciMarquee()
        //pic2.innerHTML=SlideObj.innerHTML;
	    timer=setInterval("picMarquee()",Speed);
	    
}
//var height = SlideBox.scrollTop;

	//用來捲動myDiv捲軸用的主程式
	function picMarquee(){
		//若pic2的高小於myDiv的scrollTop，表示捲軸已經過了第一行
		//所以讓Div的scrollTop再回到原來的位置；反之 則繼續往下跑

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

                            }
else SlideBox.scrollTop--;



	}
	
//設定CSS Class
function PhotoHilight(el,s){
    eval(el).className=s
}

//捲動物件
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 = -Math.abs(SlideMode);
if (direction=='right') SlideMode = Math.abs(SlideMode);
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;

SlideObj.style.top-=SlideMode 

}

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")