// JavaScript Document

//文本框焦点样式
var txtFocus=function(element){element.style.border="1px solid #00FF00";};
var txtOut=function(element){element.style.border="1px solid #FF0000";};

//按钮翻转样式
var btn=function(element){
	if(element.className==="") element.className="rollover";
	else element.className="";
};
//图标
var icon=function(){
	var liBg = $("news").getElementsByTagName("li");
	for(var i=0;i<liBg.length;i++){
		var n = i+1;
		var style = "url(image/icon"+n+".gif) 35px center no-repeat";
		liBg[i].style.background=style;
	}
};

addLoadEvent(icon);
//视频菜单切换
var menu=function(){
	this.m_tabs=$("title").getElementsByTagName("img");
	this.menus={};
	this.init=function(){
		//alert("");
		var i=0;
		this.menus[1]=$("m3");
		this.menus[2]=$("m2");
		this.menus[3]=$("m1");
		for(i=1;i<this.m_tabs.length;i++){
			if(i===3) this.m_tabs[i].style.top="0px";
			this.m_tabs[i].onmouseover=Bind(this,function(index){
				var top=getStyle(this.m_tabs[index],"top");
				if(top==="-8px")
				this.m_tabs[index].style.top="0"; 
				
			},i);	
			this.m_tabs[i].onclick=Bind(this,function(index){
				var j;
				if(getStyle(this.menus[index],"display")==="none")
					this.changeMenu(index);
			},i);
			this.m_tabs[i].onmouseout=Bind(this,function(index){
				if(getStyle(this.menus[index],"display")==="none"){
					this.m_tabs[index].style.top="-8px";
				}
			},i);
		}	
	};
	this.changeMenu=function(index){
		
		var i;
		for(i=1;i<4;i++){
			if(i===index) {
				dis(this.menus[i],true);
				this.m_tabs[i].style.top="0";
			}
			else {
				dis(this.menus[i],false);
				this.m_tabs[i].style.top="-8px";
			}
		}
	};
};

addLoadEvent(
	function(){
		var o=new menu();
		o.init();
});

//视频播放
var playVideo=function(){
	this.imgs=$("menus").getElementsByTagName("img");
	this.init=function(){
		var i;
		var alt;
		for(i=0;i<this.imgs.length;i++){
			if(this.imgs[i].getAttribute("alt")!==null&&this.imgs[i].getAttribute("alt")!==""){
				this.imgs[i].onclick=Bind(this,this.play,i);
			}
		}	
	};
	this.play=function(index){
		var src=this.imgs[index].getAttribute("alt");
		swfobject.embedSWF(src, "mainV", "450", "372", "9.0.0");
		dis($("menu"),false);
		dis($("mainV"),true);
		dis($("bottom"),true);
		dis($("back"),true);
	};
};
addLoadEvent(function(){
	var p=new playVideo();
	p.init();
});
//新闻列表特效
var ll=function(){
	this.timer=null;
	this.li;
	this.init=function(object){
		this.li=object;
		this._out=Bind(this,this.liOut);
		this.li.onmouseout=this._out;
		this._over=Bind(this,this.liOver);
		this.li.onmouseover=this._over;
		};
	this.liOut=function(){
		this.timer=window.setTimeout(out,50,this.li,this);
	};
	
	this.liOver=function(){
		clearTimeout(this.timer);
		this.li.style.backgroundColor="#ab0202";
	};
};
var out=function(element,obj,color){
		if(!color) {
			if(obj.timer!==null) clearTimeout(obj.timer);
			element.style.backgroundColor="#f36767";
			obj.timer=window.setTimeout(out,50,element,obj,"#f4a7a7");
		}
		else if(color==="#f4a7a7"){
			element.style.backgroundColor=color;
			obj.timer=window.setTimeout(out,50,element,obj,"none");
		}
		else{
			element.style.backgroundColor="";
			clearTimeout(obj.timer);
		}
	};
var prepareLi=function(){
	if(!document.getElementById||!document.getElementsByTagName) return false;
	var lists=document.getElementsByTagName("li");
	var i=0;
	var lis=[];
	for(i=0;i<lists.length;i++){
		lis[i]=new ll();
		lis[i].init(lists[i]);
	}
};
addLoadEvent(prepareLi);

//兼容的settimeout
var mySetTimeOut = setTimeout; 
window.setTimeout = function(callback, timeout) 
{ 
var args = Array.prototype.slice.call(arguments, 2); 
function callFn(){callback.apply(null, args);} 
return mySetTimeOut(callFn, timeout); 
} 
var dis=function(element,b){
		if(b===true)
		element.style.display="block";
		else element.style.display="none";
	};
//点击标签变换，显示或隐藏内容
var changeTab=function(index){
	if(!document.getElementById||!document.getElementsByTagName) return false;
	if(!$("tab"+index)) return false;
	var tab=[];
	tab[1]=$("tab1");
	tab[2]=$("tab2");
	tab[3]=$("tab3");
	var zIndex=[];
	zIndex[1]=getStyle(tab[1],"z-index");
	zIndex[2]=getStyle(tab[2],"z-index");
	zIndex[3]=getStyle(tab[3],"z-index");
	var tabImg=[];
	tabImg[1]=tab[1].getElementsByTagName("img");
	tabImg[2]=tab[2].getElementsByTagName("img");
	tabImg[3]=tab[3].getElementsByTagName("img");
	var cenTabs=[];
	cenTabs[1]=$("video");
	cenTabs[2]=$("login");
	cenTabs[3]=$("news");
	var j=1;
	var changeDis=function(i,b){
			if(b===false) tabImg[i][0].style.left="-73px";
			else tabImg[i][0].style.left="-3px";
		};
	var changeCen=function(i){
			for(j=1;j<4;j++){
				if(j==i) dis(cenTabs[j],true);
				else dis(cenTabs[j],false);
			}
		};
	if(index===1){
		if(zIndex[1]===3) return false;
		else{
			tab[1].style.zIndex=3;
			changeDis(1,true);
			dis($("bottom"),false);
			dis($("mainV"),false);
			dis($("menu"),true);
			dis($("back"),false);
			tab[2].style.zIndex=2;
			changeDis(2,false);
			tab[3].style.zIndex=1;
			changeDis(3,false);
			changeCen(1);
		}
	}
	else if(index===2){
		if(zIndex[2]===3) return false;
		else{
			tab[1].style.zIndex=1;
			$("bottom").style.display="none";
			changeDis(1,false);
			tab[2].style.zIndex=3;
			changeDis(2,true);
			tab[3].style.zIndex=1;
			changeDis(3,false);
			changeCen(2);
		}
	}
	else {
		if(zIndex[3]===3) return false;
		else{
			tab[1].style.zIndex=1;
			$("bottom").style.display="none";
			changeDis(1,false);
			tab[2].style.zIndex=2;
			changeDis(2,false);
			tab[3].style.zIndex=3;
			changeDis(3,true);
			changeCen(3);
		}
	}
};

//hover标签时，变换样式
var overTab=function(index){
		if(!document.getElementById||!document.getElementsByTagName) return false;
		if(!$("tab"+index)) return false;
		var tab=$("tab"+index);
		var tabImg=tab.getElementsByTagName("img");
		var img_x=parseInt(getStyle(tabImg[0],"left"));
		if(img_x===-3) return false;
		else if(img_x===-73) img_x=-38;
		else img_x=-73;
		tabImg[0].style.left=img_x+"px";
};

//点击底部，返回视频菜单
var clickBottom=function(){
		dis($("back"),false);
		dis($("menu"),true);
		dis($("mainV"),false);
		dis($("bottom"),false);
};

var Bind = function(object,fun){
		var args = Array.prototype.slice.call(arguments).slice(2);
		return function(){
			return fun.apply(object,args);
		}
};
var $=function(str){ 
	return document.getElementById(str);
};
var getStyle=function(element,spro){
	if(element.currentStyle) return element.currentStyle[spro];
	else{
		return window.getComputedStyle(element, null).getPropertyValue(spro);
	}
};
function addLoadEvent(func) 
{  
    var oldonload = window.onload;  
    if (typeof window.onload != 'function') 
	{  
        window.onload = func;  
    }  
    else 
	{  
        window.onload = function() 
		{  
            oldonload();  
            func();  
        }  
    }  
}