/*
 *	频道页
 *	幻灯片 需jquery框架
 *	by 欧新志	ouxingzhi_2006@126.com  QQ:157890044
 *
 *
 */
 
 function slide(obj,op){
	var _this =this;
	//容器
	this.box = $(obj);
	//图片列表
	this.list = new Array();
	//添加项
	this.add = function(url,img,title,text){
		var url = url == undefined ? "":url;
		var img = img == undefined ? "":img;
		var title = title == undefined ? "": title;
		var text = text == undefined ? "":text;
		this.list.push({"url":url,"img":img,"title":title,"text":text});
	}
	//播放
	this.play = function(s){
		this.init();
		this.s = (s == undefined) ? 3000:s;
		this.logo = window.setInterval(this.to,this.s);
	}
	this.to = function(){
			var id = ((_this.index+1)  > (_this.list.length-1)) ? 0 : _this.index+1;
			_this.go(id);
		}
	//到指定页
	this.go = function(n){
		var _this = this;
		if(this.list[n] === undefined) return false;
		if(n == this.index) return false;
		//window.alert(n+"  "+this.index);
		var _view = this.box.find("._view");
		var list = _view.find(".view9");
		list.css({zIndex:"100"});
		var cur = _view.find(".selected");
		cur.css({zIndex:"120"});
		var cur2 = _view.find(".iss").eq(n);
		cur2.css({zIndex:"110"});
		cur.removeClass("selected");
		cur.addClass("view9");
		cur2.removeClass("view9");
		cur2.addClass("selected");
		this.box.find(".tag6").css({"opacity":"0.8","borderColor":"#cccccc"});
		this.box.find(".tag6").eq(n).css({"opacity":"1","borderColor":"#f78bc0"});
		this.index = n;
		cur.fadeOut("slow",function(){
			cur2.css({zIndex:"120"});
			$(this).css({zIndex:"100"});
			$(this).show();
		});
	}
	//获得属性
	this.h = (op.height === undefined) ? 200: op.height;
	this.w = (op.width === undefined) ? 300:op.width;
	this.h2 = this.h*(80/100);
	this.w2 = this.w*(81/100);
	//初始化
	this.init = function(){
		if(this.list.length < 1) return false;
		this.v1 = $("<div></div>");
		this.v1.css({position:"absolute",height:this.h+"px",width:this.w2+"px",left:"0px",top:"0px"});
		this.v1.addClass("_view");
		for(var i in this.list){
			var img = $("<img src=\""+this.list[i].img+"\" alt=\""+this.list[i].title+"\"/>");
			img.css({width:"100%",height:"100%"});
			var a = $("<a href=\""+this.list[i].url+"\" title=\""+this.list[i].title+"\" target=\"_blank\"></a>");
			a.css({display:"block",width:"100%",height:"100%",position:"absolute","left":"0px","right":"0px"});
			a.append(img);
			var h3 = $("<h3><a href=\""+this.list[i].url+"\" target=\"_blank\" style=\"color:#ffffff\">"+this.list[i].title+"</a></h3>");
			h3.css({color:"#fff",height:"24px",fontSize:"16px",textIndent:"15px",lineHeight:"24px",paddingTop:"3px"});
			var div = $("<div>"+this.list[i].text+"</div>");
			div.css({color:"#fff",fontSize:"12px",textIndent:"15px"});
			var ttop = $("<div></div>");
			ttop.css({width:"100%",height:"100%",position:"absolute",left:"0px",top:"0px"});
			ttop.append(h3);
			ttop.append(div);
			var title = $("<div></div>");
			var bg = $("<div></div>");
			bg.css({width:"100%",height:"100%",position:"absolute",left:"0px",top:"0px",opacity:"0.5",backgroundColor:"#000"});
			title.css({width:"100%",height:"16%",position:"absolute",left:"0px",bottom:"0px",overflow:"hidden"});
			title.append(bg);
			title.append(ttop);
			var box1 = $("<div></div>");
			if(i == (this.list.length-1)){
				box1.addClass("selected iss");
			}else{
				box1.addClass("view9  iss");
			}
			box1.css({width:"100%",height:"100%",position:"absolute",left:"0px",top:"0px",zIndex:99});
			box1.append(a);
			box1.append(title);
			this.v1.append(box1);
		}
		this.m1 = $("<div></div>");
		this.m1.css({height:"100%",width:"98px",position:"absolute",top:"0px",right:"0px",overflow:"hidden"});
		this.m1.addClass("_menu");
		this.tb1 = $("<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  width=\"100%\"></table>");
		this.tb1.css({"height":(this.h+10)+"px"});
		for(var t in this.list){
			var li = $("<div></div>");
			li.css({textAlign:"center",padding:"2px 0px",border:"2px solid #ccc"});
			li.attr("id",t+"li");
			li.addClass("tag6");
			var img2 = $("<img src=\""+this.list[t].img+"\" alt=\""+this.list[t].title+"\"/>");
			img2.css({width:"92px",height:"auto"});
			li.append(img2);
			var td = $("<td></td>");
			// if(t == 0){
			td.css({verticalAlign:"top"});
			// }else if(t == (this.list.length-1)){
				// td.css({verticalAlign:"bottom"});
			// }
			td.append(li);
			var tr = $("<tr></tr>");
			tr.append(td);
			this.tb1.append(tr);
		}
		this.m1.append(this.tb1);
		this.m1.find("div").bind("mouseover",function(){
			var id = parseInt($(this).attr("id"));
			_this.go(id);
			window.clearInterval(_this.logo);
		});
		this.m1.find("div").bind("mouseout",function(){
			_this.logo = window.setInterval(_this.to,_this.s);
		});
		var boxs = $("<div></div>");
		boxs.css({position:"relative",height:this.h+"px",width:this.w+"px"});
		boxs.append(this.v1);
		boxs.append(this.m1);
		this.box.append(boxs);
		this.index = this.list.length-1;
		this.box.find(".tag6").css({"opacity":"0.8","borderColor":"#cccccc"});
		this.box.find(".tag6").eq(this.list.length-1).css({"opacity":"1","borderColor":"#f78bc0"});
		this.box.css({"visibility":"hidden"});
		setTimeout(function(){
			_this.box.css({"visibility":"visible"});
		},4000);
	}

 }