var SlideShow = function() { 
    this.initialize.apply(this, arguments);
}
SlideShow.prototype = {
    initialize: function(approot) {
        this.approot = approot;
    },
    bindLeftRight: function(ele, isLeft) {
        var me = this;
        ele.onmouseover = function() { me._hdl_marquee = setInterval(function() { me._marquee(me.outer, isLeft) }, me._speed); }
        ele.onmouseout = function() { clearInterval(me._hdl_marquee); }
    },
    bindFirst: function(ele) {
        var me = this;
        ele.onclick = function() { me._goTo(0); }
    },
    bindPrev: function(ele) {
        var me = this;
        ele.onclick = function() { var _to = me._current - 1; me._goTo(_to) }
    },
    bindNext: function(ele) {
        var me = this;
        ele.onclick = function() { var _to = me._current + 1; me._goTo(_to); }
    },
    bindLast: function(ele) {
        var me = this;
        ele.onclick = function() { var _to = me._tbOffsets.length - 1; me._goTo(_to); }
    },
    _marquee: function(outer, left) {
        if (left) outer.scrollLeft -= 5;
        else outer.scrollLeft += 5;
    },
    _goTo: function(index) {
        var _total = this._tbOffsets.length;
        if (index < 0 || index == _total) return;
        this._current = index;
        var _left = 0;
        var _dleft = this.outer.offsetWidth + this.outer.scrollLeft;
        for (var i = 0; i <= index; i++) _left += this._tbOffsets[i];
        if (_left > _dleft) this.outer.scrollLeft = _left - this.outer.offsetWidth;
        if (this.zoomShow) this.zoomShow(index);
    },
    _tbOffsets: [],
    _hdl_marquee: false,
    _speed: 5,
    _current: 0
}
/*
var _img2=document.getElementById('slide-img2');
var _images=document.getElementById('images').getElementsByTagName('img');
var _total=_images.length;

var _first=_slide_conf[0];
if(_first.Img2) _img2.src=_images[0].src.replace('1_','2_');
else _img2.src='<%=_approot %>'+'webroot/'+_first.Path+'/'+_first.Name;

var speed3=5,_current=0;
var _isleft=true;
var _caption=document.getElementById('slide-caption');
var _description=document.getElementById('slide-description');
var _pictext=document.getElementById('slide-pictext');
var demo=document.getElementById('myslideshow-outer');
var demo1=document.getElementById('muslideshow-inner');

var _offsets=[];
for(var i=0;i<_images.length;i++){
    _images[i].index=i;
    _images[i].onclick=function(){goTo(this.index);}
    _images[i].onmouseover=function(){this.className='';}
    _images[i].onmouseout=function(){this.className='opc50';}
    _offsets.push(_images[i].offsetWidth);
}    
var left=document.getElementById('left');
var right=document.getElementById('right');
left.onmouseover=function(){_isleft=true;_marquee=setInterval(Marquee,speed3);}
left.onmouseout=function(){clearInterval(_marquee);}

right.onmouseover=function(){_isleft=false;_marquee=setInterval(Marquee,speed3);}
right.onmouseout=function(){clearInterval(_marquee);}

var first=document.getElementById('first');
var prev=document.getElementById('prev');
var next=document.getElementById('next');
var last=document.getElementById('last');

first.onclick=function(){goTo(0);}
prev.onclick=function(){var _to=_current-1;goTo(_to);}
next.onclick=function(){var _to=_current+1;goTo(_to);}
last.onclick=function(){var _to=_total-1;goTo(_to);}

function goTo(to){
    if(to<0 || to==_total) return;
    _current=to;
    var _left=0;
    var _dleft=demo.offsetWidth+demo.scrollLeft;
    for(var i=0;i<=to;i++) _left+=_offsets[i];
    if(_left>_dleft) demo.scrollLeft=_left-demo.offsetWidth;
    var _item=_slide_conf[to];
    var usingimg2=_item.Img2;
    if(usingimg2) _img2.src=_images[to].src.replace('1_','2_');
    else _img2.src='<%=_approot %>'+'webroot/'+_item.Path+'/'+_name;   
    
    
    _caption.innerHTML=_item.Caption;
    _description.innerHTML=_item.Description;
    //alert(_description.innerHTML);
    //_pictext.innerHTML=_item.PicText;   
}
function Marquee(){
    if(_isleft) demo.scrollLeft-=5;
    else demo.scrollLeft+=5;
}
*/