function ImagePlay(element)
{
	if (!document.getElementById || !document.getElementsByTagName)
	{
		return false;
	}
	this.imagePlay = document.getElementById(element);
	this.imageLink = null;
	this.image = null;
	this.navigate = null;
	this.text = null;		
	this.items = arguments[1];	
	this.interval = 3000;
	this.currentIndex = 0;
	this.timer = null;
}
ImagePlay.prototype.init = function()
{
   //debugger;
   var self = this;  
   this.imageLink =  this.imagePlay.getElementsByTagName('a')[0];
   //this.image = document.getElementById('imagePlayImage');
	this.image = this.imagePlay.getElementsByTagName('div')[0].getElementsByTagName('div')[0].getElementsByTagName('img')[0];
	this.navigate = this.imagePlay.getElementsByTagName('div')[0].getElementsByTagName('div')[1];
	this.text = this.imagePlay.getElementsByTagName('a')[1];	
	//this.text = document.getElementById('sssec');
   for(var i = this.items.length; i > 0; i--)
   {
      var a = document.createElement('a');
      a.target = '_blank';
      a.href = this.items[0].src;
      a.onclick = function (){self.click(this);return false;};
      a.appendChild(document.createTextNode(i));
      a.className = 'navigate';      
      this.navigate.appendChild(a);
   }
}
ImagePlay.prototype.play = function()
{
   for(var i = 0; i < this.items.length; i++)
   {
      this.navigate.getElementsByTagName('a')[i].className = 'navigate';
   }
   this.image.src = this.items[this.currentIndex].src;
   this.image.alt = this.items[this.currentIndex].text;
   this.text.innerText = this.items[this.currentIndex].text;
   this.text.href = this.items[this.currentIndex].href;
   this.imageLink.href = this.items[this.currentIndex].href;
   this.navigate.getElementsByTagName('a')[this.items.length - 1 - this.currentIndex].className = 'navigatecurrent';
   
   var self = this;
   var handler = function(){self._play.apply(self)};
   this.timer = setInterval(handler, this.interval);
}
ImagePlay.prototype._play = function()
{  
   this.navigate.getElementsByTagName('a')[this.items.length - 1 - this.currentIndex].className = 'navigate';
   this.currentIndex ++;   
   if(this.currentIndex >= this.items.length || this.currentIndex < 0)
   {
      this.currentIndex = 0;
   }
   this.image.src = this.items[this.currentIndex].src;
   this.image.alt = this.items[this.currentIndex].text;
   this.text.innerText = this.items[this.currentIndex].text;
   this.text.href = this.items[this.currentIndex].href;
   this.imageLink.href = this.items[this.currentIndex].src;
   //a.appendChild(document.createTextNode(this.items[this.currentIndex].text;));
   this.navigate.getElementsByTagName('a')[this.items.length - 1 - this.currentIndex].className = 'navigatecurrent'; 
}
ImagePlay.prototype.stop = function()
{
   clearInterval(this.timer); 
}
ImagePlay.prototype.click = function(a)
{
   this.currentIndex = a.innerText - 1;
   this.stop();
   this.play();
}
//Function.createDelegate=function(a,b){return function(){return b.apply(a,arguments)}}