function Changeimg() {

this.mystyle = '';
this.Astyle = function(style) {
	this.mystyle = style;
}
this.style  = '<style>';
this.style += '.alink{background:#535353;}';
this.style += 'a.alink:link,a.alink:visited {text-decoration:none;}';
this.style += 'a.alink:hover{background:#ce0000; text-decoration:none;}';
this.style += 'a.alink:active {text-decoration:none;}';
this.style += '.blink{background:#ce0000;}';
this.style += 'a.blink:link,a.blink:visited{text-decoration:none;}';
this.style += 'a.blink:hover,a.blink:active{background:#ce0000;text-decoration:none;}'+ this.mystyle +'';
this.style += '</style>';
document.write(this.style);

this.reText = '';
this.addtext = function(code) {
	this.reText = code;
}
    
this.create = function(elementId) {

this.id = document.getElementById(elementId);
this.list = document.getElementById('imgList');
if(!this.id || !this.list) return false;
this.span = this.list.getElementsByTagName('span');
this.p = this.list.getElementsByTagName('p');
this.len = this.span.length;
this.$href = /href=(\"|\')[^\'\"\>\s]*/;
this.$src = /src=(\"|\')[^\'\"\>\s]*/;

this.data = {href:[],src:[],text:[]};
    for(var j=0; j<this.len; j++) {
        var temphref = this.span[j].innerHTML.match(this.$href);
	    var tempsrc = this.span[j].innerHTML.match(this.$src);
        this.data.href[j] = temphref[0].substr(6,temphref[0].length-6);
	    this.data.src[j] = tempsrc[0].substr(5,tempsrc[0].length-5);
		this.data.text[j] = (this.p.length == 0)?'':this.p[j].innerHTML;
    }

this.numA = '';
	for(var n=0; n<this.len; n++) {
		var tempN = n+1;
	    this.numA += '<a href="#" class="alink" style="color:#fff;border-left:1px solid #fff;padding:0 8px;" onclick="Imgs.change_img('+ n +'); return false;">'+ tempN +'</a>'; 
    }
this.divA = '<div id="listA" style="width:100%;position:absolute;bottom:-3px;right:0;text-align:right;z-index:1000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)">'+ this.numA +'</div>';
this.divT = '<div id="listT" style="width:100%;height:22px;line-height:22px;text-align:center;position:absolute;right:0;bottom:-26px;z-index:2000;'+ this.reText + '"></div>';
this.content  = '<div style="width:100%;height:100%;position:relative;font-size:12px;color:#000;"><a id="#href" href="" target="_blank">';
this.content += '<img id="#src" style="display:block;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" src="'+ this.data.src[0] +'" />';
this.content += '</a>'+ this.divA + this.divT +'</div>';

this.id.innerHTML = this.content;

this.aList = document.getElementById('listA').getElementsByTagName('a');
this.tText = document.getElementById('listT');
this.Href = document.getElementById('#href');
this.Src = document.getElementById('#src');
this.flag = 0;

this.change = function() {
            if(navigator.appName.indexOf("Explorer") != -1) {
            this.Src.filters[0].Apply();
	        this.Src.filters[0].Play(duration=2);
	        }
    this.Href.setAttribute('href',this.data.href[this.flag]);
    this.Src.setAttribute('src',this.data.src[this.flag]);
	this.tText.innerHTML = this.data.text[this.flag];
    for(var i=0; i<this.len; i++){this.aList[i].className = 'alink';}
	this.aList[this.flag].className = 'blink';
	this.flag += 1;
	if(this.flag >= this.len) {this.flag = 0}
	this.timer = setTimeout('Imgs.change()',4000);
}

this.change_img = function(i) {
	clearInterval(this.timer);
	this.flag = i;
    this.change();
}

this.change();
}

} //end
var Imgs = new Changeimg();