var pictimer;
function $() 
{ 
  var elements = new Array(); 
  for (var i = 0; i < arguments.length; i++) 
  { 
    var element = arguments[i]; 
    if (typeof element == 'string') 
      element = document.getElementById(element); 
    if (arguments.length == 1) 
      return element; 
    elements.push(element); 
  } 
  return elements; 
}

function focusPic(){
	this.hotPicId = "";
	this.listId = "";
	this.onStyle = "";
	this.data = "";
	this.delay = "";
	this.width = "";
	this.height = "";
	this.j = 1;
	_self = this;
	
}
focusPic.prototype.play = function(){
	this.preHtml();
	clearInterval(pictimer);
	pictimer = setInterval(this.autoPlay,this.delay);
}

focusPic.prototype.preHtml = function(){
	var a = document.createElement("a");
	a.setAttribute("href",this.data[0].link);
	$(this.hotPicId).appendChild(a);
	var img = document.createElement("img");
	img.setAttribute("src",this.data[0].bpic);
	img.setAttribute("alt",this.data[0].alt);
	img.setAttribute("width",this.width);
	img.setAttribute("height",this.height);
	img.style.filter="revealTrans()";
	$(a).appendChild(img);
 
	for (var i=0;i<this.data.length ;i++){
		var li = document.createElement("li");
		li.setAttribute("num",i);
		//li.setAttribute("style","float:left;border:5px;");
		li.onmouseover = function(e){clearInterval(pictimer);e=e?e:event;obj = e.srcElement ? e.srcElement : e.target;var num=(obj.getAttribute("num"))*1;_self.changeImg(num);};
		li.onmouseout = function(e){pictimer = setInterval(_self.autoPlay,_self.delay);}
		if (i == 0){
			if (document.all){
				li.setAttribute("className",this.onStyle);
			}
			else{
				li.setAttribute("class",this.onStyle);
			}
		}
		li.innerHTML = formatHtml(this.data[i],i);
		$(this.listId).appendChild(li);
	}
	
}

focusPic.prototype.changeImg=function(num){
	for (var i = 0;i<this.data.length ;i++ )
	{
		//$(this.listId).getElementsByTagName('li')[i].className="";
		if (document.all){
			$(this.listId).getElementsByTagName('li')[i].setAttribute("className","");
		}
		else{
			$(this.listId).getElementsByTagName('li')[i].setAttribute("class","");
		}
	}
	if (document.all)
	{
		$(this.hotPicId).getElementsByTagName('img')[0].filters.revealTrans.Transition=23;
		$(this.hotPicId).getElementsByTagName('img')[0].filters.revealTrans.apply();
		$(this.hotPicId).getElementsByTagName('img')[0].filters.revealTrans.play();
	} 
	//$(_self.listId).getElementsByTagName('li')[num].className=this.onStyle;
	if (document.all){
		$(this.listId).getElementsByTagName('li')[num].setAttribute("className",this.onStyle);
	}
	else{
		$(this.listId).getElementsByTagName('li')[num].setAttribute("class",this.onStyle);
	}
	$(this.hotPicId).getElementsByTagName('img')[0].src=this.data[num].bpic;
	$(this.hotPicId).getElementsByTagName('img')[0].setAttribute("alt",this.data[num].alt);
	$(this.hotPicId).getElementsByTagName('img')[0].parentNode.href=this.data[num].link;
	this.j = (num+1)*1;
	if (this.j >= this.data.length){
		this.j = 0;
	}
}
focusPic.prototype.autoPlay=function(){
	_self.changeImg(_self.j);
}