﻿// copyright Colin 2009/05

if (typeof myPicObj == "undefined") { var myPicObj = new Object(); }
if (typeof myPicObj.picStr == "undefined") { myPicObj.picStr = new String(); }
if (typeof myPicObj.picURL == "undefined") { myPicObj.picURL = new String(); }
if (typeof myPicObj.emptyPic == "undefined") { myPicObj.picURL = new String(); }
if (typeof myPicObj.pic1_ID == "undefined") { myPicObj.pic1_ID = new String(); }
if (typeof myPicObj.pic2_ID == "undefined") { myPicObj.pic2_ID = new String(); }
if (typeof myPicObj.btL == "undefined") { myPicObj.btL = new String(); }
if (typeof myPicObj.btR == "undefined") { myPicObj.btR = new String(); }
if (typeof myPicObj.pageAll == "undefined") { myPicObj.pageAll = new Number(); }
if (typeof myPicObj.page == "undefined") { myPicObj.page = new Number(0); }

myPicObj.playTime = 500;


myPicObj.picArray = function() {
    var picArray = myPicObj.picStr.split(",");
    var picCount = picArray.length;
    var picCount2 = Math.ceil(picCount / 2);
    var newPicArray = new Array();
    for (i = 0; i <= picCount2 - 1; i++) {
        newPicArray[i] = new Array();
        for (j = 0; j <= 1; j++) {
            if (typeof picArray[(i * 2) + j] != "undefined") {
                newPicArray[i][j] = myPicObj.picURL + picArray[(i * 2) + j]; //不縮圖
            } else {
                newPicArray[i][j] = myPicObj.emptyPic;
            }
        }
    }
    myPicObj.pageAll = picCount2; //丟出page總頁數
    return newPicArray;
}
myPicObj.picArray2 = function() {
    var picArray = myPicObj.picStr.split(",");
    var picCount = picArray.length;
    var picCount2 = Math.ceil(picCount / 2);
    var newPicArray = new Array();
    for (i = 0; i <= picCount2 - 1; i++) {
        newPicArray[i] = new Array();
        for (j = 0; j <= 1; j++) {
            if (typeof picArray[(i * 2) + j] != "undefined") {
                newPicArray[i][j] = "css/Display.ashx?File=" + picArray[(i * 2) + j] + "&W=175&H=115&Type=" //使用Display
            } else {
                newPicArray[i][j] = myPicObj.emptyPic;
            }
        }
    }
    return newPicArray;
}


myPicObj.chagePic = function(x) {
    var pic1_ID = document.getElementById(myPicObj.pic1_ID);
    var pic1_ID_a = document.getElementById(myPicObj.pic1_ID).parentNode;
    var pic2_ID = document.getElementById(myPicObj.pic2_ID);
    var pic2_ID_a = document.getElementById(myPicObj.pic2_ID).parentNode;

    var isIE = document.all ? true : false;
    if (isIE) {
        var obj = event.srcElement
    } else {
        var obj = x.target;
    }

    if (obj.id == myPicObj.btR) {
        myPicObj.page += 1;
    }
    if (obj.id == myPicObj.btL) {
        myPicObj.page -= 1;
    }


    if (myPicObj.page > myPicObj.pageAll - 1) {
        myPicObj.page = 0;
    }
    if (myPicObj.page < 0) {
        myPicObj.page = myPicObj.pageAll - 1;
    }
    //alert(pic1_ID_a.tagName);

    pic1_ID.style.cssText = "background:url('" + myPicObj.picArray2()[myPicObj.page][0] + "') no-repeat center top; ";
    pic1_ID_a.target = "_blank"
    pic1_ID_a.href = myPicObj.picArray()[myPicObj.page][0]
	//pic1_ID_a.onclick=function(){window.open(myPicObj.picArray()[myPicObj.page][0],"","scrollbars=yes,resizable=yes,width=1024,height=768");}

    pic2_ID.style.cssText = "background:url('" + myPicObj.picArray2()[myPicObj.page][1] + "') no-repeat center top; ";
    pic2_ID_a.target = "_blank"
    pic2_ID_a.href = myPicObj.picArray()[myPicObj.page][1]
	//pic2_ID_a.onclick=function(){window.open(myPicObj.picArray()[myPicObj.page][1],"","scrollbars=yes,resizable=yes,width=1024,height=768");}
}
myPicObj.chagePic2 = function() {
    var pic1_ID = document.getElementById(myPicObj.pic1_ID);
    var pic1_ID_a = document.getElementById(myPicObj.pic1_ID).parentNode;
    var pic2_ID = document.getElementById(myPicObj.pic2_ID);
    var pic2_ID_a = document.getElementById(myPicObj.pic2_ID).parentNode;

    pic1_ID.style.cssText = "background:url('" + myPicObj.picArray2()[myPicObj.page][0] + "') no-repeat center top; ";
    pic1_ID_a.target = "_blank"
    pic1_ID_a.href = myPicObj.picArray()[myPicObj.page][0]
	//pic1_ID_a.onclick=function(){window.open(myPicObj.picArray()[myPicObj.page][0],"","scrollbars=yes,resizable=yes,width=1024,height=768");}

    pic2_ID.style.cssText = "background:url('" + myPicObj.picArray2()[myPicObj.page][1] + "') no-repeat center top; ";
    pic2_ID_a.target = "_blank"
    pic2_ID_a.href = myPicObj.picArray()[myPicObj.page][1]
	//pic2_ID_a.onclick=function(){window.open(myPicObj.picArray()[myPicObj.page][1],"","scrollbars=yes,resizable=yes,width=1024,height=768");}
}
myPicObj.btSet = function() {
    var pic1_ID = document.getElementById(myPicObj.pic1_ID);
    var pic2_ID = document.getElementById(myPicObj.pic2_ID);
    var btL = document.getElementById(myPicObj.btL);
    var btR = document.getElementById(myPicObj.btR);
    var mybody=document.getElementsByTagName("body")[0]

    if (btL && btR && pic1_ID && pic2_ID && mybody ) {
        btL.onclick = myPicObj.chagePic;
        btR.onclick = myPicObj.chagePic;
		myPicObj.chagePic2();
        clearInterval(myPicObjPlay);
    }

}

/* 使用方法
    myPicObj.picStr = '<%=ViewState("myPicStr") %>';                //資料組成
    myPicObj.picURL = "upload/news/";                               //圖片路徑
    myPicObj.emptyPic = "images/index/nopic.gif"                    //空白圖片路徑
    myPicObj.pic1_ID = "myImgL";                                    //左圖ID
    myPicObj.pic2_ID = "myImgR";                                    //右圖ID
    myPicObj.btL = "myPicBtL";                                      //左按鈕ID
    myPicObj.btR = "myPicBtR";                                      //右按鈕ID
    myPicObj.picArray();                                            //設定陣列
    if (myPicObj.picStr!="") {//只在有圖片狀態才設定
        var myPicObjPlay = setInterval("myPicObj.btSet()", 500);    //設定按鈕動作
    }


//*/