﻿// JScript 文件

// JavaScript Document
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
	window.onload = func;
	}else{
	window.onload = function() {
    oldonload();
    func();
    }
  }
}

function addClass(element,value) {
  if (!element.className) {
    element.className = value;
  } else {
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
  }
}

function removeClass(element, value){
  var removedClass = element.className;
  var pattern = new RegExp("(^| )" + value + "( |$)");
  removedClass = removedClass.replace(pattern, "$1");
  removedClass = removedClass.replace(/ $/, "");
  element.className = removedClass;
  return true;
}



/*break ul tag*/
function breakul(ul_ID,li_num){
		if (!document.getElementById(ul_ID)) return false;
		var divid = document.getElementById(ul_ID).parentNode; 
		var sfEls = divid.getElementsByTagName("li"); 
		var loopCount = Math.ceil(sfEls.length/li_num) - 1; 
		for(var less = 0;less<loopCount;less++) {
			var bod = document.createElement("ul");  
			divid.appendChild(bod);
			for(var i = 0;i<li_num;i++) {
					   if(sfEls[li_num] && ((less+1)*li_num +i)<sfEls.length){
					   bod.appendChild(sfEls[li_num]);
			}  
		}   
	}
}

function all_func(){
	breakul('break_hangqing',6);
	breakul('break_weihu',6);
	breakul('break_shangjia',5);
	breakul('break_redian',8);
	tabs("car_tab_ul","data_table","best_car",true);
	tabs("car_tab_ul2","data_table2","best_car2",true);
	tabs("car_tab_ul3","data_table3",null,true);
	tabs("sub_ul","sub_con",null,true);
	tabs("sub_news","sub_news_con",null,true);	
	tabs("rank_newcar_tab","rank_newcar");
	tabs("pageTop","ctab");
	tabs("link_tab_ul","link_box",null,true);
	var focusa = new focusObj('focus_chart',3000);

}
addLoadEvent(all_func)


function focusObj(id,settime){
//定义焦点模块对象属性
	if (!document.getElementById(id)) return false;
	this.focus_box = document.getElementById(id);
	this.f_p = this.focus_box.getElementsByTagName("p");
	this.f_em = this.focus_box.getElementsByTagName("em");
	this.f_div = this.focus_box.getElementsByTagName("div");
	this.getc = getElementsByClass("current",this.focus_box,"div");

	var w_max_width=parseInt(this.focus_box.clientWidth-this.f_div.length*18);//计算显示块宽度
	
	this.bt_autokey = false;
	this.bt_interval = 30;	
	this.bt_min_width = 18;
	this.bt_max_width = w_max_width+8;
	this.getc[0].style.width=w_max_width+8 + "px";//load width
	
//对象属性参数化 便于传参	
	var wbt_autokey=this.bt_autokey;
	var wfocus_box=this.focus_box;
	var wbt_max_width=this.bt_max_width;
	var wbt_min_width=this.bt_min_width;
	var wbt_interval=this.bt_interval;
	var wf_em=this.f_em;
	var wf_div=this.f_div;
	
	
	for(var i=0;i<this.f_em.length;i++){
		this.f_div[i].onmouseover = function(){wbt_autokey = true;};//key
		this.f_div[i].onmouseout = function(){wbt_autokey = false;};//key	
		this.f_p[i].onmouseover = function(){wbt_autokey = true;};//key
        this.f_p[i].onmouseout = function(){wbt_autokey = false;};//key  

		this.f_p[i].style.display = "none";
		this.f_p[0].style.display = "block";
		
		this.f_em[i].num = i;//em元素赋 num 属性
	
		this.f_em[i].onclick = function(){
			var getc = getElementsByClass("current",wfocus_box,"div");
			if(getc[0].style.width != wbt_max_width+"px"){return false};//unable quick click
			if(getc[0]==this.parentNode.parentNode){return false};//unable click current
			
			widthElement(getc[0].id,wbt_min_width,wbt_interval);
			widthElement(wf_div[this.num].id,wbt_max_width,wbt_interval);
			removeClass(getc[0],"current");
			addClass(wf_div[this.num],"current");
			focusbigimg(wf_div[this.num],wfocus_box);
			return false;
			
			}; 
		
	}
	this.bt_settime = setInterval(function(){focusAuto(wbt_autokey,wfocus_box,wbt_max_width,wbt_min_width,wbt_interval);},settime);
	

}


/*=======================tab=============================*/
function hide(id){var Div = document.getElementById(id);if(Div){Div.style.display="none"}}  
function show(id){var Div = document.getElementById(id);if(Div){Div.style.display="block"}}  

function tabsRemove(index,head,divs,div2s) { 		
	if (!document.getElementById(head)) return false;
	var tab_heads = document.getElementById(head);
	if (tab_heads) {
		var alis = tab_heads.getElementsByTagName("li");  
		for(var i=0;i<alis.length;i++){
			removeClass(alis[i], "current");
			
			hide(divs+"_"+i);
			if(div2s){hide(div2s+"_"+i)};
			
			if (i==index) {
				addClass(alis[i],"current");
			}
			}
			
			show(divs+"_"+index);
			//if(div2s){show(div2s+"_"+index)};
		}
}

function tabs(head,divs,div2s,over){
	if (!document.getElementById(head)) return false;
	var tab_heads=document.getElementById(head);
	
	if (tab_heads) {
	   var alis=tab_heads.getElementsByTagName("li");
	   for(var i=0;i<alis.length;i++) {
		alis[i].num=i;
		
		
		if(over){
				alis[i].onmouseover = function(){
					var thisobj = this;
					thetabstime = setTimeout(function(){changetab(thisobj);},150);
					}
				alis[i].onmouseout = function(){
					clearTimeout(thetabstime);
					}			
		}
		else{			
					alis[i].onclick = function(){
						if(this.className == "current" || this.className == "last current"){
							changetab(this);
							return true;
						}
						else{
							changetab(this);						
							return false;
						}
					
				}
		}
		
		function changetab(thebox){
			tabsRemove(thebox.num,head,divs,div2s);			
		}
  
     } 
  }
}

/*bt login*/
function bt_login_more(){
	if (!document.getElementById("bt_login_bt")) return false;
	var btli = document.getElementById("bt_login_bt");	
	var btpop = document.getElementById("bt_login_pop");	
	btli.onmouseover = function(){
			addClass(btpop,"pop_block")			
		}
	btli.onmouseout = function(){
			removeClass(btpop,"pop_block")
		}
}
addLoadEvent(bt_login_more);
