/*
 *	幻灯片对象
 *	说明：依赖mootools框架,实现单一页面多实例
 *	BY	Chandler	ouxingzhi_2006@126.com   2010年6月23日
 *	
 *
 */
 //构造函数
 //op 为参数
 var $ccdiv	= null;var opa	= 80,oi=2;var _ia=0;
 
function slide(box,op){

	this.box = $$(box);

	this.imgs = new Array();

	this.index = 0;

	this.tag = "s_"+parseInt(Math.random()*1000);

	this.width = op.width === undefined ? 400 : op.width;

	this.height = op.height === undefined ? 300 : op.height;

	this.dir = op.dir === undefined ? true : false;

	this.bu_height = op.bu_height === undefined ? (this.height/14 >= 28 ? this.height/14 : 29) : op.bu_height;
}

slide.prototype = {

	add:function(img,title,link){
		this.imgs.push({"img":img,"title":title,"link":link});
	},

	play:function(time){
		var _this = this;
		window.clearInterval(this.rel);
		this.rel = window.setInterval(function(){
			_this.index = (_this.index <0 || _this.index > _this.imgs.length) ? 0 : _this.index;
			_this.index = _this.index+1 > _this.imgs.length ? 0 : _this.index+1;
			_this.go(parseInt(_this.index));
			
		},time);
		this.time = time;
	},

	stop:function(){
		window.clearInterval(this.rel);
	},

	init:function(){
		if(this.imgs.length == 0) return ;
	
		this.subBox = new Element("div",{
			"styles":{
				"width":this.width+"px",
				"height":this.height+"px",
				"overflow":"hidden",
				"position":"absolute"
			},
			"events":{
				"mouseover":function(){
					_this.stop();
				},
				"mouseout":function(){
					_this.play(_this.time);
				}
			}
		});

		this.view = new Element("div",{
			"styles":{
				"width":"100%",
				"height":"100%",
				"zIndex":"10",
				"left":"0px",
				"top":"0px",
				"position":"absolute",
				"overflow":"hidden"
			}
		});

		this.buts = new Element("div",{
			"styles":{
				"height":this.bu_height+"px",
				"width":"101%",
				"position":"absolute",
				"zIndex":"20",
				"left":"0px",
				"bottom":"5px"			
			}
		});
		this.subBox.adopt(this.view);
		this.subBox.adopt(this.buts);
		//图片格
		for(var t=0;t<this.imgs.length;t++){
			var img = new Element("img",{
				"src":this.imgs[t].img,
				"title":this.imgs[t].title,
				"styles":{
					"width":"100%",
					"height":"100%",
					"position":"absolute",
					"left":"0px",
					"right":"0px"
				}
			});
			var anchor = new Element("a",{
				"href":this.imgs[t].link,
				"title":this.imgs[t].title,
				"target":"_blank",
				"styles":{
					"display":"block",
					"width":"100%",
					"height":"100%",
					"position":"absolute"
				}
			});
			anchor.adopt(img);
			this.view.adopt(anchor);
		}

		var _this = this;
		for(var t=0;t<this.imgs.length;t++){
			
			var anchor2 = new Element("a",{
				"href":this.imgs[t].link,
				"title":this.imgs[t].title,
				"html":this.imgs[t].title,
				"styles":{
					"color":"#222",
					"display":"block",
					"textDecoration":"none" 
					
				}
				
				
			});
			var em = new Element("em",{
					"style":"float:left",
					"id":t,
					"styles":{
						"width":parseInt(this.width/this.imgs.length-1)+"px",
						"height":"100%",
						"border":"1px solid #999",
					 
						"textAlign":"center",
						"lineHeight":this.bu_height+"px",
						"fontStyle":"normal",
						"borderRight":"0px",
						"position":"relative",
						"overflow":"hidden" 
						
					},
					"events":{
						"mouseover":function(){
						 	var imglist = _this.view.getElements("a");
						  	for(var i=0;i<imglist.length;i++){
						  		if(imglist[i].style.display=='block')	_ia	= i;
							}
							_this.go(this.id);
						},
						"mouseout":function(){
						
						}
						
					}
			});
			if(t == 0){
				em.setStyle("borderLeft","0px");
			}
			if(t == this.imgs.length-1){
				em.setStyle("borderRight","1px");
			}
			em.adopt(anchor2);
			var bgs = new Element("span",{
				"opacity":"0.8",
				"styles":{
					"position":"absolute",
					"left":"0px",
					"top":"0px",
					"width":"100%",
					"height":"100%",
					"backgroundColor":"#fff",
					"zIndex":"-1"
				}
			});
			em.adopt(bgs);
			this.buts.adopt(em);
		}
		
		this.box.adopt(this.subBox);
		this.view.getElements("a").setStyle("display","none");
		this.go(0);
	},

	go:function(num){
		if(num >= this.imgs.length || num < 0) return false;
		//window.alert(num);
		var imglist = this.view.getElements("a");
		imglist.setStyle("display","none");
		if(imglist[num] == undefined){
			this.index = 0;
			return ;
		}
		
		// 添加一个遮罩层
		var offset	= getOffset(this.view);
	 	if(num!=_ia){
		 	if(!$ccdiv){
			    $ccdiv   = document.createElement('div');
			 	document.body.appendChild($ccdiv);
			}
			$ccdiv.style.cssText	= "display:block;position:absolute;z-index:15; background-color:#FFF; width:"+offset.width+"px;height:"+offset.height+"px;left:"+offset.left+"px;top:"+offset.top+"px;";
			setOpacity($ccdiv,opa );
			setTimeout(function(){setViewOpa($ccdiv);},50);
			} 
		imglist[num].setStyle("display","block");
		var alist = this.buts.getElements("em");
		var alist2 = this.buts.getElements("a");
		alist2.setStyles({"color":"#222"});
		alist2[num].setStyles({"color":"#222"});
		var bgs = this.buts.getElements("span");
		var bg_one = alist[num].getElements("span");
		bgs.setStyles({
			"background":"#fff none",
			"color":"#222" ,
			"border":"1px solid #ccc"		 
		});
		bg_one.setStyles({
			"background":"url(public/images/bg_index_bads.jpg) repeat-x", 
			"border":"1px solid  #FF9ECC"
		});
		this.index = num;
	}
	
};
 
function setViewOpa(){
	opa  = opa-oi ;
	setOpacity($ccdiv,opa);
	oi	+= 7;
	if(opa>0){
		setTimeout(function(){setViewOpa();},50);
	}else{
		opa	= 80;oi=2;
		$ccdiv.style.display	= 'none';	
		//$ccdiv.parentNode.removeChild($ccdiv);
	}
}