//jQuery.fn.imageScroller = function(params) {
//    var p = params;
//    var _btnNext = $("#" + p.next);
//    var _btnPrev = $("#" + p.prev);
//    var _imgFrame = $("#" + p.frame);
//    var _width = p.width;
//    var _child = p.child;
//    var _auto = p.auto;
//    var _itv;

//    var turnLeft = function() {
//        _btnPrev.unbind("click", turnLeft);
//        if (_auto) autoStop();
//        _imgFrame.animate({ marginLeft: -_width }, 'slow', '', function() {
//            _imgFrame.find(_child + ":first").appendTo(_imgFrame);
//            _imgFrame.css("marginLeft", 0);
//            _btnPrev.bind("click", turnLeft);
//            if (_auto) autoPlay();
//        });
//    };

//    var turnRight = function() {
//        _btnNext.unbind("click", turnRight);
//        if (_auto) autoStop();
//        _imgFrame.find(_child + ":last").clone().show().prependTo(_imgFrame);
//        _imgFrame.css("marginLeft",-_width);
//        _imgFrame.animate({ marginLeft: 0 }, 'slow', '', function() {
//            _imgFrame.find(_child + ":last").remove();
//            _btnNext.bind("click", turnRight);
//            if (_auto) autoPlay();
//        });
//    };

//    _btnNext.css("cursor", "hand").click(turnRight);
//    _btnPrev.css("cursor", "hand").click(turnLeft);

//    var autoPlay = function() {
//        _itv = window.setInterval(turnRight, 10000);
//    };
//    var autoStop = function() {
//        window.clearInterval(_itv);
//    };
//    if (_auto) autoPlay();
//};

//$(function() {
//    $("#viewer").imageScroller({
//        next: "buttonPrev",
//        prev: "buttonNext",
//        frame: "viewerFrame",
//        width: 180,
//        child: "div",
//        auto: true
//    });
//});

var btype = getOst();

function getOst()
{
   if(navigator.userAgent.indexOf("MSIE")>0)return 1;
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)return 2;
   if(isSafari=navigator.userAgent.indexOf("Safari")>0)return 3;   
   if(isCamino=navigator.userAgent.indexOf("Camino")>0)return 4;
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0)return 5;
   return 0;
}

//图片滚动列表
var Speed = 10; //速度(毫秒) 
var Space = 3; //每次移动(px) 
var PageWidth = 170; //翻页宽度 
var fill = 0; //整体移位 
var MoveLock = false; 
var MoveTimeObj; 
var Comp = 0; 
var AutoPlayObj = null; 
GetObj("List2").innerHTML = GetObj("List1").innerHTML; 
GetObj('ISL_Cont').scrollLeft = fill; 
GetObj("ISL_Cont").onmouseover = function(){clearInterval(AutoPlayObj);} 
GetObj("ISL_Cont").onmouseout = function(){AutoPlay();} 
AutoPlay();

function GetObj(objName){
    if(document.getElementById){
        return eval('document.getElementById("'+objName+'")');
    }else{
        return eval('document.all.'+objName);
    }
}

function AutoPlay(){ //自动滚动 
    clearInterval(AutoPlayObj); 
    AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //间隔时间 
} 
function ISL_GoUp(){ //上翻开始 
    if(MoveLock) return; 
    clearInterval(AutoPlayObj); 
    MoveLock = true; 
    MoveTimeObj = setInterval('ISL_ScrUp();',Speed); 
} 
function ISL_StopUp(){ //上翻停止 
    clearInterval(MoveTimeObj); 
    if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0){ 
        Comp = fill - (GetObj('ISL_Cont').scrollLeft % PageWidth); 
        CompScr(); 
    }else{ 
        MoveLock = false; 
    } 
    AutoPlay(); 
} 
function ISL_ScrUp(){ //上翻动作 
    if(GetObj('ISL_Cont').scrollLeft <= 0){
        GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft + GetObj('List1').offsetWidth
    } 
    GetObj('ISL_Cont').scrollLeft -= Space ; 
} 
function ISL_GoDown(){ //下翻 
    clearInterval(MoveTimeObj); 
    if(MoveLock) return; 
    clearInterval(AutoPlayObj); 
    MoveLock = true; 
    ISL_ScrDown(); 
    MoveTimeObj = setInterval('ISL_ScrDown()',Speed); 
} 
function ISL_StopDown(){ //下翻停止 
    clearInterval(MoveTimeObj); 
    if(GetObj('ISL_Cont').scrollLeft % PageWidth - fill != 0 ){ 
        Comp = PageWidth - GetObj('ISL_Cont').scrollLeft % PageWidth + fill; 
        CompScr(); 
    }else{ 
        MoveLock = false; 
    } 
    AutoPlay(); 
} 
function ISL_ScrDown(){ //下翻动作 
    if(GetObj('ISL_Cont').scrollLeft >= GetObj('List1').scrollWidth){
        GetObj('ISL_Cont').scrollLeft = GetObj('ISL_Cont').scrollLeft - GetObj('List1').scrollWidth;
    } 
    GetObj('ISL_Cont').scrollLeft += Space ; 
} 
function CompScr(){ 
    var num; 
    if(Comp == 0){MoveLock = false;return;} 
    if(Comp < 0){ //上翻 
        if(Comp < -Space){ 
            Comp += Space; 
            num = Space; 
        }else{ 
            num = -Comp; 
            Comp = 0; 
        } 
        GetObj('ISL_Cont').scrollLeft -= num; 
        setTimeout('CompScr()',Speed); 
    }else{ //下翻 
        if(Comp > Space){ 
            Comp -= Space; 
            num = Space; 
        }else{ 
            num = Comp; 
            Comp = 0; 
        } 
        GetObj('ISL_Cont').scrollLeft += num; 
        setTimeout('CompScr()',Speed); 
    } 
}

function aLeftMouseOver() {
    var img = document.getElementById("LeftBotton");
    if(btype == "1"){
        img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../images/left_02.png')";
    }else{
        img.style.background = "url(../images/left_02.png)";
    }
    
}

function aLeftMouseOut() {
    var img = document.getElementById("LeftBotton");
    if(btype == "1"){
        img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../images/left_01.png')";
    }else{
        img.style.background = "url(../images/left_01.png)";
    }
}


function aRightMouseOver() {
    var img = document.getElementById("RightBotton");
    if(btype == "1"){
        img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../images/right_02.png')";
    }else{
        img.style.background = "url(../images/right_02.png)";
    }
}

function aRightMouseOut() {
    var img = document.getElementById("RightBotton");
    if(btype == "1"){
        img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='../images/right_01.png')";
    }else{
        img.style.background = "url(../images/right_01.png)";
    }
}