//global function
var gid = function(id){
    return typeof id == 'string' ? document.getElementById(id):id;
}
var gtn = function(oCon,sName){
    return oCon.getElementsByTagName(sName);
}
/*-----公共部分结束-------------*/

//Rotation
var Rotation = {
    timer : null,
    cur : null,
    init : function(sConId){
        this._container = gid(sConId);
        this._pics = gtn(gtn(this._container, "ul")[0], "li");
        this._thumbs = gtn(gtn(this._container, "ul")[1], "li");
        this.cur = this.locate();
        var _self = this;

        for (var i = 0, iLen = this._thumbs.length; i < iLen; i++) {
            this._thumbs[i].onclick = (function(i, _self) {
                return function() {
                    _self._pics[i].style.display = "block";
                    _self.change(i, 100);
                }
            })(i, this);
        }

        this._container.onmouseover = function(){
            if(_self.timer){
                clearTimeout(_self.timer);
            }
        }
        this._container.onmouseout = function(){
            _self.timer = setTimeout(function(){_self.play(_self)}, 3000);
        }

        this.timer = setTimeout(function(){_self.play(_self)}, 3000);
    },
    change : function(i, n) {
        var _self = this;
        if(i == this.cur){
            return;
        }
        if(n == 0){
            this._pics[this.cur].className="";
            this._pics[this.cur].style.display="none";
            this._pics[i].className="s";
            this._thumbs[this.cur].className="";
            this._thumbs[i].className="s";
            this.cur = i;
            return;
        }
        n -= 10;
        if(/*@cc_on!@*/!1){
            this._pics[this.cur].style.filter = "Alpha(opacity=" + n + ")";
            this._pics[i].style.filter = "Alpha(opacity=" + (100-n) + ")";
            this._thumbs[this.cur].style.filter = "Alpha(opacity=" + (30+n*0.7) +")";
            this._thumbs[i].style.filter = "Alpha(opacity="+(30+(100-n)*0.7)+")";
        }else{
            this._pics[this.cur].style.opacity =  n/100;
            this._pics[i].style.opacity = (100-n)/100;
            this._thumbs[this.cur].style.opacity =(30+n*0.7)/100;
            this._thumbs[i].style.opacity = (30+(100-n)*0.7)/100;
        }
        setTimeout(function(){_self.change(i,n)}, 50);
    },
    locate : function() {
        for (var i = 0, iLen = this._pics.length; i < iLen; i++) {
            if(this._pics[i].className == "s"){
                return i;
            }
        }
    },
    play : function(_self) {
        clearTimeout(_self.timer);
        var loc = (_self.cur +1)%5;
        _self._pics[loc].style.display = "block";
        _self.change(loc,100);
        _self.timer = setTimeout(function(){_self.play(_self)}, 3000);
    },
    clearStyle : function(){
        for (var i = 0, iLen = this._thumbs.length; i < iLen; i++) {
            this._pics[i].className = "";
            this._thumbs[i].className = "";
        }
    }
}




/*---大图js----*/

var Rotation2 = {
    timer : null,
    cur : null,
    init : function(sConId){
        this._container = gid(sConId);
        this._pics = gtn(gtn(this._container, "ul")[2], "li");
        this._thumbs = gtn(gtn(this._container, "ul")[3], "li");
        this.cur = this.locate();
        var _self = this;

        for (var i = 0, iLen = this._thumbs.length; i < iLen; i++) {
            this._thumbs[i].onclick = (function(i, _self) {
                return function() {
                    _self._pics[i].style.display = "block";
                    _self._thumbs[_self.cur].style.border = "2px #ccc solid";
                    _self._thumbs[i].style.border = "2px #380c0d solid";
					_self.change(i, 100);	
					var img = gtn(_self._thumbs[i],"img");
					document.getElementById("pictitle").innerHTML= img[0].title;

                }
            })(i, this);
        }
		
		for (var i = 0, iLen = this._thumbs.length; i < iLen; i++) {
			this._thumbs[i].onmouseover = (function(i, _self) {
                return function() {


                }
            })(i, this);
		}


        this._container.onmouseover = function(){			
            if(_self.timer){
                clearTimeout(_self.timer);
            }
        }
        this._container.onmouseout = function(){
            _self.timer = setTimeout(function(){_self.play(_self)}, 3000);
        }

        this.timer = setTimeout(function(){_self.play(_self)}, 3000);
    },
    change : function(i, n) {
        var _self = this;
        if(i == this.cur){
            return;
        }
        if(n == 0){
            this._pics[this.cur].className="";
            this._pics[this.cur].style.display="none";
            this._pics[i].className="s";
            this._thumbs[this.cur].className="";
            this._thumbs[this.cur].style.border="2px #ccc solid";
            this._thumbs[i].className="s";
            this.cur = i;
            return;
        }
        n -= 10;
        if(/*@cc_on!@*/!1){
            this._pics[this.cur].style.filter = "Alpha(opacity=" + n + ")";
            this._pics[i].style.filter = "Alpha(opacity=" + (100-n) + ")";
            this._thumbs[this.cur].style.filter = "Alpha(opacity=" + (30+n*0.7) +")";
            this._thumbs[i].style.filter = "Alpha(opacity="+(30+(100-n)*0.7)+")";
        }else{
            this._pics[this.cur].style.opacity =  n/100;
            this._pics[i].style.opacity = (100-n)/100;
            this._thumbs[this.cur].style.opacity =(30+n*0.7)/100;
            this._thumbs[i].style.opacity = (30+(100-n)*0.7)/100;
        }
        setTimeout(function(){_self.change(i,n)}, 50);
    },
    locate : function() {
        for (var i = 0, iLen = this._pics.length; i < iLen; i++) {
            if(this._pics[i].className == "s"){
                return i;
            }
        }
    },
    play : function(_self) {
        clearTimeout(_self.timer);
        var loc = (_self.cur +1)%5;
        _self._pics[loc].style.display = "block";
        _self._thumbs[_self.cur].style.border = "2px #ccc solid";
        _self._thumbs[loc].style.border = "2px #380c0d solid";
        _self.change(loc,100);
        _self.timer = setTimeout(function(){_self.play(_self)}, 3000);
    },
    clearStyle : function(){
        for (var i = 0, iLen = this._thumbs.length; i < iLen; i++) {
            this._pics[i].className = "";
            this._thumbs[i].className = "";
        }
    }
}